@codecademy/brand 4.0.0-alpha.b1cfc89ee2.0 → 4.0.0-alpha.b5e5d575e.0

package/dist/CommunityEventCard/index.mjs

@@ -1,257 +0,0 @@
-import { EventTypeIcon } from "./EventTypeIcon.mjs";
-import { Anchor, Box, Card, FillButton, FlexBox, Spinner, Text } from "@codecademy/gamut";
-import { pxRem, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CalendarIcon, CheckFilledIcon, LockIcon, PeopleIcon, RoundPinIcon } from "@codecademy/gamut-icons";
-import { format, parseJSON } from "date-fns";
-import { motion } from "framer-motion";
-import isMobile from "ismobilejs";
-
-//#region src/CommunityEventCard/index.tsx
-const HoverCard = styled(Card)`
-  border-radius: 4px;
-  &:hover {
-    cursor: pointer;
-  }
-`;
-const StyledLink = styled(Anchor)`
-  flex-grow: 1;
-  text-decoration: none;
-  color: ${theme.colors.navy};
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-`;
-const formatTime = (startDate, endDate) => {
-	const startTime = parseJSON(startDate);
-	const startHour = format(startTime, "h");
-	const startMinutes = format(startTime, "mm");
-	const startTimeOfDay = format(startTime, "a").toLowerCase();
-	const endTime = parseJSON(endDate);
-	const endHour = format(endTime, "h");
-	const endMinutes = format(endTime, "mm");
-	const endTimeOfDay = format(endTime, "a").toLowerCase();
-	let text = `${startHour}`;
-	if (startMinutes !== "00") text += `:${startMinutes}`;
-	if (startTimeOfDay !== endTimeOfDay) text += `${startTimeOfDay}`;
-	text += `-${endHour}`;
-	if (endMinutes !== "00") text += `:${endMinutes}`;
-	text += `${endTimeOfDay}`;
-	return text;
-};
-const CommunityEventCard = ({ title, startDate, endDate, descriptionShort, url, totalAttendees = null, audienceType, inPersonLocation = null, isProEvent, isProUser, isAnonUser, isTrialEligible, upsellUrl, sendRSVP, hideButton, handleCardClick, handleAnonUserCardClick, handleRSVPClick, handleUpgradeCTAClick, handleOnRSVPSuccess, handleOnRSVPFailure, isRegistered, type }) => {
-	const cannotShowButton = hideButton || isAnonUser;
-	const [isMobileDevice, setIsMobileDevice] = useState(true);
-	const [showCardButton, setShowCardButton] = useState(cannotShowButton ? false : isMobileDevice);
-	const [rsvpSuccessful, setRsvpSuccessful] = useState(false);
-	const [rsvpLoading, setRsvpLoading] = useState(false);
-	const isAttending = rsvpSuccessful || isRegistered;
-	const cardLinkRef = useRef(null);
-	useEffect(() => {
-		const mobileDevice = isMobile().any;
-		setIsMobileDevice(mobileDevice);
-		setShowCardButton(mobileDevice);
-	}, []);
-	useEffect(() => {
-		if (rsvpSuccessful) {
-			cardLinkRef.current?.focus();
-			setRsvpLoading(false);
-		}
-	}, [rsvpSuccessful]);
-	const nonProButtonText = isTrialEligible ? "Start 7-day free trial" : "Upgrade";
-	const eventTime = formatTime(startDate, endDate);
-	const hideYear = eventTime.length > 11;
-	const canAccessPro = !(isProEvent && !isProUser);
-	const revealCardButton = () => {
-		if (!cannotShowButton && !isAttending) setShowCardButton(true);
-	};
-	const isSafari = typeof navigator !== "undefined" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-	return /* @__PURE__ */ jsxs(HoverCard, {
-		display: "flex",
-		flexDirection: "column",
-		height: pxRem(318),
-		justifyContent: "space-between",
-		variant: "white",
-		isInteractive: true,
-		p: 0,
-		pt: isProEvent || isAttending ? 0 : 16,
-		position: "relative",
-		overflow: "hidden",
-		onTouchStart: revealCardButton,
-		onFocus: revealCardButton,
-		onMouseEnter: revealCardButton,
-		onMouseLeave: () => {
-			if (!rsvpLoading && !isMobileDevice) setShowCardButton(false);
-		},
-		tabIndex: isSafari ? 0 : void 0,
-		children: [/* @__PURE__ */ jsxs(StyledLink, {
-			href: url,
-			onClick: isAnonUser ? (e) => {
-				e.preventDefault();
-				handleCardClick?.();
-				handleAnonUserCardClick?.();
-			} : () => handleCardClick?.(),
-			ref: cardLinkRef,
-			target: "_blank",
-			children: [isAttending ? /* @__PURE__ */ jsx(motion.div, {
-				initial: {
-					opacity: 0,
-					y: -16
-				},
-				animate: {
-					opacity: 1,
-					y: 0,
-					transition: { ease: "easeInOut" }
-				},
-				children: /* @__PURE__ */ jsxs(FlexBox, {
-					position: "absolute",
-					top: 0,
-					width: "100%",
-					alignItems: "center",
-					borderBottom: "solid",
-					borderStyleBottom: { "1": "solid" },
-					px: 16,
-					py: 4,
-					borderColor: "black",
-					bg: "hyper",
-					color: "white",
-					children: [/* @__PURE__ */ jsx(CheckFilledIcon, { mr: 8 }), /* @__PURE__ */ jsxs(Text, {
-						fontSize: 14,
-						children: [/* @__PURE__ */ jsx(Text, {
-							screenreader: true,
-							children: isRegistered ? "You're going to the event" : "You've saved a spot for the event"
-						}), /* @__PURE__ */ jsx(Text, {
-							"aria-hidden": true,
-							children: "You're going!"
-						})]
-					})]
-				})
-			}, "success") : isProEvent && /* @__PURE__ */ jsx(FlexBox, {
-				position: "absolute",
-				top: 0,
-				width: "100%",
-				bg: "navy",
-				color: "white",
-				px: 16,
-				py: 4,
-				borderBottom: "solid",
-				borderStyleBottom: { "1": "solid" },
-				children: /* @__PURE__ */ jsx(Text, {
-					fontSize: 14,
-					children: "Pro/Plus"
-				})
-			}), /* @__PURE__ */ jsxs(FlexBox, {
-				flexDirection: "column",
-				justifyContent: "space-between",
-				height: "100%",
-				children: [/* @__PURE__ */ jsxs(Box, {
-					p: 16,
-					pb: 8,
-					pt: isAttending || isProEvent ? 36 : 0,
-					flexGrow: 1,
-					children: [
-						/* @__PURE__ */ jsx(Text, {
-							truncate: "ellipsis",
-							truncateLines: 2,
-							fontSize: 22,
-							as: "h3",
-							children: title
-						}),
-						audienceType === "in_person" && /* @__PURE__ */ jsxs(FlexBox, {
-							alignItems: "center",
-							mb: 8,
-							mt: 4,
-							children: [/* @__PURE__ */ jsx(RoundPinIcon, {
-								mr: 8,
-								mb: 4,
-								size: 16
-							}), /* @__PURE__ */ jsx(Text, {
-								fontFamily: "accent",
-								color: "navy-600",
-								truncate: "ellipsis",
-								truncateLines: 1,
-								fontSize: 14,
-								children: inPersonLocation ?? "In-person event"
-							})]
-						}),
-						/* @__PURE__ */ jsxs(FlexBox, {
-							justifyContent: "space-between",
-							alignItems: "center",
-							fontSize: 14,
-							fontFamily: "accent",
-							my: 8,
-							children: [/* @__PURE__ */ jsxs(FlexBox, {
-								alignItems: "center",
-								children: [/* @__PURE__ */ jsx(CalendarIcon, {
-									alignSelf: "center",
-									mr: 8
-								}), format(parseJSON(startDate), hideYear ? "MMM dd'...'" : "MMM dd, yyyy")]
-							}), eventTime]
-						}),
-						/* @__PURE__ */ jsx(Text, {
-							truncate: "ellipsis",
-							truncateLines: 3,
-							children: descriptionShort
-						})
-					]
-				}), /* @__PURE__ */ jsxs(FlexBox, {
-					justifyContent: "space-between",
-					p: 16,
-					pt: 8,
-					tabIndex: 0,
-					children: [/* @__PURE__ */ jsx(EventTypeIcon, { eventType: type }), totalAttendees !== null && totalAttendees > 0 && /* @__PURE__ */ jsxs(Text, {
-						display: "flex",
-						fontFamily: "accent",
-						fontSize: 14,
-						children: [/* @__PURE__ */ jsx(PeopleIcon, {
-							alignSelf: "center",
-							mr: 8,
-							"aria-hidden": true
-						}), totalAttendees === 100 ? "100+" : rsvpSuccessful ? totalAttendees + 1 : totalAttendees]
-					})]
-				})]
-			})]
-		}), showCardButton && sendRSVP && !isAttending && !isAnonUser && /* @__PURE__ */ jsx(motion.div, {
-			initial: { opacity: 0 },
-			animate: { opacity: 1 },
-			children: canAccessPro ? /* @__PURE__ */ jsx(FillButton, {
-				width: "calc(100% - 32px)",
-				mx: 16,
-				position: "absolute",
-				bottom: 48,
-				disabled: rsvpLoading,
-				onClick: async () => {
-					setRsvpLoading(true);
-					handleRSVPClick?.();
-					const didRsvp = await sendRSVP();
-					if (didRsvp) handleOnRSVPSuccess?.();
-					else handleOnRSVPFailure?.();
-					setRsvpSuccessful(didRsvp);
-				},
-				onBlur: () => {
-					if (!rsvpLoading && !isMobileDevice) setShowCardButton(false);
-				},
-				children: rsvpLoading ? /* @__PURE__ */ jsx(Spinner, { size: 16 }) : "Save a spot"
-			}) : /* @__PURE__ */ jsx(FillButton, {
-				width: "calc(100% - 32px)",
-				mx: 16,
-				position: "absolute",
-				bottom: 48,
-				href: upsellUrl,
-				variant: "secondary",
-				onClick: () => handleUpgradeCTAClick?.(),
-				children: /* @__PURE__ */ jsxs(FlexBox, {
-					alignItems: "center",
-					children: [/* @__PURE__ */ jsx(LockIcon, { mr: 8 }), nonProButtonText]
-				})
-			})
-		}, "rsvp")]
-	});
-};
-
-//#endregion
-export { CommunityEventCard, formatTime };
-//# sourceMappingURL=index.mjs.map

