@anoki/fse-ui 1.0.395 → 1.0.397

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.js","sources":["../src/components/ui/CardDocument/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./CardDocument.scss\";\r\nimport { Button, Col, Loader, Row } from \"@/components\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport { useIsDesktop } from \"@/hooks/useIsDesktop.ts\";\r\n\r\ntype CardDocumentProps = {\r\n  eventNumber?: string;\r\n  date?: string | number;\r\n  documentType?: string;\r\n  documentTitle: string;\r\n  label?: string;\r\n  subtitle?: string;\r\n  action?: string;\r\n  CTA?: string;\r\n  iconView?: \"attachments\" | \"obscured\";\r\n  favorite?: boolean;\r\n  handleDownloadDocument?: () => void;\r\n  hrefDocument?: string;\r\n  isLoading?: boolean;\r\n  openDocumentLabel?: string;\r\n  releaseDateLabel?: string;\r\n  eventLabel?: string;\r\n};\r\n\r\nexport const CardDocument = ({\r\n  eventNumber,\r\n  date = \"--/--/--\",\r\n  documentType,\r\n  documentTitle,\r\n  label,\r\n  subtitle,\r\n  action,\r\n  CTA,\r\n  handleDownloadDocument,\r\n  hrefDocument = \"#\",\r\n  isLoading = false,\r\n  openDocumentLabel = \"Apri documento\",\r\n  releaseDateLabel = \"Emesso il\",\r\n  eventLabel = \"Evento n.\",\r\n}: CardDocumentProps) => {\r\n  const isDesktop = useIsDesktop();\r\n\r\n  const renderDownloadAction = () => {\r\n    if (!action) return null;\r\n    return (\r\n      <Row\r\n        alignItems={\"center\"}\r\n        className={clsx(\r\n          !isLoading && \"cursor-pointer\",\r\n          \"text-decoration-none text-primary\",\r\n        )}\r\n        onClick={isLoading ? undefined : handleDownloadDocument}\r\n      >\r\n        <p>{action}</p>\r\n        <Loader loading={isLoading} className={\"ml-x8\"} />\r\n      </Row>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-card-document shadow br-x4 fw-semibold text-slate-28 fs-7\",\r\n      )}\r\n    >\r\n      <Row\r\n        as={\"header\"}\r\n        justifyContent={\"space-between\"}\r\n        alignItems={\"center\"}\r\n        py={\"x8\"}\r\n        px={\"x24\"}\r\n        className={\"ui-document-header\"}\r\n      >\r\n        <Row>{eventNumber ? `${eventLabel} ${eventNumber}` : \"\"}</Row>\r\n        <Row>\r\n          {releaseDateLabel} {date}\r\n        </Row>\r\n      </Row>\r\n      <main className={\"p-x16\"}>\r\n        <Col pb={\"x32\"} justifyContent={\"space-between\"}>\r\n          <div>\r\n            <Row pb={\"x8\"}>{documentType}</Row>\r\n            <h4 className={\"fs-5 text-slate-20\"}>{documentTitle}</h4>\r\n            <Row pt={\"x8\"}>\r\n              {label && (\r\n                <div\r\n                  className={\"bg-secondary text-white rounded py-x4 px-x16\"}\r\n                  style={{ width: \"max-content\" }}\r\n                >\r\n                  {label}\r\n                </div>\r\n              )}\r\n            </Row>\r\n          </div>\r\n          {subtitle && <p className={\"fw-regular fs-6 pt-x8\"}>{subtitle}</p>}\r\n        </Col>\r\n        {!isDesktop ? (\r\n          <Col as={\"footer\"} gap={\"x16\"}>\r\n            {renderDownloadAction()}\r\n            <Divider bg={\"border-divider\"} />\r\n            <Button\r\n              className=\"filter-button  fs-7 fw-semibold w-full\"\r\n              variant={\"secondary\"}\r\n              size=\"3\"\r\n              asLink={\"a\"}\r\n              href={hrefDocument}\r\n              disabled\r\n            >\r\n              {openDocumentLabel}\r\n            </Button>\r\n          </Col>\r\n        ) : (\r\n          <Row\r\n            as={\"footer\"}\r\n            justifyContent={\"space-between\"}\r\n            alignItems={\"center\"}\r\n          >\r\n            {renderDownloadAction()}\r\n            {CTA && (\r\n              <Button\r\n                className=\"filter-button fs-7 text-primary fw-semibold\"\r\n                variant={\"secondary\"}\r\n                size=\"3\"\r\n                asLink={\"a\"}\r\n                href={hrefDocument}\r\n              >\r\n                {CTA}\r\n              </Button>\r\n            )}\r\n          </Row>\r\n        )}\r\n      </main>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardDocument","eventNumber","date","documentType","documentTitle","label","subtitle","action","CTA","handleDownloadDocument","hrefDocument","isLoading","openDocumentLabel","releaseDateLabel","eventLabel","isDesktop","useIsDesktop","renderDownloadAction","jsxs","Row","clsx","jsx","Loader","Col","Button","Divider"],"mappings":"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"}
+{"version":3,"file":"index.es30.js","sources":["../src/components/ui/CardDocument/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./CardDocument.scss\";\nimport { Button, Col, Loader, Row } from \"@/components\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport { useIsDesktop } from \"@/hooks/useIsDesktop.ts\";\n\ntype CardDocumentProps = {\n  eventNumber?: string;\n  date?: string | number;\n  documentType?: string;\n  documentTitle: string;\n  label?: string;\n  subtitle?: string;\n  action?: string;\n  CTA?: string;\n  iconView?: \"attachments\" | \"obscured\";\n  favorite?: boolean;\n  handleDownloadDocument?: () => void;\n  hrefDocument?: string;\n  isLoading?: boolean;\n  openDocumentLabel?: string;\n  releaseDateLabel?: string;\n  eventLabel?: string;\n};\n\nexport const CardDocument = ({\n  eventNumber,\n  date = \"--/--/--\",\n  documentType,\n  documentTitle,\n  label,\n  subtitle,\n  action,\n  CTA,\n  handleDownloadDocument,\n  hrefDocument = \"#\",\n  isLoading = false,\n  openDocumentLabel = \"Apri documento\",\n  releaseDateLabel = \"Emesso il\",\n  eventLabel = \"Evento n.\",\n}: CardDocumentProps) => {\n  const isDesktop = useIsDesktop();\n\n  const renderDownloadAction = () => {\n    if (!action) return null;\n    return (\n      <Row\n        alignItems={\"center\"}\n        className={clsx(\n          !isLoading && \"cursor-pointer\",\n          \"text-decoration-none text-primary\",\n        )}\n        onClick={isLoading ? undefined : handleDownloadDocument}\n      >\n        <p>{action}</p>\n        <Loader loading={isLoading} className={\"ml-x8\"} />\n      </Row>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-card-document shadow br-x4 fw-semibold text-slate-28 fs-7\",\n      )}\n    >\n      <Row\n        as={\"header\"}\n        justifyContent={\"space-between\"}\n        alignItems={\"center\"}\n        py={\"x8\"}\n        px={\"x24\"}\n        className={\"ui-document-header\"}\n      >\n        <Row>{eventNumber ? `${eventLabel} ${eventNumber}` : \"\"}</Row>\n        <Row>\n          {releaseDateLabel} {date}\n        </Row>\n      </Row>\n      <main className={\"p-x16\"}>\n        <Col pb={\"x32\"} justifyContent={\"space-between\"}>\n          <div>\n            <Row pb={\"x8\"}>{documentType}</Row>\n            <h4 className={\"fs-5 text-slate-20\"}>{documentTitle}</h4>\n            <Row pt={\"x8\"}>\n              {label && (\n                <div\n                  className={\"bg-secondary text-white rounded py-x4 px-x16\"}\n                  style={{ width: \"max-content\" }}\n                >\n                  {label}\n                </div>\n              )}\n            </Row>\n          </div>\n          {subtitle && <p className={\"fw-regular fs-6 pt-x8\"}>{subtitle}</p>}\n        </Col>\n        {!isDesktop ? (\n          <Col as={\"footer\"} gap={\"x16\"}>\n            {renderDownloadAction()}\n            <Divider bg={\"border-divider\"} />\n            <Button\n              className=\"filter-button  fs-7 fw-semibold w-full\"\n              variant={\"secondary\"}\n              size=\"3\"\n              asLink={\"a\"}\n              href={hrefDocument}\n              disabled\n            >\n              {openDocumentLabel}\n            </Button>\n          </Col>\n        ) : (\n          <Row\n            as={\"footer\"}\n            justifyContent={\"space-between\"}\n            alignItems={\"center\"}\n          >\n            {renderDownloadAction()}\n            {CTA && (\n              <Button\n                className=\"filter-button fs-7 text-primary fw-semibold\"\n                variant={\"secondary\"}\n                size=\"3\"\n                asLink={\"a\"}\n                href={hrefDocument}\n              >\n                {CTA}\n              </Button>\n            )}\n          </Row>\n        )}\n      </main>\n    </div>\n  );\n};\n"],"names":["CardDocument","eventNumber","date","documentType","documentTitle","label","subtitle","action","CTA","handleDownloadDocument","hrefDocument","isLoading","openDocumentLabel","releaseDateLabel","eventLabel","isDesktop","useIsDesktop","renderDownloadAction","jsxs","Row","clsx","jsx","Loader","Col","Button","Divider"],"mappings":"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"}

