@anoki/fse-ui 2.1.0-SNAPSHOT6 → 2.1.0-SNAPSHOT8

package/dist/index.es359.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es359.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { ReactNode } from \"react\";\r\n\r\nexport type TitleProps = {\r\n  className?: string;\r\n  fs?: TypographyKeys;\r\n  mdFs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  children: ReactNode;\r\n};\r\n\r\nexport const Title = ({\r\n  className,\r\n  fs = \"3\",\r\n  mdFs = \"1\",\r\n  color = \"slate-20\",\r\n  as = \"h2\",\r\n  children,\r\n}: TitleProps) => {\r\n  const Heading = as;\r\n\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <Heading\r\n      className={clsx(\r\n        \"fw-bold\",\r\n        fontSizeClass,\r\n        mdFontSizeClass,\r\n        textColorClass,\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Heading>\r\n  );\r\n};\r\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es359.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\nexport type TitleProps = {\n  className?: string;\n  fs?: TypographyKeys;\n  mdFs?: TypographyKeys;\n  color?: ColorKeys;\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: ReactNode;\n};\n\nexport const Title = ({\n  className,\n  fs = \"3\",\n  mdFs = \"1\",\n  color = \"slate-20\",\n  as = \"h2\",\n  children,\n}: TitleProps) => {\n  const Heading = as;\n\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <Heading\n      className={clsx(\n        \"fw-bold\",\n        fontSizeClass,\n        mdFontSizeClass,\n        textColorClass,\n        className,\n      )}\n    >\n      {children}\n    </Heading>\n  );\n};\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es36.js

@@ -1,6 +1,6 @@
 import { j as n } from "./index.es249.js";
 import './components/ui/CardOpeningHours/CardOpeningHours.css';/* empty css            */
-import { clsx as ee } from "./index.es251.js";
+import { clsx as ee } from "./index.es250.js";
 import { useState as i, useCallback as h, useMemo as te, useEffect as se } from "react";
 import U from "./index.es230.js";
 import "./index.es3.js";