package/dist/CommunityEventCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["CommunityEventCard: React.FC<CommunityEventCardProps>","mobileDevice: boolean"],"sources":["../../src/CommunityEventCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  Card,\n  FillButton,\n  FlexBox,\n  Spinner,\n  Text,\n} from '@codecademy/gamut';\nimport {\n  CalendarIcon,\n  CheckFilledIcon,\n  LockIcon,\n  PeopleIcon,\n  RoundPinIcon,\n} from '@codecademy/gamut-icons';\nimport { pxRem, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { format, parseJSON } from 'date-fns';\nimport { motion } from 'framer-motion';\nimport isMobile from 'ismobilejs';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { EventTypeIcon } from './EventTypeIcon';\n\nexport interface CommunityEventCardProps {\n  title: string;\n  startDate: string;\n  endDate: string;\n  descriptionShort: string;\n  url: string;\n  totalAttendees?: number | null;\n  audienceType: string;\n  isProEvent?: boolean;\n  isProUser?: boolean;\n  isAnonUser?: boolean;\n  isTrialEligible?: boolean;\n  upsellUrl?: string;\n  venueType?: string;\n  inPersonLocation?: string | null;\n  sendRSVP?: () => Promise<boolean>;\n  handleCardClick?: () => void;\n  handleAnonUserCardClick?: () => void;\n  handleRSVPClick?: () => void;\n  handleUpgradeCTAClick?: () => void;\n  handleOnRSVPSuccess?: () => void;\n  handleOnRSVPFailure?: () => void;\n  isRegistered?: boolean;\n  hideButton?: boolean;\n  type?: string | null;\n}\n\nconst HoverCard = styled(Card)`\n  border-radius: 4px;\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst StyledLink = styled(Anchor)`\n  flex-grow: 1;\n  text-decoration: none;\n  color: ${theme.colors.navy};\n  &:hover,\n  &:focus {\n    text-decoration: none;\n  }\n`;\n\nexport const formatTime = (startDate: string, endDate: string) => {\n  const startTime = parseJSON(startDate);\n  const startHour = format(startTime, 'h');\n  const startMinutes = format(startTime, 'mm');\n  const startTimeOfDay = format(startTime, 'a').toLowerCase();\n  const endTime = parseJSON(endDate);\n  const endHour = format(endTime, 'h');\n  const endMinutes = format(endTime, 'mm');\n  const endTimeOfDay = format(endTime, 'a').toLowerCase();\n  let text = `${startHour}`;\n  if (startMinutes !== '00') {\n    text += `:${startMinutes}`;\n  }\n  if (startTimeOfDay !== endTimeOfDay) {\n    text += `${startTimeOfDay}`;\n  }\n  text += `-${endHour}`;\n  if (endMinutes !== '00') {\n    text += `:${endMinutes}`;\n  }\n  text += `${endTimeOfDay}`;\n  return text;\n};\n\nexport const CommunityEventCard: React.FC<CommunityEventCardProps> = ({\n  title,\n  startDate,\n  endDate,\n  descriptionShort,\n  url,\n  totalAttendees = null,\n  audienceType,\n  inPersonLocation = null,\n  isProEvent,\n  isProUser,\n  isAnonUser,\n  isTrialEligible,\n  upsellUrl,\n  sendRSVP,\n  hideButton,\n  handleCardClick,\n  handleAnonUserCardClick,\n  handleRSVPClick,\n  handleUpgradeCTAClick,\n  handleOnRSVPSuccess,\n  handleOnRSVPFailure,\n  isRegistered,\n  type,\n}) => {\n  const cannotShowButton = hideButton || isAnonUser;\n  const [isMobileDevice, setIsMobileDevice] = useState(true);\n  const [showCardButton, setShowCardButton] = useState(\n    cannotShowButton ? false : isMobileDevice\n  );\n  const [rsvpSuccessful, setRsvpSuccessful] = useState(false);\n  const [rsvpLoading, setRsvpLoading] = useState(false);\n  const isAttending = rsvpSuccessful || isRegistered;\n  const cardLinkRef = useRef<HTMLAnchorElement>(null);\n\n  useEffect(() => {\n    const mobileDevice: boolean = isMobile().any;\n    setIsMobileDevice(mobileDevice);\n    setShowCardButton(mobileDevice);\n  }, []);\n  useEffect(() => {\n    // focus should only be set once because we only set rsvp true after save a spot button is clicked\n    if (rsvpSuccessful) {\n      cardLinkRef.current?.focus();\n      setRsvpLoading(false);\n    }\n  }, [rsvpSuccessful]);\n\n  const nonProButtonText = isTrialEligible\n    ? 'Start 7-day free trial'\n    : 'Upgrade';\n  const eventTime = formatTime(startDate, endDate);\n  const hideYear = eventTime.length > 11;\n  const canAccessPro = !(isProEvent && !isProUser);\n  const revealCardButton = () => {\n    if (!cannotShowButton && !isAttending) {\n      setShowCardButton(true);\n    }\n  };\n  const isSafari =\n    typeof navigator !== 'undefined' &&\n    /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n  return (\n    <HoverCard\n      display=\"flex\"\n      flexDirection=\"column\"\n      height={pxRem(318)}\n      justifyContent=\"space-between\"\n      variant=\"white\"\n      isInteractive\n      p={0}\n      pt={isProEvent || isAttending ? 0 : 16}\n      position=\"relative\"\n      overflow=\"hidden\"\n      onTouchStart={revealCardButton}\n      onFocus={revealCardButton}\n      onMouseEnter={revealCardButton}\n      onMouseLeave={() => {\n        if (!rsvpLoading && !isMobileDevice) {\n          setShowCardButton(false);\n        }\n      }}\n      tabIndex={isSafari ? 0 : undefined}\n    >\n      <StyledLink\n        href={url}\n        onClick={\n          isAnonUser\n            ? (e: React.MouseEvent) => {\n                e.preventDefault();\n                handleCardClick?.();\n                handleAnonUserCardClick?.();\n              }\n            : () => handleCardClick?.()\n        }\n        ref={cardLinkRef}\n        target=\"_blank\"\n      >\n        {isAttending ? (\n          <motion.div\n            key=\"success\"\n            initial={{ opacity: 0, y: -16 }}\n            animate={{ opacity: 1, y: 0, transition: { ease: 'easeInOut' } }}\n          >\n            <FlexBox\n              position=\"absolute\"\n              top={0}\n              width=\"100%\"\n              alignItems=\"center\"\n              borderBottom=\"solid\"\n              borderStyleBottom={{\n                '1': 'solid',\n              }}\n              px={16}\n              py={4}\n              borderColor=\"black\"\n              bg=\"hyper\"\n              color=\"white\"\n            >\n              <CheckFilledIcon mr={8} />\n              <Text fontSize={14}>\n                <Text screenreader>\n                  {isRegistered\n                    ? \"You're going to the event\"\n                    : \"You've saved a spot for the event\"}\n                </Text>\n                <Text aria-hidden>You&apos;re going!</Text>\n              </Text>\n            </FlexBox>\n          </motion.div>\n        ) : (\n          isProEvent && (\n            <FlexBox\n              position=\"absolute\"\n              top={0}\n              width=\"100%\"\n              bg=\"navy\"\n              color=\"white\"\n              px={16}\n              py={4}\n              borderBottom=\"solid\"\n              borderStyleBottom={{ '1': 'solid' }}\n            >\n              <Text fontSize={14}>Pro/Plus</Text>\n            </FlexBox>\n          )\n        )}\n        <FlexBox\n          flexDirection=\"column\"\n          justifyContent=\"space-between\"\n          height=\"100%\"\n        >\n          <Box\n            p={16}\n            pb={8}\n            pt={isAttending || isProEvent ? (36 as never) : 0}\n            flexGrow={1}\n          >\n            <Text truncate=\"ellipsis\" truncateLines={2} fontSize={22} as=\"h3\">\n              {title}\n            </Text>\n            {audienceType === 'in_person' && (\n              <FlexBox alignItems=\"center\" mb={8} mt={4}>\n                <RoundPinIcon mr={8} mb={4} size={16} />\n                <Text\n                  fontFamily=\"accent\"\n                  color=\"navy-600\"\n                  truncate=\"ellipsis\"\n                  truncateLines={1}\n                  fontSize={14}\n                >\n                  {inPersonLocation ?? 'In-person event'}\n                </Text>\n              </FlexBox>\n            )}\n            <FlexBox\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              fontSize={14}\n              fontFamily=\"accent\"\n              my={8}\n            >\n              <FlexBox alignItems=\"center\">\n                <CalendarIcon alignSelf=\"center\" mr={8} />\n                {format(\n                  parseJSON(startDate),\n                  hideYear ? \"MMM dd'...'\" : 'MMM dd, yyyy'\n                )}\n              </FlexBox>\n              {eventTime}\n            </FlexBox>\n            <Text truncate=\"ellipsis\" truncateLines={3}>\n              {descriptionShort}\n            </Text>\n          </Box>\n          <FlexBox justifyContent=\"space-between\" p={16} pt={8} tabIndex={0}>\n            <EventTypeIcon eventType={type} />\n            {totalAttendees !== null && totalAttendees > 0 && (\n              <Text display=\"flex\" fontFamily=\"accent\" fontSize={14}>\n                <PeopleIcon alignSelf=\"center\" mr={8} aria-hidden />\n                {totalAttendees === 100\n                  ? '100+'\n                  : rsvpSuccessful\n                  ? totalAttendees + 1\n                  : totalAttendees}\n              </Text>\n            )}\n          </FlexBox>\n        </FlexBox>\n      </StyledLink>\n      {showCardButton && sendRSVP && !isAttending && !isAnonUser && (\n        <motion.div\n          key=\"rsvp\"\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          {canAccessPro ? (\n            <FillButton\n              width=\"calc(100% - 32px)\"\n              mx={16}\n              position=\"absolute\"\n              bottom={48}\n              disabled={rsvpLoading}\n              onClick={async () => {\n                setRsvpLoading(true);\n                handleRSVPClick?.();\n                const didRsvp = await sendRSVP();\n                if (didRsvp) {\n                  handleOnRSVPSuccess?.();\n                } else {\n                  handleOnRSVPFailure?.();\n                }\n                setRsvpSuccessful(didRsvp);\n              }}\n              onBlur={() => {\n                if (!rsvpLoading && !isMobileDevice) {\n                  setShowCardButton(false);\n                }\n              }}\n            >\n              {rsvpLoading ? <Spinner size={16} /> : 'Save a spot'}\n            </FillButton>\n          ) : (\n            <FillButton\n              width=\"calc(100% - 32px)\"\n              mx={16}\n              position=\"absolute\"\n              bottom={48}\n              href={upsellUrl}\n              variant=\"secondary\"\n              onClick={() => handleUpgradeCTAClick?.()}\n            >\n              <FlexBox alignItems=\"center\">\n                <LockIcon mr={8} />\n                {nonProButtonText}\n              </FlexBox>\n            </FillButton>\n          )}\n        </motion.div>\n      )}\n    </HoverCard>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAoDA,MAAM,YAAY,OAAO,KAAK;;;;;;AAO9B,MAAM,aAAa,OAAO,OAAO;;;WAGtB,MAAM,OAAO,KAAK;;;;;;AAO7B,MAAa,cAAc,WAAmB,YAAoB;CAChE,MAAM,YAAY,UAAU,UAAU;CACtC,MAAM,YAAY,OAAO,WAAW,IAAI;CACxC,MAAM,eAAe,OAAO,WAAW,KAAK;CAC5C,MAAM,iBAAiB,OAAO,WAAW,IAAI,CAAC,aAAa;CAC3D,MAAM,UAAU,UAAU,QAAQ;CAClC,MAAM,UAAU,OAAO,SAAS,IAAI;CACpC,MAAM,aAAa,OAAO,SAAS,KAAK;CACxC,MAAM,eAAe,OAAO,SAAS,IAAI,CAAC,aAAa;CACvD,IAAI,OAAO,GAAG;AACd,KAAI,iBAAiB,KACnB,SAAQ,IAAI;AAEd,KAAI,mBAAmB,aACrB,SAAQ,GAAG;AAEb,SAAQ,IAAI;AACZ,KAAI,eAAe,KACjB,SAAQ,IAAI;AAEd,SAAQ,GAAG;AACX,QAAO;;AAGT,MAAaA,sBAAyD,EACpE,OACA,WACA,SACA,kBACA,KACA,iBAAiB,MACjB,cACA,mBAAmB,MACnB,YACA,WACA,YACA,iBACA,WACA,UACA,YACA,iBACA,yBACA,iBACA,uBACA,qBACA,qBACA,cACA,WACI;CACJ,MAAM,mBAAmB,cAAc;CACvC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK;CAC1D,MAAM,CAAC,gBAAgB,qBAAqB,SAC1C,mBAAmB,QAAQ,eAC5B;CACD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAC3D,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,cAAc,kBAAkB;CACtC,MAAM,cAAc,OAA0B,KAAK;AAEnD,iBAAgB;EACd,MAAMC,eAAwB,UAAU,CAAC;AACzC,oBAAkB,aAAa;AAC/B,oBAAkB,aAAa;IAC9B,EAAE,CAAC;AACN,iBAAgB;AAEd,MAAI,gBAAgB;AAClB,eAAY,SAAS,OAAO;AAC5B,kBAAe,MAAM;;IAEtB,CAAC,eAAe,CAAC;CAEpB,MAAM,mBAAmB,kBACrB,2BACA;CACJ,MAAM,YAAY,WAAW,WAAW,QAAQ;CAChD,MAAM,WAAW,UAAU,SAAS;CACpC,MAAM,eAAe,EAAE,cAAc,CAAC;CACtC,MAAM,yBAAyB;AAC7B,MAAI,CAAC,oBAAoB,CAAC,YACxB,mBAAkB,KAAK;;CAG3B,MAAM,WACJ,OAAO,cAAc,eACrB,iCAAiC,KAAK,UAAU,UAAU;AAC5D,QACE,qBAAC;EACC,SAAQ;EACR,eAAc;EACd,QAAQ,MAAM,IAAI;EAClB,gBAAe;EACf,SAAQ;EACR;EACA,GAAG;EACH,IAAI,cAAc,cAAc,IAAI;EACpC,UAAS;EACT,UAAS;EACT,cAAc;EACd,SAAS;EACT,cAAc;EACd,oBAAoB;AAClB,OAAI,CAAC,eAAe,CAAC,eACnB,mBAAkB,MAAM;;EAG5B,UAAU,WAAW,IAAI;aAEzB,qBAAC;GACC,MAAM;GACN,SACE,cACK,MAAwB;AACvB,MAAE,gBAAgB;AAClB,uBAAmB;AACnB,+BAA2B;aAEvB,mBAAmB;GAE/B,KAAK;GACL,QAAO;cAEN,cACC,oBAAC,OAAO;IAEN,SAAS;KAAE,SAAS;KAAG,GAAG;KAAK;IAC/B,SAAS;KAAE,SAAS;KAAG,GAAG;KAAG,YAAY,EAAE,MAAM,aAAa;KAAE;cAEhE,qBAAC;KACC,UAAS;KACT,KAAK;KACL,OAAM;KACN,YAAW;KACX,cAAa;KACb,mBAAmB,EACjB,KAAK,SACN;KACD,IAAI;KACJ,IAAI;KACJ,aAAY;KACZ,IAAG;KACH,OAAM;gBAEN,oBAAC,mBAAgB,IAAI,IAAK,EAC1B,qBAAC;MAAK,UAAU;iBACd,oBAAC;OAAK;iBACH,eACG,8BACA;QACC,EACP,oBAAC;OAAK;iBAAY;QAAyB;OACtC;MACC;MA5BN,UA6BO,GAEb,cACE,oBAAC;IACC,UAAS;IACT,KAAK;IACL,OAAM;IACN,IAAG;IACH,OAAM;IACN,IAAI;IACJ,IAAI;IACJ,cAAa;IACb,mBAAmB,EAAE,KAAK,SAAS;cAEnC,oBAAC;KAAK,UAAU;eAAI;MAAe;KAC3B,EAGd,qBAAC;IACC,eAAc;IACd,gBAAe;IACf,QAAO;eAEP,qBAAC;KACC,GAAG;KACH,IAAI;KACJ,IAAI,eAAe,aAAc,KAAe;KAChD,UAAU;;MAEV,oBAAC;OAAK,UAAS;OAAW,eAAe;OAAG,UAAU;OAAI,IAAG;iBAC1D;QACI;MACN,iBAAiB,eAChB,qBAAC;OAAQ,YAAW;OAAS,IAAI;OAAG,IAAI;kBACtC,oBAAC;QAAa,IAAI;QAAG,IAAI;QAAG,MAAM;SAAM,EACxC,oBAAC;QACC,YAAW;QACX,OAAM;QACN,UAAS;QACT,eAAe;QACf,UAAU;kBAET,oBAAoB;SAChB;QACC;MAEZ,qBAAC;OACC,gBAAe;OACf,YAAW;OACX,UAAU;OACV,YAAW;OACX,IAAI;kBAEJ,qBAAC;QAAQ,YAAW;mBAClB,oBAAC;SAAa,WAAU;SAAS,IAAI;UAAK,EACzC,OACC,UAAU,UAAU,EACpB,WAAW,gBAAgB,eAC5B;SACO,EACT;QACO;MACV,oBAAC;OAAK,UAAS;OAAW,eAAe;iBACtC;QACI;;MACH,EACN,qBAAC;KAAQ,gBAAe;KAAgB,GAAG;KAAI,IAAI;KAAG,UAAU;gBAC9D,oBAAC,iBAAc,WAAW,OAAQ,EACjC,mBAAmB,QAAQ,iBAAiB,KAC3C,qBAAC;MAAK,SAAQ;MAAO,YAAW;MAAS,UAAU;iBACjD,oBAAC;OAAW,WAAU;OAAS,IAAI;OAAG;QAAc,EACnD,mBAAmB,MAChB,SACA,iBACA,iBAAiB,IACjB;OACC;MAED;KACF;IACC,EACZ,kBAAkB,YAAY,CAAC,eAAe,CAAC,cAC9C,oBAAC,OAAO;GAEN,SAAS,EAAE,SAAS,GAAG;GACvB,SAAS,EAAE,SAAS,GAAG;aAEtB,eACC,oBAAC;IACC,OAAM;IACN,IAAI;IACJ,UAAS;IACT,QAAQ;IACR,UAAU;IACV,SAAS,YAAY;AACnB,oBAAe,KAAK;AACpB,wBAAmB;KACnB,MAAM,UAAU,MAAM,UAAU;AAChC,SAAI,QACF,wBAAuB;SAEvB,wBAAuB;AAEzB,uBAAkB,QAAQ;;IAE5B,cAAc;AACZ,SAAI,CAAC,eAAe,CAAC,eACnB,mBAAkB,MAAM;;cAI3B,cAAc,oBAAC,WAAQ,MAAM,KAAM,GAAG;KAC5B,GAEb,oBAAC;IACC,OAAM;IACN,IAAI;IACJ,UAAS;IACT,QAAQ;IACR,MAAM;IACN,SAAQ;IACR,eAAe,yBAAyB;cAExC,qBAAC;KAAQ,YAAW;gBAClB,oBAAC,YAAS,IAAI,IAAK,EAClB;MACO;KACC;KA5CX,OA8CO;GAEL"}