package/dist/index.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es31.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\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\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 = \"h3\",\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.es31.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\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\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 = \"h3\",\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":";;;;;;;;AA4BO,MAAMA,KAAmB,CAAC;AAAA,EAC/B,OAAAC,IAAQ;AAAA,EACR,UAAUC,IAAW;AAAA,EACrB,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,oBAAAC,IAAqB;AAAA,EACrB,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAClB,MAA6B;AAC3B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAwB,IAAI,GACxD,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAE,GACrC,CAACG,GAAkBC,CAAmB,IAAIJ,EAAS,EAAE,GACrD,CAACK,GAAmBC,CAAoB,IAAIN,EAAS,EAAE,GACvD,CAACO,GAAQC,CAAS,IAAIR,EAAS,EAAK,GACpC,CAACS,GAAeC,CAAgB,IAAIV,EAAS,EAAK,GAClD,CAACW,GAAgBC,CAAiB,IAAIZ,EAAS,EAAE,GAEjDa,IAAW,OAAO,OAAO1B,CAAW,GACpC2B,IAAW,OAAO,KAAK3B,CAAW,GAElC4B,IAAoB,MACjBC,EAAS,MAAM,SAAS,OAAO,GAGlCC,IAAqB,CAACC,MAA4B;AAChD,UAAA,CAACC,GAAOC,CAAO,IAAIF,EAAQ,MAAM,GAAG,EAAE,IAAI,MAAM;AACtD,WAAOC,IAAQ,KAAKC;AAAA,EACtB,GAEMC,IAAgBC;AAAA,IACpB,CAACC,MAAmBA,EAAK,SAAS,WAAWA,EAAK,OAAO;AAAA,IACzD,CAAA;AAAA,EACF,GAEMC,IAAeF;AAAA,IACnB,CAACG,MAAsBA,EAAM,KAAKJ,CAAa;AAAA,IAC/C,CAACA,CAAa;AAAA,EAChB,GAEMK,IAAkB,CAACD,GAAmBE,MAAwB;AAClE,eAAW,EAAE,MAAAC,GAAM,IAAAC,EAAG,KAAKJ;AACrB,UAAAE,KAAeC,KAAQD,KAAeE;AACxC,eAAO,EAAE,MAAM,IAAM,aAAaA,EAAG;AAGzC,WAAO,EAAE,MAAM,IAAO,aAAa,GAAG;AAAA,EACxC,GAEMC,IAAqB,CAACL,GAAmBE,MAAwB;AAC1D,eAAA,EAAE,MAAAC,EAAK,KAAKH;AACrB,UAAIG,IAAOD;AACF,eAAAC;AAGJ,WAAA;AAAA,EACT,GAEMG,IAAqBT;AAAA,IACzB,CAACU,GAAqBL,MAAwB;AACxC,UAAA,CAACK,EAAoB,QAAA;AAEnB,YAAAC,IAAchB,EAAmBe,CAAW,GAC5CE,IAAiBjB,EAAmBU,CAAW,GAC/CQ,IAAcF,IAAcC;AAE3B,aAAAC,IAAc,KAAKA,KAAe;AAAA,IAC3C;AAAA,IACA,CAAA;AAAA,EACF,GAEMC,IAAiBd;AAAA,IACrB,CAACe,MAA4B;AAC3B,eAASC,IAAI,GAAGA,KAAK,GAAGA,KAAK;AACrB,cAAAC,KAAaF,IAAkBC,KAAK,GACpCE,IAAa1B,EAASyB,CAAS,GAC/BE,IAAevD,EAAasD,CAAU;AAExC,YAAAC,KAAgBA,EAAa,SAAS;AACjC,iBAAA;AAAA,YACL,SAAS5B,EAAS0B,CAAS,EAAE,YAAY;AAAA,YACzC,YAAYD,MAAM;AAAA,UACpB;AAAA,MACF;AAEK,aAAA;AAAA,IACT;AAAA,IACA,CAACxB,GAAU5B,GAAc2B,CAAQ;AAAA,EACnC,GAEM6B,IAA2BC,GAAQ,MAChC,CAACxB,MACFA,EAAM,WAAW,IACZ7B,IAGLkC,EAAaL,CAAK,IACb,GAAG/B,CAAS,IAAIG,CAAW,KAG7B4B,EAAM,IAAI,CAAC,EAAE,MAAAS,GAAM,IAAAC,EAAG,MAAM,GAAGD,CAAI,MAAMC,CAAE,EAAE,EAAE,KAAK,KAAK,GAEjE,CAACvC,GAAYkC,GAAcjC,GAAaH,CAAS,CAAC;AAErD,SAAAwD,GAAU,MAAM;AAER,UAAAC,IADM7B,EAAS,IAAI,EACF,UAAU;AACjC,IAAAjB,EAAa8C,CAAU,GACX3C,EAAAW,EAASgC,CAAU,KAAK,EAAE;AAEhC,UAAAC,IAAWhC,EAAS+B,CAAU,GAC9BE,IAAa7D,EAAa4D,CAAQ;AAExC,QAAI,CAACC;AACH;AAGF,UAAMpB,IAAcZ,EAAkB;AAElC,QAAAS,EAAauB,CAAU,GAAG;AAC5B,MAAA3C,EAAoBhB,CAAS,GACXwB,EAAA,MAAMrB,CAAW,EAAE,GACrCiB,EAAU,EAAI,GACdE,EAAiB,EAAK,GACtBJ,EAAqB,GAAGlB,CAAS,IAAIG,CAAW,EAAE;AAClD;AAAA,IAAA;AAGF,UAAM,EAAE,MAAAyD,GAAM,aAAAC,EAAA,IAAgBvB,EAAgBqB,GAAYpB,CAAW;AAErE,QAAIqB;AACF,MAAA5C,EAAoBhB,CAAS,GAC7BwB;AAAA,QACEqC,IAAc,MAAMpD,CAAa,IAAIoD,CAAW,KAAK;AAAA,MACvD,GACAzC,EAAU,EAAI,GACdE,EAAiB,EAAK;AAAA,SACjB;AACC,YAAAwC,IAAkBpB,EAAmBiB,GAAYpB,CAAW;AAGlE,UAFAnB,EAAU,EAAK,GAEX0C;AACE,QAAAnB,EAAmBmB,GAAiBvB,CAAW,KACjDvB,EAAoBZ,CAAc,GAClCoB,EAAkB,MAAMhB,CAAO,IAAIsD,CAAe,EAAE,GACpDxC,EAAiB,EAAI,MAErBN,EAAoBd,CAAU,GAC9BsB,EAAkB,MAAMnB,CAAY,IAAIyD,CAAe,EAAE,GACzDxC,EAAiB,EAAK;AAAA,WAEnB;AACL,QAAAN,EAAoBd,CAAU,GAC9BoB,EAAiB,EAAK;AAChB,cAAAyC,IAAUf,EAAeS,CAAU;AAEzC,QACEjC;AAAA,UADEuC,IAEAA,EAAQ,aACJ,MAAMzD,CAAkB,KACxB,MAAMC,CAAY,IAAIwD,EAAQ,OAAO,KAGzB;AAAA,QAFlB;AAAA,MAGF;AAAA,IACF;AAGmB,IAAA7C,EAAAoC,EAAyBK,CAAU,CAAC;AAAA,EAAA,GACxD;AAAA,IACDnD;AAAA,IACAmC;AAAA,IACAzC;AAAA,IACAO;AAAA,IACA6C;AAAA,IACAN;AAAA,IACAZ;AAAA,IACAjC;AAAA,IACAH;AAAA,IACAF;AAAA,IACAO;AAAA,IACAE;AAAA,IACAH;AAAA,IACAE;AAAA,IACAmB;AAAA,IACAC;AAAA,EAAA,CACD,GAGCsC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAD,gBAAAA,EAAA,KAACC,GAAI,EAAA,IAAI,UAAU,WAAU,kBAC3B,UAAA;AAAA,UAACC,gBAAAA,EAAA,IAAArE,GAAA,EAAS,WAAU,kCAAkC,UAAMD,GAAA;AAAA,UAC5DoE,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,OAAO,EAAE,iBAAiB,UAAU;AAAA,cACpC,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAU;AAAA,cAEV,UAAA;AAAA,gBAACH,gBAAAA,EAAAA,KAAA,KAAA,EAAE,WAAU,iBACV,UAAA;AAAA,kBAAA/D;AAAA,kBAAW;AAAA,kBAAGY;AAAA,gBAAA,GACjB;AAAA,uCACC,KACC,EAAA,UAAA;AAAA,kBAAAqD,gBAAAA,EAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WACE/C,IACI,iBACAE,IACE,iBACA;AAAA,sBAGP,UAAAN;AAAA,oBAAA;AAAA,kBACH;AAAA,kBACCmD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,8BAA8B,UAAe3C,EAAA,CAAA;AAAA,gBAAA,EAC/D,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,GACF;AAAA,+BACC0C,GAAI,EAAA,IAAI,QAAQ,IAAI,OAAO,KAAK,OAC/B,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,gBAAgB,gBAAgB,WAAU,yBAC5C,UAAS1C,EAAA,IAAI,CAAC2C,GAAKC,MAClBH,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,gBAAgB;AAAA,cAChB,YAAY;AAAA,cAEZ,WAAWG;AAAA,gBACT5D,MAAc2D,IAAQ,4BAA4B;AAAA,gBAClD;AAAA,cACF;AAAA,cAEC,UAAID,EAAA,OAAO,CAAC,EAAE,YAAY;AAAA,YAAA;AAAA,YANtBC;AAAA,UAQR,CAAA,GACH;AAAA,UACAL,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,IAAI;AAAA,cAEJ,UAAA;AAAA,gBAAAD,gBAAAA,EAAAA,IAAC,OAAG,UAASrD,EAAA,CAAA;AAAA,gBACbqD,gBAAAA,EAAAA,IAAC,OAAG,UAAkBjD,EAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es310.js

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { useCallbackRef as s } from "./index.es304.js";
+import { useCallbackRef as s } from "./index.es293.js";
 function p(n, e = globalThis == null ? void 0 : globalThis.document) {
   const t = s(n);
   r.useEffect(() => {

package/dist/index.es312.js

@@ -1,5 +1,5 @@
 import * as n from "react";
-import { Primitive as p } from "./index.es275.js";
+import { Primitive as p } from "./index.es272.js";
 import { j as o } from "./index.es152.js";
 var v = "Arrow", e = n.forwardRef((r, i) => {
   const { children: t, width: s = 10, height: a = 5, ...m } = r;

package/dist/index.es313.js

@@ -1,6 +1,6 @@
-import { offset as ot, shift as st, flip as rt, size as ct, hide as lt, limitShift as ft, computePosition as ut, arrow as ht } from "./index.es327.js";
-import { createCoords as m, round as A, max as E, min as V, rectToClientRect as J, floor as D } from "./index.es328.js";
-import { isElement as v, getDocumentElement as O, getOverflowAncestors as $, getComputedStyle as R, isHTMLElement as b, getWindow as L, isTopLayer as S, getParentNode as W, isLastTraversableNode as H, isTableElement as at, isContainingBlock as Q, getContainingBlock as dt, getNodeName as M, isOverflowElement as _, getNodeScroll as N, getFrameElement as K, isWebKit as Y } from "./index.es329.js";
+import { offset as ot, shift as st, flip as rt, size as ct, hide as lt, limitShift as ft, computePosition as ut, arrow as ht } from "./index.es322.js";
+import { createCoords as m, round as A, max as E, min as V, rectToClientRect as J, floor as D } from "./index.es323.js";
+import { isElement as v, getDocumentElement as O, getOverflowAncestors as $, getComputedStyle as R, isHTMLElement as b, getWindow as L, isTopLayer as S, getParentNode as W, isLastTraversableNode as H, isTableElement as at, isContainingBlock as Q, getContainingBlock as dt, getNodeName as M, isOverflowElement as _, getNodeScroll as N, getFrameElement as K, isWebKit as Y } from "./index.es324.js";
 function Z(t) {
   const e = R(t);
   let i = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;

package/dist/index.es318.js

@@ -1,4 +1,4 @@
-import { createSidecarMedium as e } from "./index.es326.js";
+import { createSidecarMedium as e } from "./index.es325.js";
 var a = e();
 export {
   a as effectCar

package/dist/index.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es32.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { ArrowLink, Button, Col } from \"@/components\";\r\nimport { useMemo } from \"react\";\r\nimport { Attachment } from \"@/icons\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype ctaLevel = \"link\" | \"button\" | \"outlineButton\";\r\n\r\ntype SupportBannerProps = {\r\n  cta: ctaLevel;\r\n  bannerType: \"filled\" | \"outline\";\r\n  title: string;\r\n  description?: string;\r\n  titleTag: HeadingLevel;\r\n  href?: string | string[];\r\n  icon?: boolean;\r\n  linkText?: string | string[];\r\n  mainLayout?: \"layout1\" | \"layout2\";\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  handleAction?: () => void;\r\n};\r\n\r\nconst CTA_COMPONENTS = {\r\n  link: (title: string, href?: string) => (\r\n    <ArrowLink href={href}>{title}</ArrowLink>\r\n  ),\r\n  button: (title: string) => <button className=\"button-style\">{title}</button>,\r\n  outlineButton: (\r\n    title: string,\r\n    _href?: string,\r\n    icon?: boolean,\r\n    handleAction?: () => void,\r\n  ) => (\r\n    <Button\r\n      size={\"2\"}\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className={\"w-full \"}\r\n      border={\"primary\"}\r\n      onClick={handleAction}\r\n    >\r\n      {icon && <Attachment className={\"mr-x8\"} />}\r\n      <p className={\"fs-6 fw-bold\"}>{title}</p>\r\n    </Button>\r\n  ),\r\n};\r\n\r\nexport const SupportBanner = ({\r\n  cta = \"link\",\r\n  bannerType = \"outline\",\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h3\",\r\n  href = \"#\",\r\n  icon = true,\r\n  linkText = \"Vai al supporto\",\r\n  mainLayout = \"layout1\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  handleAction,\r\n}: SupportBannerProps) => {\r\n  const renderCTA = useMemo(() => {\r\n    if (Array.isArray(href)) {\r\n      return href.map((singleHref, index) => {\r\n        const singleLinkText = Array.isArray(linkText)\r\n          ? linkText[index]\r\n          : linkText;\r\n        return (\r\n          <div key={index} className=\"ui-banner-link\">\r\n            {CTA_COMPONENTS[cta](\r\n              singleLinkText,\r\n              singleHref,\r\n              icon,\r\n              handleAction,\r\n            )}\r\n          </div>\r\n        );\r\n      });\r\n    }\r\n    if (Array.isArray(linkText)) {\r\n      return linkText.map((singleLinkText, index) => {\r\n        return (\r\n          <div key={index} className=\"ui-banner-link\">\r\n            {CTA_COMPONENTS[cta](singleLinkText, href, icon, handleAction)}\r\n          </div>\r\n        );\r\n      });\r\n    }\r\n    return CTA_COMPONENTS[cta](linkText, href, icon, handleAction);\r\n  }, [cta, linkText, href, handleAction]);\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":["CTA_COMPONENTS","title","href","jsx","ArrowLink","_href","icon","handleAction","jsxs","Button","Attachment","SupportBanner","cta","bannerType","description","TitleTag","linkText","mainLayout","className","classNameTitle","classNameDescription","renderCTA","useMemo","singleHref","index","singleLinkText","Col","clsx"],"mappings":"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"}
+{"version":3,"file":"index.es32.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { ArrowLink, Button, Col } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { Attachment } from \"@/icons\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype ctaLevel = \"link\" | \"button\" | \"outlineButton\";\n\ntype SupportBannerProps = {\n  cta: ctaLevel;\n  bannerType: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag: HeadingLevel;\n  href?: string | string[];\n  icon?: boolean;\n  linkText?: string | string[];\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  handleAction?: () => void;\n};\n\nconst CTA_COMPONENTS = {\n  link: (title: string, href?: string) => (\n    <ArrowLink href={href}>{title}</ArrowLink>\n  ),\n  button: (title: string) => <button className=\"button-style\">{title}</button>,\n  outlineButton: (\n    title: string,\n    _href?: string,\n    icon?: boolean,\n    handleAction?: () => void,\n  ) => (\n    <Button\n      size={\"2\"}\n      textColor=\"primary\"\n      bg=\"lightblue-a03\"\n      className={\"w-full \"}\n      border={\"primary\"}\n      onClick={handleAction}\n    >\n      {icon && <Attachment className={\"mr-x8\"} />}\n      <p className={\"fs-6 fw-bold\"}>{title}</p>\n    </Button>\n  ),\n};\n\nexport const SupportBanner = ({\n  cta = \"link\",\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h3\",\n  href = \"#\",\n  icon = true,\n  linkText = \"Vai al supporto\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  handleAction,\n}: SupportBannerProps) => {\n  const renderCTA = useMemo(() => {\n    if (Array.isArray(href)) {\n      return href.map((singleHref, index) => {\n        const singleLinkText = Array.isArray(linkText)\n          ? linkText[index]\n          : linkText;\n        return (\n          <div key={index} className=\"ui-banner-link\">\n            {CTA_COMPONENTS[cta](\n              singleLinkText,\n              singleHref,\n              icon,\n              handleAction,\n            )}\n          </div>\n        );\n      });\n    }\n    if (Array.isArray(linkText)) {\n      return linkText.map((singleLinkText, index) => {\n        return (\n          <div key={index} className=\"ui-banner-link\">\n            {CTA_COMPONENTS[cta](singleLinkText, href, icon, handleAction)}\n          </div>\n        );\n      });\n    }\n    return CTA_COMPONENTS[cta](linkText, href, icon, handleAction);\n  }, [cta, linkText, href, handleAction]);\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":["CTA_COMPONENTS","title","href","jsx","ArrowLink","_href","icon","handleAction","jsxs","Button","Attachment","SupportBanner","cta","bannerType","description","TitleTag","linkText","mainLayout","className","classNameTitle","classNameDescription","renderCTA","useMemo","singleHref","index","singleLinkText","Col","clsx"],"mappings":"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"}

package/dist/index.es320.js

@@ -1,9 +1,9 @@
 import { __spreadArray as x } from "./index.es314.js";
 import * as n from "react";
-import { RemoveScrollBar as A } from "./index.es322.js";
-import { styleSingleton as I } from "./index.es323.js";
-import { nonPassive as s } from "./index.es324.js";
-import { locationCouldBeScrolled as T, handleScroll as W } from "./index.es325.js";
+import { RemoveScrollBar as A } from "./index.es326.js";
+import { styleSingleton as I } from "./index.es327.js";
+import { nonPassive as s } from "./index.es328.js";
+import { locationCouldBeScrolled as T, handleScroll as W } from "./index.es329.js";
 var b = function(t) {
   return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
 }, Y = function(t) {