package/dist/index.es36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es36.js","sources":["../src/components/ui/CardOpeningHours/index.tsx"],"sourcesContent":["import \"./CardOpeningHours.scss\";\r\nimport clsx from \"clsx\";\r\nimport { OpeningHours } from \"@anoki/fse-common\";\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { DateTime } from \"luxon\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype WeekDaysMap = Record<keyof OpeningHours, string>;\r\ntype TimeSlot = { from: string; to: string };\r\n\r\ntype CardOpeningHoursProps = {\r\n  title: string;\r\n  titleTag: HeadingLevel;\r\n  openingHours: OpeningHours;\r\n  weekDaysMap: WeekDaysMap;\r\n  openLabel?: string;\r\n  todayLabel?: string;\r\n  closeLabel?: string;\r\n  open24Label?: string;\r\n  opensSoonLabel?: string;\r\n  opensAtLabel?: string;\r\n  opensTomorrowLabel?: string;\r\n  opensOnLabel?: string;\r\n  atLabel?: string;\r\n  closesAtLabel?: string;\r\n};\r\n\r\nexport const CardOpeningHours = ({\r\n  title = \"Orari di apertura\",\r\n  titleTag: TitleTag = \"h1\",\r\n  openingHours,\r\n  weekDaysMap,\r\n  openLabel = \"Aperto\",\r\n  todayLabel = \"Oggi\",\r\n  closeLabel = \"Chiuso\",\r\n  open24Label = \"24 ore su 24\",\r\n  opensSoonLabel = \"Apre tra poco\",\r\n  opensAtLabel = \"Apre alle\",\r\n  opensTomorrowLabel = \"Apre domani\",\r\n  opensOnLabel = \"Apre\",\r\n  atLabel = \"alle\",\r\n  closesAtLabel = \"Chiude alle\",\r\n}: CardOpeningHoursProps) => {\r\n  const [activeDay, setActiveDay] = useState<number | null>(null);\r\n  const [dayLabel, setDayLabel] = useState(\"\");\r\n  const [openingHoursText, setOpeningHoursText] = useState(\"\");\r\n  const [openingHoursText2, setOpeningHoursText2] = useState(\"\");\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [isOpeningSoon, setIsOpeningSoon] = useState(false);\r\n  const [additionalInfo, setAdditionalInfo] = useState(\"\");\r\n\r\n  const weekDays = Object.values(weekDaysMap);\r\n  const weekKeys = Object.keys(weekDaysMap) as (keyof OpeningHours)[];\r\n\r\n  const formatCurrentTime = () => {\r\n    return DateTime.now().toFormat(\"HH:mm\");\r\n  };\r\n\r\n  const parseTimeToMinutes = (timeStr: string): number => {\r\n    const [hours, minutes] = timeStr.split(\":\").map(Number);\r\n    return hours * 60 + minutes;\r\n  };\r\n\r\n  const isSlot24Hours = useCallback(\r\n    (slot: TimeSlot) => slot.from === \"00:00\" && slot.to === \"00:00\",\r\n    [],\r\n  );\r\n\r\n  const is24HoursDay = useCallback(\r\n    (slots: TimeSlot[]) => slots.some(isSlot24Hours),\r\n    [isSlot24Hours],\r\n  );\r\n\r\n  const isCurrentlyOpen = (slots: TimeSlot[], currentTime: string) => {\r\n    for (const { from, to } of slots) {\r\n      if (currentTime >= from && currentTime <= to) {\r\n        return { open: true, closingTime: to };\r\n      }\r\n    }\r\n    return { open: false, closingTime: \"\" };\r\n  };\r\n\r\n  const getNextOpeningTime = (slots: TimeSlot[], currentTime: string) => {\r\n    for (const { from } of slots) {\r\n      if (from > currentTime) {\r\n        return from;\r\n      }\r\n    }\r\n    return \"\";\r\n  };\r\n\r\n  const checkIsOpeningSoon = useCallback(\r\n    (openingTime: string, currentTime: string) => {\r\n      if (!openingTime) return false;\r\n\r\n      const openMinutes = parseTimeToMinutes(openingTime);\r\n      const currentMinutes = parseTimeToMinutes(currentTime);\r\n      const diffMinutes = openMinutes - currentMinutes;\r\n\r\n      return diffMinutes > 0 && diffMinutes <= 60;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const getNextOpenDay = useCallback(\r\n    (currentDayIndex: number) => {\r\n      for (let i = 1; i <= 7; i++) {\r\n        const nextIndex = (currentDayIndex + i) % 7;\r\n        const nextDayKey = weekKeys[nextIndex];\r\n        const nextDaySlots = openingHours[nextDayKey];\r\n\r\n        if (nextDaySlots && nextDaySlots.length > 0) {\r\n          return {\r\n            dayName: weekDays[nextIndex].toLowerCase(),\r\n            isTomorrow: i === 1,\r\n          };\r\n        }\r\n      }\r\n      return null;\r\n    },\r\n    [weekKeys, openingHours, weekDays],\r\n  );\r\n\r\n  const generateOpeningHoursText = useMemo(() => {\r\n    return (hours: TimeSlot[]) => {\r\n      if (hours.length === 0) {\r\n        return closeLabel;\r\n      }\r\n\r\n      if (is24HoursDay(hours)) {\r\n        return `${openLabel} ${open24Label}`;\r\n      }\r\n\r\n      return hours.map(({ from, to }) => `${from} - ${to}`).join(\" | \");\r\n    };\r\n  }, [closeLabel, is24HoursDay, open24Label, openLabel]);\r\n\r\n  useEffect(() => {\r\n    const now = DateTime.now();\r\n    const todayIndex = now.weekday - 1;\r\n    setActiveDay(todayIndex);\r\n    setDayLabel(weekDays[todayIndex] || \"\");\r\n\r\n    const todayKey = weekKeys[todayIndex];\r\n    const todaySlots = openingHours[todayKey];\r\n\r\n    if (!todaySlots) {\r\n      return;\r\n    }\r\n\r\n    const currentTime = formatCurrentTime();\r\n\r\n    if (is24HoursDay(todaySlots)) {\r\n      setOpeningHoursText(openLabel);\r\n      setAdditionalInfo(` | ${open24Label}`);\r\n      setIsOpen(true);\r\n      setIsOpeningSoon(false);\r\n      setOpeningHoursText2(`${openLabel} ${open24Label}`);\r\n      return;\r\n    }\r\n\r\n    const { open, closingTime } = isCurrentlyOpen(todaySlots, currentTime);\r\n\r\n    if (open) {\r\n      setOpeningHoursText(openLabel);\r\n      setAdditionalInfo(\r\n        closingTime ? ` | ${closesAtLabel} ${closingTime}` : \"\",\r\n      );\r\n      setIsOpen(true);\r\n      setIsOpeningSoon(false);\r\n    } else {\r\n      const nextOpeningTime = getNextOpeningTime(todaySlots, currentTime);\r\n      setIsOpen(false);\r\n\r\n      if (nextOpeningTime) {\r\n        if (checkIsOpeningSoon(nextOpeningTime, currentTime)) {\r\n          setOpeningHoursText(opensSoonLabel);\r\n          setAdditionalInfo(` | ${atLabel} ${nextOpeningTime}`);\r\n          setIsOpeningSoon(true);\r\n        } else {\r\n          setOpeningHoursText(closeLabel);\r\n          setAdditionalInfo(` | ${opensAtLabel} ${nextOpeningTime}`);\r\n          setIsOpeningSoon(false);\r\n        }\r\n      } else {\r\n        setOpeningHoursText(closeLabel);\r\n        setIsOpeningSoon(false);\r\n        const nextDay = getNextOpenDay(todayIndex);\r\n\r\n        if (nextDay) {\r\n          setAdditionalInfo(\r\n            nextDay.isTomorrow\r\n              ? ` | ${opensTomorrowLabel}`\r\n              : ` | ${opensOnLabel} ${nextDay.dayName}`,\r\n          );\r\n        } else {\r\n          setAdditionalInfo(\"\");\r\n        }\r\n      }\r\n    }\r\n\r\n    setOpeningHoursText2(generateOpeningHoursText(todaySlots));\r\n  }, [\r\n    atLabel,\r\n    checkIsOpeningSoon,\r\n    closeLabel,\r\n    closesAtLabel,\r\n    generateOpeningHoursText,\r\n    getNextOpenDay,\r\n    is24HoursDay,\r\n    open24Label,\r\n    openLabel,\r\n    openingHours,\r\n    opensAtLabel,\r\n    opensOnLabel,\r\n    opensSoonLabel,\r\n    opensTomorrowLabel,\r\n    weekDays,\r\n    weekKeys,\r\n  ]);\r\n\r\n  return (\r\n    <Col\r\n      fs={\"6\"}\r\n      fw={\"semibold\"}\r\n      className=\"ui-card-opening rounded shadow text-slate-28\"\r\n    >\r\n      <Col as={\"header\"} className=\"ui-card-header\">\r\n        <TitleTag className=\"text-slate-20 fw-semibold fs-4\">{title}</TitleTag>\r\n        <Row\r\n          justifyContent={\"space-between\"}\r\n          alignItems={\"center\"}\r\n          style={{ backgroundColor: \"#F7F2FC\" }}\r\n          py={\"x16\"}\r\n          px={\"x24\"}\r\n          fw={\"bold\"}\r\n          fs={\"6\"}\r\n          className=\"rounded\"\r\n        >\r\n          <p className=\"text-slate-28\">\r\n            {todayLabel}, {dayLabel}\r\n          </p>\r\n          <p>\r\n            <span\r\n              className={\r\n                isOpen\r\n                  ? \"text-success\"\r\n                  : isOpeningSoon\r\n                    ? \"text-warning\"\r\n                    : \"text-error\"\r\n              }\r\n            >\r\n              {openingHoursText}\r\n            </span>\r\n            <span className=\"fw-regular text-grey-black\">{additionalInfo}</span>\r\n          </p>\r\n        </Row>\r\n      </Col>\r\n      <Col as={\"main\"} pt={\"x32\"} gap={\"x24\"}>\r\n        <Row justifyContent={\"space-around\"} className=\"ui-weekdays-container\">\r\n          {weekDays.map((day, index) => (\r\n            <Row\r\n              justifyContent={\"center\"}\r\n              alignItems={\"center\"}\r\n              key={index}\r\n              className={clsx(\r\n                activeDay === index ? \"active-day text-primary\" : \"\",\r\n                \"flex-1\",\r\n              )}\r\n            >\r\n              {day.charAt(0).toUpperCase()}\r\n            </Row>\r\n          ))}\r\n        </Row>\r\n        <Row\r\n          justifyContent={\"space-between\"}\r\n          alignItems={\"center\"}\r\n          fw={\"regular\"}\r\n        >\r\n          <p>{dayLabel}</p>\r\n          <p>{openingHoursText2}</p>\r\n        </Row>\r\n      </Col>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardOpeningHours","title","TitleTag","openingHours","weekDaysMap","openLabel","todayLabel","closeLabel","open24Label","opensSoonLabel","opensAtLabel","opensTomorrowLabel","opensOnLabel","atLabel","closesAtLabel","activeDay","setActiveDay","useState","dayLabel","setDayLabel","openingHoursText","setOpeningHoursText","openingHoursText2","setOpeningHoursText2","isOpen","setIsOpen","isOpeningSoon","setIsOpeningSoon","additionalInfo","setAdditionalInfo","weekDays","weekKeys","formatCurrentTime","DateTime","parseTimeToMinutes","timeStr","hours","minutes","isSlot24Hours","useCallback","slot","is24HoursDay","slots","isCurrentlyOpen","currentTime","from","to","getNextOpeningTime","checkIsOpeningSoon","openingTime","openMinutes","currentMinutes","diffMinutes","getNextOpenDay","currentDayIndex","i","nextIndex","nextDayKey","nextDaySlots","generateOpeningHoursText","useMemo","useEffect","todayIndex","todayKey","todaySlots","open","closingTime","nextOpeningTime","nextDay","jsxs","Col","jsx","Row","day","index","clsx"],"mappings":"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"}
+{"version":3,"file":"index.es36.js","sources":["../src/components/ui/CardOpeningHours/index.tsx"],"sourcesContent":["import \"./CardOpeningHours.scss\";\nimport clsx from \"clsx\";\nimport { OpeningHours } from \"@anoki/fse-common\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { DateTime } from \"luxon\";\nimport { Col, Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype WeekDaysMap = Record<keyof OpeningHours, string>;\ntype TimeSlot = { from: string; to: string };\n\ntype CardOpeningHoursProps = {\n  title: string;\n  titleTag: HeadingLevel;\n  openingHours: OpeningHours;\n  weekDaysMap: WeekDaysMap;\n  openLabel?: string;\n  todayLabel?: string;\n  closeLabel?: string;\n  open24Label?: string;\n  opensSoonLabel?: string;\n  opensAtLabel?: string;\n  opensTomorrowLabel?: string;\n  opensOnLabel?: string;\n  atLabel?: string;\n  closesAtLabel?: string;\n};\n\nexport const CardOpeningHours = ({\n  title = \"Orari di apertura\",\n  titleTag: TitleTag = \"h1\",\n  openingHours,\n  weekDaysMap,\n  openLabel = \"Aperto\",\n  todayLabel = \"Oggi\",\n  closeLabel = \"Chiuso\",\n  open24Label = \"24 ore su 24\",\n  opensSoonLabel = \"Apre tra poco\",\n  opensAtLabel = \"Apre alle\",\n  opensTomorrowLabel = \"Apre domani\",\n  opensOnLabel = \"Apre\",\n  atLabel = \"alle\",\n  closesAtLabel = \"Chiude alle\",\n}: CardOpeningHoursProps) => {\n  const [activeDay, setActiveDay] = useState<number | null>(null);\n  const [dayLabel, setDayLabel] = useState(\"\");\n  const [openingHoursText, setOpeningHoursText] = useState(\"\");\n  const [openingHoursText2, setOpeningHoursText2] = useState(\"\");\n  const [isOpen, setIsOpen] = useState(false);\n  const [isOpeningSoon, setIsOpeningSoon] = useState(false);\n  const [additionalInfo, setAdditionalInfo] = useState(\"\");\n\n  const weekDays = Object.values(weekDaysMap);\n  const weekKeys = Object.keys(weekDaysMap) as (keyof OpeningHours)[];\n\n  const formatCurrentTime = () => {\n    return DateTime.now().toFormat(\"HH:mm\");\n  };\n\n  const parseTimeToMinutes = (timeStr: string): number => {\n    const [hours, minutes] = timeStr.split(\":\").map(Number);\n    return hours * 60 + minutes;\n  };\n\n  const isSlot24Hours = useCallback(\n    (slot: TimeSlot) => slot.from === \"00:00\" && slot.to === \"00:00\",\n    [],\n  );\n\n  const is24HoursDay = useCallback(\n    (slots: TimeSlot[]) => slots.some(isSlot24Hours),\n    [isSlot24Hours],\n  );\n\n  const isCurrentlyOpen = (slots: TimeSlot[], currentTime: string) => {\n    for (const { from, to } of slots) {\n      if (currentTime >= from && currentTime <= to) {\n        return { open: true, closingTime: to };\n      }\n    }\n    return { open: false, closingTime: \"\" };\n  };\n\n  const getNextOpeningTime = (slots: TimeSlot[], currentTime: string) => {\n    for (const { from } of slots) {\n      if (from > currentTime) {\n        return from;\n      }\n    }\n    return \"\";\n  };\n\n  const checkIsOpeningSoon = useCallback(\n    (openingTime: string, currentTime: string) => {\n      if (!openingTime) return false;\n\n      const openMinutes = parseTimeToMinutes(openingTime);\n      const currentMinutes = parseTimeToMinutes(currentTime);\n      const diffMinutes = openMinutes - currentMinutes;\n\n      return diffMinutes > 0 && diffMinutes <= 60;\n    },\n    [],\n  );\n\n  const getNextOpenDay = useCallback(\n    (currentDayIndex: number) => {\n      for (let i = 1; i <= 7; i++) {\n        const nextIndex = (currentDayIndex + i) % 7;\n        const nextDayKey = weekKeys[nextIndex];\n        const nextDaySlots = openingHours[nextDayKey];\n\n        if (nextDaySlots && nextDaySlots.length > 0) {\n          return {\n            dayName: weekDays[nextIndex].toLowerCase(),\n            isTomorrow: i === 1,\n          };\n        }\n      }\n      return null;\n    },\n    [weekKeys, openingHours, weekDays],\n  );\n\n  const generateOpeningHoursText = useMemo(() => {\n    return (hours: TimeSlot[]) => {\n      if (hours.length === 0) {\n        return closeLabel;\n      }\n\n      if (is24HoursDay(hours)) {\n        return `${openLabel} ${open24Label}`;\n      }\n\n      return hours.map(({ from, to }) => `${from} - ${to}`).join(\" | \");\n    };\n  }, [closeLabel, is24HoursDay, open24Label, openLabel]);\n\n  useEffect(() => {\n    const now = DateTime.now();\n    const todayIndex = now.weekday - 1;\n    setActiveDay(todayIndex);\n    setDayLabel(weekDays[todayIndex] || \"\");\n\n    const todayKey = weekKeys[todayIndex];\n    const todaySlots = openingHours[todayKey];\n\n    if (!todaySlots) {\n      return;\n    }\n\n    const currentTime = formatCurrentTime();\n\n    if (is24HoursDay(todaySlots)) {\n      setOpeningHoursText(openLabel);\n      setAdditionalInfo(` | ${open24Label}`);\n      setIsOpen(true);\n      setIsOpeningSoon(false);\n      setOpeningHoursText2(`${openLabel} ${open24Label}`);\n      return;\n    }\n\n    const { open, closingTime } = isCurrentlyOpen(todaySlots, currentTime);\n\n    if (open) {\n      setOpeningHoursText(openLabel);\n      setAdditionalInfo(\n        closingTime ? ` | ${closesAtLabel} ${closingTime}` : \"\",\n      );\n      setIsOpen(true);\n      setIsOpeningSoon(false);\n    } else {\n      const nextOpeningTime = getNextOpeningTime(todaySlots, currentTime);\n      setIsOpen(false);\n\n      if (nextOpeningTime) {\n        if (checkIsOpeningSoon(nextOpeningTime, currentTime)) {\n          setOpeningHoursText(opensSoonLabel);\n          setAdditionalInfo(` | ${atLabel} ${nextOpeningTime}`);\n          setIsOpeningSoon(true);\n        } else {\n          setOpeningHoursText(closeLabel);\n          setAdditionalInfo(` | ${opensAtLabel} ${nextOpeningTime}`);\n          setIsOpeningSoon(false);\n        }\n      } else {\n        setOpeningHoursText(closeLabel);\n        setIsOpeningSoon(false);\n        const nextDay = getNextOpenDay(todayIndex);\n\n        if (nextDay) {\n          setAdditionalInfo(\n            nextDay.isTomorrow\n              ? ` | ${opensTomorrowLabel}`\n              : ` | ${opensOnLabel} ${nextDay.dayName}`,\n          );\n        } else {\n          setAdditionalInfo(\"\");\n        }\n      }\n    }\n\n    setOpeningHoursText2(generateOpeningHoursText(todaySlots));\n  }, [\n    atLabel,\n    checkIsOpeningSoon,\n    closeLabel,\n    closesAtLabel,\n    generateOpeningHoursText,\n    getNextOpenDay,\n    is24HoursDay,\n    open24Label,\n    openLabel,\n    openingHours,\n    opensAtLabel,\n    opensOnLabel,\n    opensSoonLabel,\n    opensTomorrowLabel,\n    weekDays,\n    weekKeys,\n  ]);\n\n  return (\n    <Col\n      fs={\"6\"}\n      fw={\"semibold\"}\n      className=\"ui-card-opening rounded shadow text-slate-28\"\n    >\n      <Col as={\"header\"} className=\"ui-card-header\">\n        <TitleTag className=\"text-slate-20 fw-semibold fs-4\">{title}</TitleTag>\n        <Row\n          justifyContent={\"space-between\"}\n          alignItems={\"center\"}\n          style={{ backgroundColor: \"#F7F2FC\" }}\n          py={\"x16\"}\n          px={\"x24\"}\n          fw={\"bold\"}\n          fs={\"6\"}\n          className=\"rounded\"\n        >\n          <p className=\"text-slate-28\">\n            {todayLabel}, {dayLabel}\n          </p>\n          <p>\n            <span\n              className={\n                isOpen\n                  ? \"text-success\"\n                  : isOpeningSoon\n                    ? \"text-warning\"\n                    : \"text-error\"\n              }\n            >\n              {openingHoursText}\n            </span>\n            <span className=\"fw-regular text-grey-black\">{additionalInfo}</span>\n          </p>\n        </Row>\n      </Col>\n      <Col as={\"main\"} pt={\"x32\"} gap={\"x24\"}>\n        <Row justifyContent={\"space-around\"} className=\"ui-weekdays-container\">\n          {weekDays.map((day, index) => (\n            <Row\n              justifyContent={\"center\"}\n              alignItems={\"center\"}\n              key={index}\n              className={clsx(\n                activeDay === index ? \"active-day text-primary\" : \"\",\n                \"flex-1\",\n              )}\n            >\n              {day.charAt(0).toUpperCase()}\n            </Row>\n          ))}\n        </Row>\n        <Row\n          justifyContent={\"space-between\"}\n          alignItems={\"center\"}\n          fw={\"regular\"}\n        >\n          <p>{dayLabel}</p>\n          <p>{openingHoursText2}</p>\n        </Row>\n      </Col>\n    </Col>\n  );\n};\n"],"names":["CardOpeningHours","title","TitleTag","openingHours","weekDaysMap","openLabel","todayLabel","closeLabel","open24Label","opensSoonLabel","opensAtLabel","opensTomorrowLabel","opensOnLabel","atLabel","closesAtLabel","activeDay","setActiveDay","useState","dayLabel","setDayLabel","openingHoursText","setOpeningHoursText","openingHoursText2","setOpeningHoursText2","isOpen","setIsOpen","isOpeningSoon","setIsOpeningSoon","additionalInfo","setAdditionalInfo","weekDays","weekKeys","formatCurrentTime","DateTime","parseTimeToMinutes","timeStr","hours","minutes","isSlot24Hours","useCallback","slot","is24HoursDay","slots","isCurrentlyOpen","currentTime","from","to","getNextOpeningTime","checkIsOpeningSoon","openingTime","openMinutes","currentMinutes","diffMinutes","getNextOpenDay","currentDayIndex","i","nextIndex","nextDayKey","nextDaySlots","generateOpeningHoursText","useMemo","useEffect","todayIndex","todayKey","todaySlots","open","closingTime","nextOpeningTime","nextDay","jsxs","Col","jsx","Row","day","index","clsx"],"mappings":"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"}