package/dist/CommunityEventToast/index.cjs

@@ -1,36 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/CommunityEventToast/index.tsx
-const CommunityEventToast = ({ onClose }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Toaster, {
-		toasts: [{
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CalendarIcon, {
-					size: 16,
-					mr: 8,
-					mb: 8
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: "p-base",
-					fontWeight: "title",
-					mb: 4,
-					children: "You're going!"
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				variant: "p-small",
-				children: "Please remember to mark your calendar."
-			})] }),
-			id: "you-are-going-toast"
-		}],
-		onClose
-	});
-};
-
-//#endregion
-exports.CommunityEventToast = CommunityEventToast;
-//# sourceMappingURL=index.cjs.map

package/dist/CommunityEventToast/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["CommunityEventToast: React.FC<CommunityEventToastProps>","Toaster","Box","FlexBox","CalendarIcon","Text"],"sources":["../../src/CommunityEventToast/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text, Toaster } from '@codecademy/gamut';\nimport { CalendarIcon } from '@codecademy/gamut-icons';\nimport React from 'react';\n\ninterface CommunityEventToastProps {\n  onClose: () => void;\n}\n\nexport const CommunityEventToast: React.FC<CommunityEventToastProps> = ({\n  onClose,\n}) => {\n  return (\n    <Toaster\n      toasts={[\n        {\n          children: (\n            <Box>\n              <FlexBox alignItems=\"center\">\n                <CalendarIcon size={16} mr={8} mb={8} />\n                <Text variant=\"p-base\" fontWeight=\"title\" mb={4}>\n                  You&apos;re going!\n                </Text>\n              </FlexBox>\n              <Text variant=\"p-small\">\n                Please remember to mark your calendar.\n              </Text>\n            </Box>\n          ),\n          id: 'you-are-going-toast',\n        },\n      ]}\n      onClose={onClose}\n    />\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAaA,uBAA2D,EACtE,cACI;AACJ,QACE,2CAACC;EACC,QAAQ,CACN;GACE,UACE,4CAACC,oCACC,4CAACC;IAAQ,YAAW;eAClB,2CAACC;KAAa,MAAM;KAAI,IAAI;KAAG,IAAI;MAAK,EACxC,2CAACC;KAAK,SAAQ;KAAS,YAAW;KAAQ,IAAI;eAAG;MAE1C;KACC,EACV,2CAACA;IAAK,SAAQ;cAAU;KAEjB,IACH;GAER,IAAI;GACL,CACF;EACQ;GACT"}