package/dist/index.es360.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es249.js";
 import './components/ui/Section/Description/description.css';/* empty css            */
-import { createColorClasses as n } from "./index.es281.js";
-import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es251.js";
+import { clsx as m } from "./index.es250.js";
 const u = ({
   fs: t = "6",
   color: s = "slate-28",

package/dist/index.es360.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es360.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import \"./description.scss\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { PropsWithChildren } from \"react\";\r\n\r\ntype DescriptionProps = PropsWithChildren<{\r\n  fs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  className?: string;\r\n}>;\r\n\r\nexport const Description = ({\r\n  fs = \"6\",\r\n  color = \"slate-28\",\r\n  className,\r\n  children,\r\n}: DescriptionProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        fontSizeClass,\r\n        textColorClass,\r\n        \"fw-regular\",\r\n        \"ui-max-width-section-description\",\r\n        className,\r\n        \"md-fs-custom\",\r\n        \"description-rich-text\",\r\n      )}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Description","fs","color","className","children","fontSizeClass","size","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AACF,MAAwB;AAKhB,QAAAC,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBL,CAAE,GAEtCM,IAAiBC,EAAmB,EAAE,MAAMN,GAAO;AAGvD,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTL;AAAA,QACAE;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es360.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import \"./description.scss\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { PropsWithChildren } from \"react\";\n\ntype DescriptionProps = PropsWithChildren<{\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  className?: string;\n}>;\n\nexport const Description = ({\n  fs = \"6\",\n  color = \"slate-28\",\n  className,\n  children,\n}: DescriptionProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <div\n      className={clsx(\n        fontSizeClass,\n        textColorClass,\n        \"fw-regular\",\n        \"ui-max-width-section-description\",\n        className,\n        \"md-fs-custom\",\n        \"description-rich-text\",\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Description","fs","color","className","children","fontSizeClass","size","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AACF,MAAwB;AAKhB,QAAAC,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBL,CAAE,GAEtCM,IAAiBC,EAAmB,EAAE,MAAMN,GAAO;AAGvD,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTL;AAAA,QACAE;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es361.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es475.js";
-import { useComposedRefs as _ } from "./index.es476.js";
-import { createContextScope as H } from "./index.es477.js";
-import { useControllableState as I } from "./index.es478.js";
-import { usePrevious as M } from "./index.es482.js";
-import { useSize as N } from "./index.es483.js";
-import { Primitive as w } from "./index.es479.js";
+import { composeEventHandlers as T } from "./index.es481.js";
+import { useComposedRefs as _ } from "./index.es482.js";
+import { createContextScope as H } from "./index.es483.js";
+import { useControllableState as I } from "./index.es484.js";
+import { usePrevious as M } from "./index.es488.js";
+import { useSize as N } from "./index.es489.js";
+import { Primitive as w } from "./index.es485.js";
 import { j as p } from "./index.es249.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es37.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es249.js";
-import { clsx as t } from "./index.es251.js";
+import { clsx as t } from "./index.es250.js";
 import './components/ui/SupportBanner/SupportBanner.css';/* empty css            */
 import { useMemo as j } from "react";
 import { CTA_COMPONENTS as N } from "./index.es319.js";

package/dist/index.es37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es37.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { Col } from \"@/components\";\r\nimport { useMemo } from \"react\";\r\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype SupportBannerProps = {\r\n  bannerType?: \"filled\" | \"outline\";\r\n  title: string;\r\n  description?: string;\r\n  titleTag?: HeadingLevel;\r\n  mainLayout?: \"layout1\" | \"layout2\";\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  links?: SupportBannerLink[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const SupportBanner = ({\r\n  bannerType = \"outline\",\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h1\",\r\n  mainLayout = \"layout1\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  links = [],\r\n  asLink = \"a\",\r\n}: SupportBannerProps) => {\r\n  const LinkComponent = asLink;\r\n  const renderCTA = useMemo(() => {\r\n    if (!links || links.length === 0) return null;\r\n    return links.map((link, index) => {\r\n      const variant =\r\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\r\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\r\n      return (\r\n        <div key={index} className=\"ui-banner-link\">\r\n          {Renderer(link)}\r\n        </div>\r\n      );\r\n    });\r\n  }, [links, LinkComponent]);\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      className={clsx(\r\n        className,\r\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\r\n        \"ui-banner shadow \",\r\n      )}\r\n    >\r\n      <TitleTag\r\n        className={clsx(\r\n          \"ui-banner-title text-slate-20\",\r\n          classNameTitle || \"fs-4 fw-bold\",\r\n        )}\r\n      >\r\n        {title}\r\n      </TitleTag>\r\n      <main\r\n        className={clsx(\r\n          mainLayout === \"layout1\"\r\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\r\n            : \"ui-banner-content-layout2\",\r\n          \"ui-banner-content fs-6 text-secondary w-100\",\r\n        )}\r\n      >\r\n        <div\r\n          className={clsx(\r\n            classNameDescription,\r\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\r\n          )}\r\n        >\r\n          {description}\r\n        </div>\r\n\r\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx"],"mappings":";;;;;;AAoBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAAS;AACX,MAA0B;AACxB,QAAMC,IAAgBD,GAChBE,IAAYC,EAAQ,MACpB,CAACJ,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACK,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAgB,EAAA,WAAU,kBACxB,UAASC,EAAAH,CAAI,KADNC,CAEV;AAAA,EAAA,CAEH,GACA,CAACN,GAAOE,CAAa,CAAC;AAGvB,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACTf;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAqB,gBAAAA,EAAA;AAAA,UAAClB;AAAA,UAAA;AAAA,YACC,WAAWiB;AAAA,cACT;AAAA,cACAd,KAAkB;AAAA,YACpB;AAAA,YAEC,UAAAL;AAAA,UAAA;AAAA,QACH;AAAA,QACAiB,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACThB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAiB,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTb;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBACvD;AAAA,kBAEC,UAAAF;AAAA,gBAAA;AAAA,cACH;AAAA,oCAEC,OAAI,EAAA,WAAWkB,EAAK,eAAe,GAAI,UAAUT,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es37.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype SupportBannerProps = {\n  bannerType?: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag?: HeadingLevel;\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  links?: SupportBannerLink[];\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\nexport const SupportBanner = ({\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h1\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  links = [],\n  asLink = \"a\",\n}: SupportBannerProps) => {\n  const LinkComponent = asLink;\n  const renderCTA = useMemo(() => {\n    if (!links || links.length === 0) return null;\n    return links.map((link, index) => {\n      const variant =\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\n      return (\n        <div key={index} className=\"ui-banner-link\">\n          {Renderer(link)}\n        </div>\n      );\n    });\n  }, [links, LinkComponent]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx"],"mappings":";;;;;;AAoBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAAS;AACX,MAA0B;AACxB,QAAMC,IAAgBD,GAChBE,IAAYC,EAAQ,MACpB,CAACJ,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACK,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAgB,EAAA,WAAU,kBACxB,UAASC,EAAAH,CAAI,KADNC,CAEV;AAAA,EAAA,CAEH,GACA,CAACN,GAAOE,CAAa,CAAC;AAGvB,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACTf;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAqB,gBAAAA,EAAA;AAAA,UAAClB;AAAA,UAAA;AAAA,YACC,WAAWiB;AAAA,cACT;AAAA,cACAd,KAAkB;AAAA,YACpB;AAAA,YAEC,UAAAL;AAAA,UAAA;AAAA,QACH;AAAA,QACAiB,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACThB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAiB,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTb;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBACvD;AAAA,kBAEC,UAAAF;AAAA,gBAAA;AAAA,cACH;AAAA,oCAEC,OAAI,EAAA,WAAWkB,EAAK,eAAe,GAAI,UAAUT,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es379.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es621.js";
-import { extractProps as i } from "./index.es624.js";
-import { requireReactElement as a } from "./index.es629.js";
-import { popoverContentPropDefs as l } from "./index.es630.js";
-import { Theme as f } from "./index.es631.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es632.js";
+import c from "./index.es549.js";
+import { extractProps as i } from "./index.es552.js";
+import { requireReactElement as a } from "./index.es557.js";
+import { popoverContentPropDefs as l } from "./index.es558.js";
+import { Theme as f } from "./index.es559.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es560.js";
 const v = (r) => e.createElement(p, { ...r });
 v.displayName = "Popover.Root";
 const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));