package/dist/CommunityEventToast/index.d.cts

@@ -1,10 +0,0 @@
-import React from "react";
-
-//#region src/CommunityEventToast/index.d.ts
-interface CommunityEventToastProps {
-  onClose: () => void;
-}
-declare const CommunityEventToast: React.FC<CommunityEventToastProps>;
-//#endregion
-export { CommunityEventToast };
-//# sourceMappingURL=index.d.cts.map

package/dist/CommunityEventToast/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/CommunityEventToast/index.tsx"],"sourcesContent":[],"mappings":";;;UAIU,wBAAA;;AAFgB;AAMb,cAAA,mBAA8B,EAAT,KAAA,CAAM,EAAG,CAAA,wBAAD,CAAA"}

package/dist/CommunityEventToast/index.d.mts

@@ -1,10 +0,0 @@
-import React from "react";
-
-//#region src/CommunityEventToast/index.d.ts
-interface CommunityEventToastProps {
-  onClose: () => void;
-}
-declare const CommunityEventToast: React.FC<CommunityEventToastProps>;
-//#endregion
-export { CommunityEventToast };
-//# sourceMappingURL=index.d.mts.map

package/dist/CommunityEventToast/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/CommunityEventToast/index.tsx"],"sourcesContent":[],"mappings":";;;UAIU,wBAAA;;AAFgB;AAMb,cAAA,mBAA8B,EAAT,KAAA,CAAM,EAAG,CAAA,wBAAD,CAAA"}

package/dist/CommunityEventToast/index.mjs

@@ -1,34 +0,0 @@
-import { Box, FlexBox, Text, Toaster } from "@codecademy/gamut";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CalendarIcon } from "@codecademy/gamut-icons";
-
-//#region src/CommunityEventToast/index.tsx
-const CommunityEventToast = ({ onClose }) => {
-	return /* @__PURE__ */ jsx(Toaster, {
-		toasts: [{
-			children: /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(FlexBox, {
-				alignItems: "center",
-				children: [/* @__PURE__ */ jsx(CalendarIcon, {
-					size: 16,
-					mr: 8,
-					mb: 8
-				}), /* @__PURE__ */ jsx(Text, {
-					variant: "p-base",
-					fontWeight: "title",
-					mb: 4,
-					children: "You're going!"
-				})]
-			}), /* @__PURE__ */ jsx(Text, {
-				variant: "p-small",
-				children: "Please remember to mark your calendar."
-			})] }),
-			id: "you-are-going-toast"
-		}],
-		onClose
-	});
-};
-
-//#endregion
-export { CommunityEventToast };
-//# sourceMappingURL=index.mjs.map

package/dist/CommunityEventToast/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["CommunityEventToast: React.FC<CommunityEventToastProps>"],"sources":["../../src/CommunityEventToast/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text, Toaster } from '@codecademy/gamut';\nimport { CalendarIcon } from '@codecademy/gamut-icons';\nimport React from 'react';\n\ninterface CommunityEventToastProps {\n  onClose: () => void;\n}\n\nexport const CommunityEventToast: React.FC<CommunityEventToastProps> = ({\n  onClose,\n}) => {\n  return (\n    <Toaster\n      toasts={[\n        {\n          children: (\n            <Box>\n              <FlexBox alignItems=\"center\">\n                <CalendarIcon size={16} mr={8} mb={8} />\n                <Text variant=\"p-base\" fontWeight=\"title\" mb={4}>\n                  You&apos;re going!\n                </Text>\n              </FlexBox>\n              <Text variant=\"p-small\">\n                Please remember to mark your calendar.\n              </Text>\n            </Box>\n          ),\n          id: 'you-are-going-toast',\n        },\n      ]}\n      onClose={onClose}\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,MAAaA,uBAA2D,EACtE,cACI;AACJ,QACE,oBAAC;EACC,QAAQ,CACN;GACE,UACE,qBAAC,kBACC,qBAAC;IAAQ,YAAW;eAClB,oBAAC;KAAa,MAAM;KAAI,IAAI;KAAG,IAAI;MAAK,EACxC,oBAAC;KAAK,SAAQ;KAAS,YAAW;KAAQ,IAAI;eAAG;MAE1C;KACC,EACV,oBAAC;IAAK,SAAQ;cAAU;KAEjB,IACH;GAER,IAAI;GACL,CACF;EACQ;GACT"}