package/dist/index.es38.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import './components/ui/TabsGlossary/TabsGlossary.css';/* empty css            */
-import { clsx as i } from "./index.es251.js";
+import { clsx as i } from "./index.es250.js";
 import u, { useState as x } from "react";
 import { Row as p } from "./index.es9.js";
 import { Loader as b } from "./index.es73.js";

package/dist/index.es380.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es621.js";
-import { BaseButton as m } from "./index.es622.js";
+import r from "./index.es549.js";
+import { BaseButton as m } from "./index.es550.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {

package/dist/index.es39.js

@@ -8,7 +8,7 @@ import { getFullNameInitials as E } from "./index.es324.js";
 import { Row as S } from "./index.es9.js";
 import { splitInTwo as F } from "./index.es325.js";
 import { ActionIconText as M } from "./index.es68.js";
-import { clsx as v } from "./index.es251.js";
+import { clsx as v } from "./index.es250.js";
 import { ShareButton as R } from "./index.es124.js";
 import { CopyLink as O } from "./index.es208.js";
 import { Tags as V } from "./index.es146.js";

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./AuthorWithImage.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\n// export type VariantType = \"service\" | \"event\" | \"insight\";\r\n\r\ntype BaseServiceProps = {\r\n  name: string;\r\n  previewImageUrl?: string;\r\n  previewImageTitle?: string;\r\n  updatedBy?: {\r\n    name?: string;\r\n    surname?: string;\r\n  };\r\n  updatedAt?: string;\r\n  readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventCardTitle?: string;\r\n  eventCardDescription?: string;\r\n  eventTitle?: string;\r\n  eventDescriptionTitle?: string;\r\n  eventDescription?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n// const AuthenticatedModeEnum = {\r\n//   AUTHENTICATED: \"authenticated\",\r\n//   PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\ninterface AuthorWithImageCommonProps {\r\n  publishedLabel?: string;\r\n  readingTimeLabel?: string;\r\n  readingMinuteLabel?: string;\r\n  tagsLabelTitle?: string;\r\n  shareLabel?: string;\r\n  copyLinkLabel?: string;\r\n  copiedTextLabel?: string;\r\n  ImageComponent?: \"img\" | React.ComponentType<any>;\r\n  imageProps?: Record<string, any>;\r\n  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n  eventCardDescriptionTitle?: string;\r\n  tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & AuthorWithImageCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & AuthorWithImageCommonProps;\r\n//\r\n// type InsightProps = {\r\n//   data: null;\r\n//   variant: \"insight\";\r\n// } & AuthorWithImageCommonProps;\r\n\r\nexport type AuthorWithImageProps = ServiceProps | EventProps;\r\n\r\nexport const AuthorWithImage = ({\r\n  data = {} as Service | Event,\r\n  ImageComponent = \"img\",\r\n  imageProps = {},\r\n  variant = \"service\",\r\n  publishedLabel = \"Pubblicato\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingMinuteLabel = \"min\",\r\n  tagsLabelTitle = \"Argomenti trattati\",\r\n  shareLabel = \"Condividi\",\r\n  copyLinkLabel = \"Copia link\",\r\n  copiedTextLabel = \"Link copiato\",\r\n  isPreview = false,\r\n  modeAuthenticated = false,\r\n  eventCardDescriptionTitle,\r\n  tags,\r\n}: AuthorWithImageProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            isPreview ? \"event-preview\" : \"event-image-container\",\r\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n\r\n          <div className=\"event-content-overlay\">\r\n            <div className={\"event-content\"}>\r\n              <img\r\n                className=\"event-main-image\"\r\n                src={data.previewImageUrl}\r\n                alt={`Evento ${data.name}`}\r\n              />\r\n\r\n              <div className=\"event-card-container\">\r\n                <Col gap={\"x32\"}>\r\n                  {isEvent(data) &&\r\n                    (data.eventCardTitle || data.eventCardDescription) && (\r\n                      <CardCategory\r\n                        title={\r\n                          isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"\r\n                        }\r\n                        className={\"w-full\"}\r\n                        description={\r\n                          isEvent(data)\r\n                            ? (eventCardDescriptionTitle ?? \"-\")\r\n                            : \"-\"\r\n                        }\r\n                        description2={\r\n                          isEvent(data)\r\n                            ? (data.eventCardDescription ?? \"-\")\r\n                            : \"-\"\r\n                        }\r\n                        classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                        classNameDescriptionTitle={\r\n                          \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                        }\r\n                      />\r\n                    )}\r\n                  {tags && tags?.length > 0 && <Tags title={tagsLabelTitle} items={tags ?? []} />}\r\n                </Col>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n          <p className={\"short-title\"}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const content = (\r\n    <>\r\n      <div className={\"action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"action-link\"}>\r\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\r\n          <div className={\"share-divider\"}>\r\n            <ActionIconText\r\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n              icon={<CopyLink />}\r\n              handleAction={copyToClipboard}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n          </div>\r\n        </Row>\r\n      </div>\r\n\r\n      {renderImage()}\r\n    </>\r\n  );\r\n\r\n  return isPreview ? (\r\n    <div className={\"author-with-image-container-preview\"}>{content}</div>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n"],"names":["AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.es39.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport \"./AuthorWithImage.scss\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col, ShareButton } from \"@/components\";\nimport { Tags } from \"@/sections\";\nimport clsx from \"clsx\";\n\n// export type VariantType = \"service\" | \"event\" | \"insight\";\n\ntype BaseServiceProps = {\n  name: string;\n  previewImageUrl?: string;\n  previewImageTitle?: string;\n  updatedBy?: {\n    name?: string;\n    surname?: string;\n  };\n  updatedAt?: string;\n  readingTime?: number;\n};\n\ntype Event = BaseServiceProps & {\n  eventCardTitle?: string;\n  eventCardDescription?: string;\n  eventTitle?: string;\n  eventDescriptionTitle?: string;\n  eventDescription?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\n// const AuthenticatedModeEnum = {\n//   AUTHENTICATED: \"authenticated\",\n//   PUBLIC: \"public\",\n// } as const;\n\n// type AuthenticatedModes =\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\ninterface AuthorWithImageCommonProps {\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  tagsLabelTitle?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  isPreview?: boolean;\n  modeAuthenticated?: boolean;\n  eventCardDescriptionTitle?: string;\n  tags?: string[];\n}\n\ntype ServiceProps = {\n  data: Service;\n  variant: \"service\";\n} & AuthorWithImageCommonProps;\n\ntype EventProps = {\n  data: Event;\n  variant: \"event\";\n} & AuthorWithImageCommonProps;\n//\n// type InsightProps = {\n//   data: null;\n//   variant: \"insight\";\n// } & AuthorWithImageCommonProps;\n\nexport type AuthorWithImageProps = ServiceProps | EventProps;\n\nexport const AuthorWithImage = ({\n  data = {} as Service | Event,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"service\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  tagsLabelTitle = \"Argomenti trattati\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n  modeAuthenticated = false,\n  eventCardDescriptionTitle,\n  tags,\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const avatarInitials = useMemo(() => {\n    if (!data?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      data.updatedBy.name ?? \"\",\n      data.updatedBy.surname ?? \"\",\n    );\n  }, [data.updatedBy]);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = data.previewImageTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(data.previewImageTitle.toUpperCase());\n    }\n\n    return [data.previewImageTitle.toUpperCase(), null];\n  }, [data.previewImageTitle]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = data.readingTime ?? 0;\n    return Math.ceil(Number(readingTime) / 60) || 0;\n  }, [data]);\n\n  const renderImage = () => {\n    if (!data.previewImageUrl) return null;\n\n    if (variant === \"event\") {\n      const isEvent = (obj: Service | Event): obj is Event => {\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\n      };\n\n      return (\n        <div\n          className={clsx(\n            isPreview ? \"event-preview\" : \"event-image-container\",\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\n          )}\n        >\n          <img\n            className=\"event-background\"\n            src={data.previewImageUrl}\n            alt={`Evento ${data.name}`}\n          />\n\n          <div className=\"event-content-overlay\">\n            <div className={\"event-content\"}>\n              <img\n                className=\"event-main-image\"\n                src={data.previewImageUrl}\n                alt={`Evento ${data.name}`}\n              />\n\n              <div className=\"event-card-container\">\n                <Col gap={\"x32\"}>\n                  {isEvent(data) &&\n                    (data.eventCardTitle || data.eventCardDescription) && (\n                      <CardCategory\n                        title={\n                          isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"\n                        }\n                        className={\"w-full\"}\n                        description={\n                          isEvent(data)\n                            ? (eventCardDescriptionTitle ?? \"-\")\n                            : \"-\"\n                        }\n                        description2={\n                          isEvent(data)\n                            ? (data.eventCardDescription ?? \"-\")\n                            : \"-\"\n                        }\n                        classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                        classNameDescriptionTitle={\n                          \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                        }\n                      />\n                    )}\n                  {tags && tags?.length > 0 && <Tags title={tagsLabelTitle} items={tags ?? []} />}\n                </Col>\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={clsx(\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\",\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\n        )}\n      >\n        <ImageComponent\n          alt={`Service ${data.name} image`}\n          src={data.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\n          <p className={\"short-title\"}>\n            <span>{firstTitleLine}</span>\n            {secondTitleLine && <span>{secondTitleLine}</span>}\n          </p>\n        )}\n      </div>\n    );\n  };\n\n  const content = (\n    <>\n      <div className={\"action-author\"}>\n        <AuthorBlock\n          authorName={\n            data?.updatedBy?.name\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row gap={\"x8\"} className={\"action-link\"}>\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n    </>\n  );\n\n  return isPreview ? (\n    <div className={\"author-with-image-container-preview\"}>{content}</div>\n  ) : (\n    content\n  );\n};\n"],"names":["AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":";;;;;;;;;;;;;;;;AA8EO,MAAMA,KAAkB,CAAC;AAAA,EAC9B,MAAAC,IAAO,CAAC;AAAA,EACR,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa,CAAC;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAAA,EAChB,iBAAAC,IAAkB;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,2BAAAC;AAAA,EACA,MAAAC;AACF,MAA4B;;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,EAAS,IAAIC,EAA8B,GAC9DC,IAAiBC,EAAQ,MACxBnB,KAAA,QAAAA,EAAM,YACJoB;AAAA,IACLpB,EAAK,UAAU,QAAQ;AAAA,IACvBA,EAAK,UAAU,WAAW;AAAA,EAC5B,IAJ6B,KAK5B,CAACA,EAAK,SAAS,CAAC,GAEb,CAACqB,GAAgBC,CAAe,IAAIH,EAAQ,MAC5C,CAACnB,EAAK,qBAAqBA,EAAK,kBAAkB,WAAW,KACxD,CAAC,MAAM,IAAI,IAGNA,EAAK,kBAAkB,KAAK,EAAE,MAAM,KAAK,EAE7C,UAAU,IACXuB,EAAWvB,EAAK,kBAAkB,YAAA,CAAa,IAGjD,CAACA,EAAK,kBAAkB,YAAA,GAAe,IAAI,GACjD,CAACA,EAAK,iBAAiB,CAAC,GAErBwB,IAAuBL,EAAQ,MAAM;AACnC,UAAAM,IAAczB,EAAK,eAAe;AACxC,WAAO,KAAK,KAAK,OAAOyB,CAAW,IAAI,EAAE,KAAK;AAAA,EAAA,GAC7C,CAACzB,CAAI,CAAC,GAEH0B,IAAc,MAAM;AACpB,QAAA,CAAC1B,EAAK,gBAAwB,QAAA;AAElC,QAAIG,MAAY,SAAS;AACjB,YAAAwB,IAAU,CAACC,MACR,oBAAoBA,KAAO,gBAAgBA;AAIlD,aAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACTnB,IAAY,kBAAkB;AAAA,YAC9BC,IAAoB,6CAA6C;AAAA,UACnE;AAAA,UAEA,UAAA;AAAA,YAAAmB,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,KAAK/B,EAAK;AAAA,gBACV,KAAK,UAAUA,EAAK,IAAI;AAAA,cAAA;AAAA,YAC1B;AAAA,kCAEC,OAAI,EAAA,WAAU,yBACb,UAAC6B,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,iBACd,UAAA;AAAA,cAAAE,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,KAAK/B,EAAK;AAAA,kBACV,KAAK,UAAUA,EAAK,IAAI;AAAA,gBAAA;AAAA,cAC1B;AAAA,oCAEC,OAAI,EAAA,WAAU,wBACb,UAAC6B,gBAAAA,EAAA,KAAAG,GAAA,EAAI,KAAK,OACP,UAAA;AAAA,gBAAAL,EAAQ3B,CAAI,MACVA,EAAK,kBAAkBA,EAAK,yBAC3B+B,gBAAAA,EAAA;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,OACEN,EAAQ3B,CAAI,IAAKA,EAAK,kBAAkB,MAAO;AAAA,oBAEjD,WAAW;AAAA,oBACX,aACE2B,EAAQ3B,CAAI,IACPa,KAA6B,MAC9B;AAAA,oBAEN,cACEc,EAAQ3B,CAAI,IACPA,EAAK,wBAAwB,MAC9B;AAAA,oBAEN,gBAAgB;AAAA,oBAChB,2BACE;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAEHc,MAAQA,KAAA,gBAAAA,EAAM,UAAS,KAAKiB,gBAAAA,EAAAA,IAACG,GAAK,EAAA,OAAO3B,GAAgB,OAAOO,KAAQ,CAAA,EAAI,CAAA;AAAA,cAAA,EAAA,CAC/E,EACF,CAAA;AAAA,YAAA,EAAA,CACF,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAKF,WAAAe,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACTnB,IAAY,yBAAyB;AAAA,UACrCC,IAAoB,yBAAyB;AAAA,QAC/C;AAAA,QAEA,UAAA;AAAA,UAAAmB,gBAAAA,EAAA;AAAA,YAAC9B;AAAA,YAAA;AAAA,cACC,KAAK,WAAWD,EAAK,IAAI;AAAA,cACzB,KAAKA,EAAK;AAAA,cACV,OAAO,EAAE,aAAa,KAAK,EAAE;AAAA,cAC5B,GAAGE;AAAA,YAAA;AAAA,UACN;AAAA,UACCF,EAAK,qBAAqBA,EAAK,kBAAkB,WAAW,MAC3D6B,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,eACZ,UAAA;AAAA,YAAAE,gBAAAA,EAAAA,IAAC,UAAM,UAAeV,EAAA,CAAA;AAAA,YACrBC,KAAoBS,gBAAAA,EAAAA,IAAA,QAAA,EAAM,UAAgBT,EAAA,CAAA;AAAA,UAAA,EAC7C,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAEJ,GAEMa,IAEFN,gBAAAA,EAAAA,KAAAO,EAAA,UAAA,EAAA,UAAA;AAAA,IAACP,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,iBACd,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,aACEC,IAAAtC,KAAA,gBAAAA,EAAM,cAAN,QAAAsC,EAAiB,OACb,IAAGC,IAAAvC,KAAA,gBAAAA,EAAM,cAAN,gBAAAuC,EAAiB,IAAI,KAAIC,IAAAxC,KAAA,gBAAAA,EAAM,cAAN,gBAAAwC,EAAiB,OAAO,KACpD;AAAA,UAEN,QAAQ,EAAE,UAAUtB,EAAe;AAAA,UACnC,gBAAAd;AAAA,UACA,eACEqC,EAA2BzC,EAAK,aAAa,IAAI,IAAI,KAAK;AAAA,UAE5D,kBAAAK;AAAA,UACA,kBAAkBmB;AAAA,UAClB,oBAAAlB;AAAA,QAAA;AAAA,MACF;AAAA,MACCuB,gBAAAA,EAAA,KAAAa,GAAA,EAAI,KAAK,MAAM,WAAW,eACzB,UAAA;AAAA,QAAAX,gBAAAA,EAAA,IAACY,GAAY,EAAA,WAAWnC,GAAY,aAAaR,EAAK,MAAM;AAAA,QAC5D+B,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,iBACd,UAAAA,gBAAAA,EAAA;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,WAAW5B,IAAWN,IAAkBD;AAAA,YACxC,4BAAOoC,GAAS,EAAA;AAAA,YAChB,cAAc9B;AAAA,YACd,eAAe;AAAA,UAAA;AAAA,QAAA,EAEnB,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,IAECW,EAAY;AAAA,EAAA,GACf;AAGF,SAAOf,IACJoB,gBAAAA,MAAA,OAAA,EAAI,WAAW,uCAAwC,YAAQ,CAAA,IAEhEI;AAEJ;"}