package/dist/ContentGroupBaseCard/helpers.cjs

@@ -1,16 +0,0 @@
-const require_types = require('./types.cjs');
-
-//#region src/ContentGroupBaseCard/helpers.ts
-const getPathImageUrl = (enrollment, imageUrl) => {
-	if (enrollment === require_types.EnrollmentStatus.InProgress) return imageUrl.replace("-inProgress", "");
-	if (enrollment === require_types.EnrollmentStatus.Completed) return imageUrl.replace("-completed", "");
-	return imageUrl;
-};
-const getTimeToCompleteDisplayAmount = (amount) => amount <= 0 ? "< 1" : amount;
-const getTimeToCompleteDisplayDuration = (amount) => amount <= 1 ? "hour" : "hours";
-
-//#endregion
-exports.getPathImageUrl = getPathImageUrl;
-exports.getTimeToCompleteDisplayAmount = getTimeToCompleteDisplayAmount;
-exports.getTimeToCompleteDisplayDuration = getTimeToCompleteDisplayDuration;
-//# sourceMappingURL=helpers.cjs.map

package/dist/ContentGroupBaseCard/helpers.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.cjs","names":["EnrollmentStatus"],"sources":["../../src/ContentGroupBaseCard/helpers.ts"],"sourcesContent":["import { EnrollmentStatus } from './types';\n\nexport const getPathImageUrl = (\n  enrollment: EnrollmentStatus,\n  imageUrl: string\n) => {\n  if (enrollment === EnrollmentStatus.InProgress) {\n    return imageUrl.replace('-inProgress', '');\n  }\n  if (enrollment === EnrollmentStatus.Completed) {\n    return imageUrl.replace('-completed', '');\n  }\n  return imageUrl;\n};\n\nexport const getTimeToCompleteDisplayAmount = (amount: number) =>\n  amount <= 0 ? '< 1' : amount;\n\nexport const getTimeToCompleteDisplayDuration = (amount: number) =>\n  amount <= 1 ? 'hour' : 'hours';\n"],"mappings":";;;AAEA,MAAa,mBACX,YACA,aACG;AACH,KAAI,eAAeA,+BAAiB,WAClC,QAAO,SAAS,QAAQ,eAAe,GAAG;AAE5C,KAAI,eAAeA,+BAAiB,UAClC,QAAO,SAAS,QAAQ,cAAc,GAAG;AAE3C,QAAO;;AAGT,MAAa,kCAAkC,WAC7C,UAAU,IAAI,QAAQ;AAExB,MAAa,oCAAoC,WAC/C,UAAU,IAAI,SAAS"}