package/dist/index.es40.js

@@ -8,7 +8,7 @@ import { getFullNameInitials as E } from "./index.es324.js";
 import { Row as S } from "./index.es9.js";
 import { splitInTwo as F } from "./index.es325.js";
 import { ActionIconText as M } from "./index.es68.js";
-import { clsx as h } from "./index.es251.js";
+import { clsx as h } from "./index.es250.js";
 import { ShareButton as R } from "./index.es124.js";
 import { CopyLink as H } from "./index.es208.js";
 import { Col as O } from "./index.es10.js";

package/dist/index.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./HeroContentCard.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseServiceProps = {\r\n  name: string;\r\n  previewImageUrl?: string;\r\n  previewImageTitle?: string;\r\n  updatedBy?: {\r\n    name?: string;\r\n    surname?: string;\r\n  };\r\n  updatedAt?: string;\r\n  readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventCardTitle?: string;\r\n  eventCardDescription?: string;\r\n  eventTitle?: string;\r\n  eventDescriptionTitle?: string;\r\n  eventDescription?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n\r\n// const AuthenticatedModeEnum = {\r\n//   AUTHENTICATED: \"authenticated\",\r\n//   PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\n\r\ninterface HeroContentCardCommonProps {\r\n  publishedLabel?: string;\r\n  readingTimeLabel?: string;\r\n  readingMinuteLabel?: string;\r\n  tagsLabelTitle?: string;\r\n  shareLabel?: string;\r\n  copyLinkLabel?: string;\r\n  copiedTextLabel?: string;\r\n  ImageComponent?: \"img\" | React.ComponentType<any>;\r\n  imageProps?: Record<string, any>;\r\n  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n  eventCardDescriptionTitle?: string;\r\n  tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & HeroContentCardCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & HeroContentCardCommonProps;\r\n\r\nexport type HeroContentCardProps = ServiceProps | EventProps;\r\n\r\nexport const HeroContentCard = ({\r\n  data = {} as Service | Event,\r\n  ImageComponent = \"img\",\r\n  imageProps = {},\r\n  variant = \"service\",\r\n  publishedLabel = \"Pubblicato\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingMinuteLabel = \"min\",\r\n  tagsLabelTitle = \"Argomenti trattati\",\r\n  shareLabel = \"Condividi\",\r\n  copyLinkLabel = \"Copia link\",\r\n  copiedTextLabel = \"Link copiato\",\r\n  isPreview = false,\r\n  modeAuthenticated = false,\r\n  eventCardDescriptionTitle,\r\n  tags,\r\n}: HeroContentCardProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            variant === \"event\" && \"is-event\",\r\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\r\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"hero-event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n          <div className={\"hero-event-content\"}>\r\n            <img\r\n              className=\"hero-event-main-image\"\r\n              src={data.previewImageUrl}\r\n              alt={`Evento ${data.name}`}\r\n            />\r\n            <Col\r\n              justifyContent={\"space-between\"}\r\n              className=\"hero-event-card-container\"\r\n            >\r\n              <div>\r\n                {isEvent(data) &&\r\n                  (data.eventCardTitle || data.eventCardDescription) && (\r\n                    <CardCategory\r\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\r\n                      className={\"w-full\"}\r\n                      description={\r\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\r\n                      }\r\n                      description2={\r\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\r\n                      }\r\n                      classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                      classNameDescriptionTitle={\r\n                        \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                      }\r\n                    />\r\n                  )}\r\n              </div>\r\n\r\n              {tags && tags?.length > 0 && (\r\n                <Tags title={tagsLabelTitle} items={tags ?? []} />\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview\r\n            ? \"hero-service-detail-image\"\r\n            : \"hero-fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n          <p className={\"short-title\"}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const content = (\r\n    <>\r\n      <div className={\"hero-action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\r\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\r\n          <div className={\"share-divider\"}>\r\n            <ActionIconText\r\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n              icon={<CopyLink />}\r\n              handleAction={copyToClipboard}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n          </div>\r\n        </Row>\r\n      </div>\r\n\r\n      {renderImage()}\r\n    </>\r\n  );\r\n\r\n  return isPreview ? (\r\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":";;;;;;;;;;;;;;;;AAyEO,MAAMA,KAAkB,CAAC;AAAA,EAC9B,MAAAC,IAAO,CAAC;AAAA,EACR,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa,CAAC;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAAA,EAChB,iBAAAC,IAAkB;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,2BAAAC;AAAA,EACA,MAAAC;AACF,MAA4B;;AAC1B,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,EAAS,IAAIC,EAA8B,GAC9DC,IAAiBC,EAAQ,MACxBnB,KAAA,QAAAA,EAAM,YACJoB;AAAA,IACLpB,EAAK,UAAU,QAAQ;AAAA,IACvBA,EAAK,UAAU,WAAW;AAAA,EAC5B,IAJ6B,KAK5B,CAACA,EAAK,SAAS,CAAC,GAEb,CAACqB,GAAgBC,CAAe,IAAIH,EAAQ,MAC5C,CAACnB,EAAK,qBAAqBA,EAAK,kBAAkB,WAAW,KACxD,CAAC,MAAM,IAAI,IAGNA,EAAK,kBAAkB,KAAK,EAAE,MAAM,KAAK,EAE7C,UAAU,IACXuB,EAAWvB,EAAK,kBAAkB,YAAA,CAAa,IAGjD,CAACA,EAAK,kBAAkB,YAAA,GAAe,IAAI,GACjD,CAACA,EAAK,iBAAiB,CAAC,GAErBwB,IAAuBL,EAAQ,MAAM;AACnC,UAAAM,IAAczB,EAAK,eAAe;AACxC,WAAO,KAAK,KAAK,OAAOyB,CAAW,IAAI,EAAE,KAAK;AAAA,EAAA,GAC7C,CAACzB,CAAI,CAAC,GAEH0B,IAAc,MAAM;AACpB,QAAA,CAAC1B,EAAK,gBAAwB,QAAA;AAElC,QAAIG,MAAY,SAAS;AACjB,YAAAwB,IAAU,CAACC,MACR,oBAAoBA,KAAO,gBAAgBA;AAIlD,aAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT3B,MAAY,WAAW;AAAA,YACvBQ,IAAY,uBAAuB;AAAA,YACnCC,IAAoB,6CAA6C;AAAA,UACnE;AAAA,UAEA,UAAA;AAAA,YAAAmB,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,KAAK/B,EAAK;AAAA,gBACV,KAAK,UAAUA,EAAK,IAAI;AAAA,cAAA;AAAA,YAC1B;AAAA,YACA6B,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,sBACd,UAAA;AAAA,cAAAE,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,KAAK/B,EAAK;AAAA,kBACV,KAAK,UAAUA,EAAK,IAAI;AAAA,gBAAA;AAAA,cAC1B;AAAA,cACA6B,gBAAAA,EAAA;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,gBAAgB;AAAA,kBAChB,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAAD,gBAAAA,EAAAA,IAAC,SACE,UAAQJ,EAAA3B,CAAI,MACVA,EAAK,kBAAkBA,EAAK,yBAC3B+B,gBAAAA,EAAA;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,OAAON,EAAQ3B,CAAI,IAAKA,EAAK,kBAAkB,MAAO;AAAA,wBACtD,WAAW;AAAA,wBACX,aACE2B,EAAQ3B,CAAI,IAAKa,KAA6B,MAAO;AAAA,wBAEvD,cACEc,EAAQ3B,CAAI,IAAKA,EAAK,wBAAwB,MAAO;AAAA,wBAEvD,gBAAgB;AAAA,wBAChB,2BACE;AAAA,sBAAA;AAAA,oBAAA,GAIV;AAAA,oBAECc,MAAQA,KAAA,gBAAAA,EAAM,UAAS,KACtBiB,gBAAAA,EAAAA,IAACG,GAAK,EAAA,OAAO3B,GAAgB,OAAOO,KAAQ,CAAA,EAAI,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEpD,EACF,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAKF,WAAAe,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACTnB,IACI,8BACA;AAAA,UACJC,IAAoB,yBAAyB;AAAA,QAC/C;AAAA,QAEA,UAAA;AAAA,UAAAmB,gBAAAA,EAAA;AAAA,YAAC9B;AAAA,YAAA;AAAA,cACC,KAAK,WAAWD,EAAK,IAAI;AAAA,cACzB,KAAKA,EAAK;AAAA,cACV,OAAO,EAAE,aAAa,KAAK,EAAE;AAAA,cAC5B,GAAGE;AAAA,YAAA;AAAA,UACN;AAAA,UACCF,EAAK,qBAAqBA,EAAK,kBAAkB,WAAW,MAC3D6B,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,eACZ,UAAA;AAAA,YAAAE,gBAAAA,EAAAA,IAAC,UAAM,UAAeV,EAAA,CAAA;AAAA,YACrBC,KAAoBS,gBAAAA,EAAAA,IAAA,QAAA,EAAM,UAAgBT,EAAA,CAAA;AAAA,UAAA,EAC7C,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAEJ,GAEMa,IAEFN,gBAAAA,EAAAA,KAAAO,EAAA,UAAA,EAAA,UAAA;AAAA,IAACP,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,aACEC,IAAAtC,KAAA,gBAAAA,EAAM,cAAN,QAAAsC,EAAiB,OACb,IAAGC,IAAAvC,KAAA,gBAAAA,EAAM,cAAN,gBAAAuC,EAAiB,IAAI,KAAIC,IAAAxC,KAAA,gBAAAA,EAAM,cAAN,gBAAAwC,EAAiB,OAAO,KACpD;AAAA,UAEN,QAAQ,EAAE,UAAUtB,EAAe;AAAA,UACnC,gBAAAd;AAAA,UACA,eACEqC,EAA2BzC,EAAK,aAAa,IAAI,IAAI,KAAK;AAAA,UAE5D,kBAAAK;AAAA,UACA,kBAAkBmB;AAAA,UAClB,oBAAAlB;AAAA,QAAA;AAAA,MACF;AAAA,MACCuB,gBAAAA,EAAA,KAAAa,GAAA,EAAI,KAAK,MAAM,WAAW,oBACzB,UAAA;AAAA,QAAAX,gBAAAA,EAAA,IAACY,GAAY,EAAA,WAAWnC,GAAY,aAAaR,EAAK,MAAM;AAAA,QAC5D+B,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,iBACd,UAAAA,gBAAAA,EAAA;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,WAAW5B,IAAWN,IAAkBD;AAAA,YACxC,4BAAOoC,GAAS,EAAA;AAAA,YAChB,cAAc9B;AAAA,YACd,eAAe;AAAA,UAAA;AAAA,QAAA,EAEnB,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,IAECW,EAAY;AAAA,EAAA,GACf;AAGF,SAAOf,IACJoB,gBAAAA,MAAA,OAAA,EAAI,WAAW,uCAAwC,YAAQ,CAAA,IAEhEI;AAEJ;"}
+{"version":3,"file":"index.es40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport \"./HeroContentCard.scss\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col, ShareButton } from \"@/components\";\nimport { Tags } from \"@/sections\";\nimport clsx from \"clsx\";\n\ntype BaseServiceProps = {\n  name: string;\n  previewImageUrl?: string;\n  previewImageTitle?: string;\n  updatedBy?: {\n    name?: string;\n    surname?: string;\n  };\n  updatedAt?: string;\n  readingTime?: number;\n};\n\ntype Event = BaseServiceProps & {\n  eventCardTitle?: string;\n  eventCardDescription?: string;\n  eventTitle?: string;\n  eventDescriptionTitle?: string;\n  eventDescription?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\n\n// const AuthenticatedModeEnum = {\n//   AUTHENTICATED: \"authenticated\",\n//   PUBLIC: \"public\",\n// } as const;\n\n// type AuthenticatedModes =\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\n\ninterface HeroContentCardCommonProps {\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  tagsLabelTitle?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  isPreview?: boolean;\n  modeAuthenticated?: boolean;\n  eventCardDescriptionTitle?: string;\n  tags?: string[];\n}\n\ntype ServiceProps = {\n  data: Service;\n  variant: \"service\";\n} & HeroContentCardCommonProps;\n\ntype EventProps = {\n  data: Event;\n  variant: \"event\";\n} & HeroContentCardCommonProps;\n\nexport type HeroContentCardProps = ServiceProps | EventProps;\n\nexport const HeroContentCard = ({\n  data = {} as Service | Event,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"service\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  tagsLabelTitle = \"Argomenti trattati\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n  modeAuthenticated = false,\n  eventCardDescriptionTitle,\n  tags,\n}: HeroContentCardProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const avatarInitials = useMemo(() => {\n    if (!data?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      data.updatedBy.name ?? \"\",\n      data.updatedBy.surname ?? \"\",\n    );\n  }, [data.updatedBy]);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = data.previewImageTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(data.previewImageTitle.toUpperCase());\n    }\n\n    return [data.previewImageTitle.toUpperCase(), null];\n  }, [data.previewImageTitle]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = data.readingTime ?? 0;\n    return Math.ceil(Number(readingTime) / 60) || 0;\n  }, [data]);\n\n  const renderImage = () => {\n    if (!data.previewImageUrl) return null;\n\n    if (variant === \"event\") {\n      const isEvent = (obj: Service | Event): obj is Event => {\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\n      };\n\n      return (\n        <div\n          className={clsx(\n            variant === \"event\" && \"is-event\",\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\n          )}\n        >\n          <img\n            className=\"hero-event-background\"\n            src={data.previewImageUrl}\n            alt={`Evento ${data.name}`}\n          />\n          <div className={\"hero-event-content\"}>\n            <img\n              className=\"hero-event-main-image\"\n              src={data.previewImageUrl}\n              alt={`Evento ${data.name}`}\n            />\n            <Col\n              justifyContent={\"space-between\"}\n              className=\"hero-event-card-container\"\n            >\n              <div>\n                {isEvent(data) &&\n                  (data.eventCardTitle || data.eventCardDescription) && (\n                    <CardCategory\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\n                      className={\"w-full\"}\n                      description={\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\n                      }\n                      description2={\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\n                      }\n                      classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                      classNameDescriptionTitle={\n                        \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                      }\n                    />\n                  )}\n              </div>\n\n              {tags && tags?.length > 0 && (\n                <Tags title={tagsLabelTitle} items={tags ?? []} />\n              )}\n            </Col>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={clsx(\n          isPreview\n            ? \"hero-service-detail-image\"\n            : \"hero-fullscreen-image-container\",\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\n        )}\n      >\n        <ImageComponent\n          alt={`Service ${data.name} image`}\n          src={data.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\n          <p className={\"short-title\"}>\n            <span>{firstTitleLine}</span>\n            {secondTitleLine && <span>{secondTitleLine}</span>}\n          </p>\n        )}\n      </div>\n    );\n  };\n\n  const content = (\n    <>\n      <div className={\"hero-action-author\"}>\n        <AuthorBlock\n          authorName={\n            data?.updatedBy?.name\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n    </>\n  );\n\n  return isPreview ? (\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\n  ) : (\n    content\n  );\n};\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}

package/dist/index.es402.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es477.js";
-import { useComposedRefs as A } from "./index.es476.js";
+import { createContextScope as T } from "./index.es483.js";
+import { useComposedRefs as A } from "./index.es482.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es330.js";
-import { composeEventHandlers as F } from "./index.es475.js";
-import { createSlottable as G } from "./index.es496.js";
+import { composeEventHandlers as F } from "./index.es481.js";
+import { createSlottable as G } from "./index.es492.js";
 import { j as i } from "./index.es249.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es408.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es516.js";
+import { __require as r } from "./index.es590.js";
 var i = r();
 export {
   i as F

package/dist/index.es41.js

@@ -1,7 +1,7 @@
 import { j as t } from "./index.es249.js";
 import { ArrowDown as P } from "./index.es160.js";
 import { RichText as _ } from "./index.es142.js";
-import { clsx as i } from "./index.es251.js";
+import { clsx as i } from "./index.es250.js";
 import { useState as c, useRef as D } from "react";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
 import { VIDEO_PLAYER_SIZE as e } from "./index.es42.js";

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport clsx from \"clsx\";\r\nimport { useRef, useState } from \"react\";\r\nimport \"./VideoPlayer.scss\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  videoTitle,\r\n  videoLang,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : heightImg;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\">\r\n              {playButtonLabel}\r\n            </div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n            title={videoTitle ? videoTitle : undefined}\r\n          >\r\n            <source src={videoSrc || undefined} />\r\n            {videoLang  && (\r\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\r\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\r\n          </video>\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { RichText } from \"@/sections/RichText\";\nimport clsx from \"clsx\";\nimport { useRef, useState } from \"react\";\nimport \"./VideoPlayer.scss\";\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"642px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"992px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"357px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n  videoTitle,\n  videoLang,\n  playButtonLabel = \"Riproduci\",\n  videoAriaLabel = \"Video player\",\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\n  const isLargeSize =\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : heightImg;\n  const videoWidth = isVertical ? \"360px\" : width;\n\n  const handlePlay = async (e?: React.MouseEvent) => {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const video = videoRef.current;\n\n    if (!video) {\n      console.error(\"no video element found\");\n      return;\n    }\n\n    try {\n      if (!hasPlayedOnce) {\n        setHasPlayedOnce(true);\n        setIsPlaying(true);\n        await video.play();\n      }\n    } catch (error) {\n      console.error(\"Error controlling video:\", error);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: containerWidth }}\n      className={clsx(\"video-section-container\")}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{\n          height: videoHeight,\n          width: videoWidth,\n          ...(isVertical && { alignSelf: \"center\" }),\n        }}\n      >\n        <button\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage:\n              previewImageSrc && !hasPlayedOnce\n                ? `url(\"${previewImageSrc}\")`\n                : \"none\",\n            display: hasPlayedOnce ? \"none\" : \"block\",\n          }}\n          onClick={(e) => handlePlay(e)}\n          type=\"button\"\n        >\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\n            <div className=\"play-button-icon\">\n              <PlayVideo decorative />\n            </div>\n            <div className=\"play-button-text\">\n              {playButtonLabel}\n            </div>\n          </div>\n        </button>\n        <div className=\"video-container\">\n          <video\n            ref={videoRef}\n            controls\n            src={videoSrc || undefined}\n            aria-label={videoAriaLabel}\n            title={videoTitle ? videoTitle : undefined}\n          >\n            <source src={videoSrc || undefined} />\n            {videoLang  && (\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\n          </video>\n        </div>\n      </div>\n\n      {transcription && (\n        <div\n          className={clsx(\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\n          )}\n          style={{ width: containerWidth }}\n        >\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center\",\n            )}\n          >\n            <button\n              className={clsx(\n                \"ui-btn-accordion-video\",\n                \"base-row justify-content-between align-items-center\",\n              )}\n              type=\"button\"\n              onClick={() => setExpanded(!isExpanded)}\n              aria-expanded={isExpanded}\n              aria-controls=\"transcription-content\"\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\n                decorative\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              id=\"transcription-content\"\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <RichText\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\n                description={transcription}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n\nexport { VIDEO_PLAYER_SIZE };\nexport type { VideoPlayerProps };\n\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.es411.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es249.js";
-import { clsx as s } from "./index.es251.js";
+import { clsx as s } from "./index.es250.js";
 import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,

package/dist/index.es411.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es411.js","sources":["../src/components/ui/ChangeProfileModal/ChangeProfileModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ChangeProfileModalContent.scss\";\r\n\r\ntype ChangeProfileModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ChangeProfileModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: ChangeProfileModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ChangeProfileModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA4B,CAAC;AAAA,EACxC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es411.js","sources":["../src/components/ui/ChangeProfileModal/ChangeProfileModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ChangeProfileModalContent.scss\";\n\ntype ChangeProfileModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const ChangeProfileModalContent = ({\n  overrideClassNames,\n  children,\n}: ChangeProfileModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["ChangeProfileModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA4B,CAAC;AAAA,EACxC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es414.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es249.js";
-import { clsx as d } from "./index.es251.js";
+import { clsx as d } from "./index.es250.js";
 import './components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css';/* empty css            */
 const a = ({
   overrideClassNames: o,

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\nexport type VideoPlayerProps = {\r\n  btnText?: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription?: string;\r\n  videoSrc: string;\r\n  videoTitle?: string;\r\n  videoLang?: string;\r\n  playButtonLabel?: string;\r\n  videoAriaLabel?: string;\r\n  transcriptionHeading?: string;\r\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n};\r\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nexport type VideoPlayerProps = {\n  btnText?: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription?: string;\n  videoSrc: string;\n  videoTitle?: string;\n  videoLang?: string;\n  playButtonLabel?: string;\n  videoAriaLabel?: string;\n  transcriptionHeading?: string;\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n};\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.es420.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es621.js";
-import { scrollAreaPropDefs as r } from "./index.es633.js";
-import { extractMarginProps as E } from "./index.es634.js";
-import { getMarginStyles as z } from "./index.es635.js";
-import { getResponsiveClassNames as i } from "./index.es636.js";
-import { getSubtree as C } from "./index.es637.js";
-import { mergeStyles as R } from "./index.es638.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es639.js";
+import l from "./index.es549.js";
+import { scrollAreaPropDefs as r } from "./index.es561.js";
+import { extractMarginProps as E } from "./index.es562.js";
+import { getMarginStyles as z } from "./index.es563.js";
+import { getResponsiveClassNames as i } from "./index.es564.js";
+import { getSubtree as C } from "./index.es565.js";
+import { mergeStyles as R } from "./index.es566.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es567.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));

package/dist/index.es426.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import { clsx as d } from "./index.es251.js";
+import { clsx as d } from "./index.es250.js";
 import m from "./index.es428.js";
 const x = ({
   index: t,

package/dist/index.es426.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es426.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\r\nimport { ToggleLabel } from \"../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es426.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\nimport { ToggleLabel } from \"../types\";\n\nexport interface StepData {\n  title: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemProps extends StepData {\n  index: number;\n  isOpen: boolean;\n  onToggle: () => void;\n  detailLabels: ToggleLabel;\n}\n\nexport const StepItem: React.FC<StepItemProps> = ({\n  index,\n  title,\n  content,\n  isOpen,\n  detailLabels,\n  onToggle,\n}) => {\n  return (\n    <div className=\"step-item\">\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\n        <div className=\"step-number\">{index + 1}</div>\n        <div className=\"step-title\">{title}</div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-box\">\n          <div className=\"\"></div>\n          <div className=\"line\"></div>\n        </div>\n        <div className=\"step-details-content\">\n          <ToggleContent\n            className=\"toggle-btn\"\n            onClick={onToggle}\n            isOpen={isOpen}\n            toggleLabels={detailLabels}\n          />\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es428.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es249.js";
-import { clsx as e } from "./index.es251.js";
+import { clsx as e } from "./index.es250.js";
 import { ArrowTop as m } from "./index.es205.js";
 import { ArrowDown as n } from "./index.es160.js";
 const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [

package/dist/index.es428.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es428.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\r\nimport { ToggleLabel } from \"../types\";\r\nimport clsx from \"clsx\";\r\n\r\ntype Props = {\r\n  className?: string;\r\n  isOpen: boolean;\r\n  onClick: () => void;\r\n  toggleLabels: ToggleLabel;\r\n};\r\n\r\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\r\n  return (\r\n    <button className={clsx(\"\", className)} onClick={onClick}>\r\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\r\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default ToggleContent;\r\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es428.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"../types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}