package/dist/ContentGroupBaseCard/helpers.d.cts

@@ -1,9 +0,0 @@
-import { EnrollmentStatus } from "./types.cjs";
-
-//#region src/ContentGroupBaseCard/helpers.d.ts
-declare const getPathImageUrl: (enrollment: EnrollmentStatus, imageUrl: string) => string;
-declare const getTimeToCompleteDisplayAmount: (amount: number) => number | "< 1";
-declare const getTimeToCompleteDisplayDuration: (amount: number) => "hour" | "hours";
-//#endregion
-export { getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration };
-//# sourceMappingURL=helpers.d.cts.map

package/dist/ContentGroupBaseCard/helpers.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.cts","names":[],"sources":["../../src/ContentGroupBaseCard/helpers.ts"],"sourcesContent":[],"mappings":";;;cAEa,8BACC;cAYD;AAbA,cAgBA,gCAfiB,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,OAAA"}

package/dist/ContentGroupBaseCard/helpers.d.mts

@@ -1,9 +0,0 @@
-import { EnrollmentStatus } from "./types.mjs";
-
-//#region src/ContentGroupBaseCard/helpers.d.ts
-declare const getPathImageUrl: (enrollment: EnrollmentStatus, imageUrl: string) => string;
-declare const getTimeToCompleteDisplayAmount: (amount: number) => number | "< 1";
-declare const getTimeToCompleteDisplayDuration: (amount: number) => "hour" | "hours";
-//#endregion
-export { getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration };
-//# sourceMappingURL=helpers.d.mts.map

package/dist/ContentGroupBaseCard/helpers.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.mts","names":[],"sources":["../../src/ContentGroupBaseCard/helpers.ts"],"sourcesContent":[],"mappings":";;;cAEa,8BACC;cAYD;AAbA,cAgBA,gCAfiB,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,OAAA"}

package/dist/ContentGroupBaseCard/helpers.mjs

@@ -1,14 +0,0 @@
-import { EnrollmentStatus } from "./types.mjs";
-
-//#region src/ContentGroupBaseCard/helpers.ts
-const getPathImageUrl = (enrollment, imageUrl) => {
-	if (enrollment === EnrollmentStatus.InProgress) return imageUrl.replace("-inProgress", "");
-	if (enrollment === EnrollmentStatus.Completed) return imageUrl.replace("-completed", "");
-	return imageUrl;
-};
-const getTimeToCompleteDisplayAmount = (amount) => amount <= 0 ? "< 1" : amount;
-const getTimeToCompleteDisplayDuration = (amount) => amount <= 1 ? "hour" : "hours";
-
-//#endregion
-export { getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration };
-//# sourceMappingURL=helpers.mjs.map

package/dist/ContentGroupBaseCard/helpers.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.mjs","names":[],"sources":["../../src/ContentGroupBaseCard/helpers.ts"],"sourcesContent":["import { EnrollmentStatus } from './types';\n\nexport const getPathImageUrl = (\n  enrollment: EnrollmentStatus,\n  imageUrl: string\n) => {\n  if (enrollment === EnrollmentStatus.InProgress) {\n    return imageUrl.replace('-inProgress', '');\n  }\n  if (enrollment === EnrollmentStatus.Completed) {\n    return imageUrl.replace('-completed', '');\n  }\n  return imageUrl;\n};\n\nexport const getTimeToCompleteDisplayAmount = (amount: number) =>\n  amount <= 0 ? '< 1' : amount;\n\nexport const getTimeToCompleteDisplayDuration = (amount: number) =>\n  amount <= 1 ? 'hour' : 'hours';\n"],"mappings":";;;AAEA,MAAa,mBACX,YACA,aACG;AACH,KAAI,eAAe,iBAAiB,WAClC,QAAO,SAAS,QAAQ,eAAe,GAAG;AAE5C,KAAI,eAAe,iBAAiB,UAClC,QAAO,SAAS,QAAQ,cAAc,GAAG;AAE3C,QAAO;;AAGT,MAAa,kCAAkC,WAC7C,UAAU,IAAI,QAAQ;AAExB,MAAa,oCAAoC,WAC/C,UAAU,IAAI,SAAS"}