@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

package/dist/CoachingSessionCard/index.js

@@ -0,0 +1,75 @@
+import { Card, FillButton, FlexBox, StrokeButton, Text, TextButton } from '@codecademy/gamut';
+import { CalendarIcon, ClockIcon } from '@codecademy/gamut-icons';
+import { formatInTimeZone } from 'date-fns-tz';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const formatTime = (timeString, format) => {
+  return formatInTimeZone(new Date(timeString), Intl.DateTimeFormat().resolvedOptions().timeZone, format);
+};
+export const CoachingSessionCard = ({
+  session,
+  ctas
+}) => /*#__PURE__*/_jsx(Card, {
+  borderRadius: "xl",
+  p: 32,
+  height: "auto",
+  children: /*#__PURE__*/_jsxs(FlexBox, {
+    column: true,
+    children: [/*#__PURE__*/_jsxs(Text, {
+      mb: 12,
+      children: [/*#__PURE__*/_jsx(Text, {
+        fontWeight: "bold",
+        children: session.coachOfferingCategoryName
+      }), ' ', "coaching session with", ' ', /*#__PURE__*/_jsx(Text, {
+        fontWeight: "bold",
+        children: session.participantName
+      })]
+    }), /*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      gap: 16,
+      mb: 24,
+      children: [/*#__PURE__*/_jsxs(FlexBox, {
+        alignItems: "center",
+        gap: 8,
+        children: [/*#__PURE__*/_jsx(CalendarIcon, {
+          size: 16
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "p-small",
+          color: "text-secondary",
+          children: new Date(session.startTime).toLocaleDateString(undefined, {
+            weekday: 'long',
+            month: 'long',
+            day: 'numeric',
+            year: 'numeric'
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(FlexBox, {
+        alignItems: "center",
+        gap: 8,
+        children: [/*#__PURE__*/_jsx(ClockIcon, {
+          size: 16
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "p-small",
+          color: "text-secondary",
+          children: `${formatTime(session.startTime, 'h:mm aa')} - ${formatTime(session.endTime, 'h:mm aa z')}`
+        })]
+      }), session.status && /*#__PURE__*/_jsxs(Text, {
+        variant: "p-small",
+        fontWeight: "bold",
+        children: ["Status: ", session.status]
+      })]
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      alignItems: "center",
+      gap: 8,
+      children: ctas?.map(cta => {
+        const Button = cta.buttonType === 'fill' ? FillButton : cta.buttonType === 'stroke' ? StrokeButton : TextButton;
+        return /*#__PURE__*/_jsx(Button, {
+          href: cta.href,
+          onClick: cta.onClick,
+          disabled: cta.disabled,
+          variant: cta.variant,
+          children: cta.text
+        }, cta.text);
+      })
+    })]
+  })
+});

package/dist/CommunityEventCard/EventTypeIcon.d.ts

@@ -0,0 +1,11 @@
+import { BookFlipPageIcon } from '@codecademy/gamut-icons';
+interface EventTypeMapProps {
+    icon: typeof BookFlipPageIcon;
+    copy: string;
+}
+export declare const eventTypeMap: Record<string, EventTypeMapProps | undefined>;
+interface EventTypeIconProps {
+    eventType?: string | null;
+}
+export declare const EventTypeIcon: React.FC<EventTypeIconProps>;
+export {};

package/dist/CommunityEventCard/EventTypeIcon.js

@@ -0,0 +1,59 @@
+import { FlexBox } from '@codecademy/gamut';
+import { BookFlipPageIcon, BriefcaseIcon, KeyboardIcon, MicrophoneIcon, PersonPonytailIcon, QuestionMarkIcon, RulerTriangleIcon, YoutubePlayIcon } from '@codecademy/gamut-icons';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const eventTypeMap = {
+  careergrowth: {
+    icon: BriefcaseIcon,
+    copy: 'Career growth'
+  },
+  hackathon: {
+    icon: KeyboardIcon,
+    copy: 'Hackathon'
+  },
+  networking: {
+    icon: PersonPonytailIcon,
+    copy: 'Networking'
+  },
+  'q&a': {
+    icon: QuestionMarkIcon,
+    copy: 'Q&A'
+  },
+  studysession: {
+    icon: BookFlipPageIcon,
+    copy: 'Study session'
+  },
+  webinar: {
+    icon: MicrophoneIcon,
+    copy: 'Webinar'
+  },
+  workshop: {
+    icon: RulerTriangleIcon,
+    copy: 'Workshop'
+  },
+  youtube: {
+    icon: YoutubePlayIcon,
+    copy: 'YouTube'
+  }
+};
+export const EventTypeIcon = ({
+  eventType
+}) => {
+  const key = eventType?.toLowerCase().replace(/\s/, '');
+  const IconComponent = key ? eventTypeMap[key]?.icon : undefined;
+  const iconLoaded = key && IconComponent;
+  return /*#__PURE__*/_jsx(FlexBox, {
+    display: "flex",
+    alignItems: "center",
+    fontFamily: "accent",
+    fontSize: 14,
+    "aria-label": key && `${key} event`,
+    "aria-hidden": !iconLoaded,
+    children: iconLoaded && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(IconComponent, {
+        "aria-hidden": true,
+        alignSelf: "center",
+        mr: 8
+      }), eventTypeMap[key]?.copy]
+    })
+  });
+};

package/dist/CommunityEventCard/index.d.ts

@@ -0,0 +1,28 @@
+export interface CommunityEventCardProps {
+    title: string;
+    startDate: string;
+    endDate: string;
+    descriptionShort: string;
+    url: string;
+    totalAttendees?: number | null;
+    audienceType: string;
+    isProEvent?: boolean;
+    isProUser?: boolean;
+    isAnonUser?: boolean;
+    isTrialEligible?: boolean;
+    upsellUrl?: string;
+    venueType?: string;
+    inPersonLocation?: string | null;
+    sendRSVP?: () => Promise<boolean>;
+    handleCardClick?: () => void;
+    handleAnonUserCardClick?: () => void;
+    handleRSVPClick?: () => void;
+    handleUpgradeCTAClick?: () => void;
+    handleOnRSVPSuccess?: () => void;
+    handleOnRSVPFailure?: () => void;
+    isRegistered?: boolean;
+    hideButton?: boolean;
+    type?: string | null;
+}
+export declare const formatTime: (startDate: string, endDate: string) => string;
+export declare const CommunityEventCard: React.FC<CommunityEventCardProps>;

package/dist/CommunityEventCard/index.js

@@ -0,0 +1,305 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Anchor, Box, Card, FillButton, FlexBox, Spinner, Text } from '@codecademy/gamut';
+import { CalendarIcon, CheckFilledIcon, LockIcon, PeopleIcon, RoundPinIcon } from '@codecademy/gamut-icons';
+import { pxRem, theme } from '@codecademy/gamut-styles';
+import { format, parseJSON } from 'date-fns';
+import { motion } from 'framer-motion';
+import isMobile from 'ismobilejs';
+import { useEffect, useRef, useState } from 'react';
+import { EventTypeIcon } from './EventTypeIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HoverCard = /*#__PURE__*/_styled(Card, {
+  target: "e7wsep41",
+  label: "HoverCard"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1lij87e",
+  styles: "border-radius:4px;&:hover{cursor:pointer;}"
+} : {
+  name: "1lij87e",
+  styles: "border-radius:4px;&:hover{cursor:pointer;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db21tdW5pdHlFdmVudENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EOEIiLCJmaWxlIjoiLi4vLi4vc3JjL0NvbW11bml0eUV2ZW50Q2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgU3Bpbm5lcixcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQ2FsZW5kYXJJY29uLFxuICBDaGVja0ZpbGxlZEljb24sXG4gIExvY2tJY29uLFxuICBQZW9wbGVJY29uLFxuICBSb3VuZFBpbkljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IHB4UmVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3JtYXQsIHBhcnNlSlNPTiB9IGZyb20gJ2RhdGUtZm5zJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IGlzTW9iaWxlIGZyb20gJ2lzbW9iaWxlanMnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBFdmVudFR5cGVJY29uIH0gZnJvbSAnLi9FdmVudFR5cGVJY29uJztcblxuZXhwb3J0IGludGVyZmFjZSBDb21tdW5pdHlFdmVudENhcmRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN0YXJ0RGF0ZTogc3RyaW5nO1xuICBlbmREYXRlOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uU2hvcnQ6IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIHRvdGFsQXR0ZW5kZWVzPzogbnVtYmVyIHwgbnVsbDtcbiAgYXVkaWVuY2VUeXBlOiBzdHJpbmc7XG4gIGlzUHJvRXZlbnQ/OiBib29sZWFuO1xuICBpc1Byb1VzZXI/OiBib29sZWFuO1xuICBpc0Fub25Vc2VyPzogYm9vbGVhbjtcbiAgaXNUcmlhbEVsaWdpYmxlPzogYm9vbGVhbjtcbiAgdXBzZWxsVXJsPzogc3RyaW5nO1xuICB2ZW51ZVR5cGU/OiBzdHJpbmc7XG4gIGluUGVyc29uTG9jYXRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBzZW5kUlNWUD86ICgpID0+IFByb21pc2U8Ym9vbGVhbj47XG4gIGhhbmRsZUNhcmRDbGljaz86ICgpID0+IHZvaWQ7XG4gIGhhbmRsZUFub25Vc2VyQ2FyZENsaWNrPzogKCkgPT4gdm9pZDtcbiAgaGFuZGxlUlNWUENsaWNrPzogKCkgPT4gdm9pZDtcbiAgaGFuZGxlVXBncmFkZUNUQUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaGFuZGxlT25SU1ZQU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIGhhbmRsZU9uUlNWUEZhaWx1cmU/OiAoKSA9PiB2b2lkO1xuICBpc1JlZ2lzdGVyZWQ/OiBib29sZWFuO1xuICBoaWRlQnV0dG9uPzogYm9vbGVhbjtcbiAgdHlwZT86IHN0cmluZyB8IG51bGw7XG59XG5cbmNvbnN0IEhvdmVyQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZmxleC1ncm93OiAxO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uYXZ5fTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZm9ybWF0VGltZSA9IChzdGFydERhdGU6IHN0cmluZywgZW5kRGF0ZTogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VGltZSA9IHBhcnNlSlNPTihzdGFydERhdGUpO1xuICBjb25zdCBzdGFydEhvdXIgPSBmb3JtYXQoc3RhcnRUaW1lLCAnaCcpO1xuICBjb25zdCBzdGFydE1pbnV0ZXMgPSBmb3JtYXQoc3RhcnRUaW1lLCAnbW0nKTtcbiAgY29uc3Qgc3RhcnRUaW1lT2ZEYXkgPSBmb3JtYXQoc3RhcnRUaW1lLCAnYScpLnRvTG93ZXJDYXNlKCk7XG4gIGNvbnN0IGVuZFRpbWUgPSBwYXJzZUpTT04oZW5kRGF0ZSk7XG4gIGNvbnN0IGVuZEhvdXIgPSBmb3JtYXQoZW5kVGltZSwgJ2gnKTtcbiAgY29uc3QgZW5kTWludXRlcyA9IGZvcm1hdChlbmRUaW1lLCAnbW0nKTtcbiAgY29uc3QgZW5kVGltZU9mRGF5ID0gZm9ybWF0KGVuZFRpbWUsICdhJykudG9Mb3dlckNhc2UoKTtcbiAgbGV0IHRleHQgPSBgJHtzdGFydEhvdXJ9YDtcbiAgaWYgKHN0YXJ0TWludXRlcyAhPT0gJzAwJykge1xuICAgIHRleHQgKz0gYDoke3N0YXJ0TWludXRlc31gO1xuICB9XG4gIGlmIChzdGFydFRpbWVPZkRheSAhPT0gZW5kVGltZU9mRGF5KSB7XG4gICAgdGV4dCArPSBgJHtzdGFydFRpbWVPZkRheX1gO1xuICB9XG4gIHRleHQgKz0gYC0ke2VuZEhvdXJ9YDtcbiAgaWYgKGVuZE1pbnV0ZXMgIT09ICcwMCcpIHtcbiAgICB0ZXh0ICs9IGA6JHtlbmRNaW51dGVzfWA7XG4gIH1cbiAgdGV4dCArPSBgJHtlbmRUaW1lT2ZEYXl9YDtcbiAgcmV0dXJuIHRleHQ7XG59O1xuXG5leHBvcnQgY29uc3QgQ29tbXVuaXR5RXZlbnRDYXJkOiBSZWFjdC5GQzxDb21tdW5pdHlFdmVudENhcmRQcm9wcz4gPSAoe1xuICB0aXRsZSxcbiAgc3RhcnREYXRlLFxuICBlbmREYXRlLFxuICBkZXNjcmlwdGlvblNob3J0LFxuICB1cmwsXG4gIHRvdGFsQXR0ZW5kZWVzID0gbnVsbCxcbiAgYXVkaWVuY2VUeXBlLFxuICBpblBlcnNvbkxvY2F0aW9uID0gbnVsbCxcbiAgaXNQcm9FdmVudCxcbiAgaXNQcm9Vc2VyLFxuICBpc0Fub25Vc2VyLFxuICBpc1RyaWFsRWxpZ2libGUsXG4gIHVwc2VsbFVybCxcbiAgc2VuZFJTVlAsXG4gIGhpZGVCdXR0b24sXG4gIGhhbmRsZUNhcmRDbGljayxcbiAgaGFuZGxlQW5vblVzZXJDYXJkQ2xpY2ssXG4gIGhhbmRsZVJTVlBDbGljayxcbiAgaGFuZGxlVXBncmFkZUNUQUNsaWNrLFxuICBoYW5kbGVPblJTVlBTdWNjZXNzLFxuICBoYW5kbGVPblJTVlBGYWlsdXJlLFxuICBpc1JlZ2lzdGVyZWQsXG4gIHR5cGUsXG59KSA9PiB7XG4gIGNvbnN0IGNhbm5vdFNob3dCdXR0b24gPSBoaWRlQnV0dG9uIHx8IGlzQW5vblVzZXI7XG4gIGNvbnN0IFtpc01vYmlsZURldmljZSwgc2V0SXNNb2JpbGVEZXZpY2VdID0gdXNlU3RhdGUodHJ1ZSk7XG4gIGNvbnN0IFtzaG93Q2FyZEJ1dHRvbiwgc2V0U2hvd0NhcmRCdXR0b25dID0gdXNlU3RhdGUoXG4gICAgY2Fubm90U2hvd0J1dHRvbiA/IGZhbHNlIDogaXNNb2JpbGVEZXZpY2VcbiAgKTtcbiAgY29uc3QgW3JzdnBTdWNjZXNzZnVsLCBzZXRSc3ZwU3VjY2Vzc2Z1bF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtyc3ZwTG9hZGluZywgc2V0UnN2cExvYWRpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBpc0F0dGVuZGluZyA9IHJzdnBTdWNjZXNzZnVsIHx8IGlzUmVnaXN0ZXJlZDtcbiAgY29uc3QgY2FyZExpbmtSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgbW9iaWxlRGV2aWNlOiBib29sZWFuID0gaXNNb2JpbGUoKS5hbnk7XG4gICAgc2V0SXNNb2JpbGVEZXZpY2UobW9iaWxlRGV2aWNlKTtcbiAgICBzZXRTaG93Q2FyZEJ1dHRvbihtb2JpbGVEZXZpY2UpO1xuICB9LCBbXSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gZm9jdXMgc2hvdWxkIG9ubHkgYmUgc2V0IG9uY2UgYmVjYXVzZSB3ZSBvbmx5IHNldCByc3ZwIHRydWUgYWZ0ZXIgc2F2ZSBhIHNwb3QgYnV0dG9uIGlzIGNsaWNrZWRcbiAgICBpZiAocnN2cFN1Y2Nlc3NmdWwpIHtcbiAgICAgIGNhcmRMaW5rUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICBzZXRSc3ZwTG9hZGluZyhmYWxzZSk7XG4gICAgfVxuICB9LCBbcnN2cFN1Y2Nlc3NmdWxdKTtcblxuICBjb25zdCBub25Qcm9CdXR0b25UZXh0ID0gaXNUcmlhbEVsaWdpYmxlXG4gICAgPyAnU3RhcnQgNy1kYXkgZnJlZSB0cmlhbCdcbiAgICA6ICdVcGdyYWRlJztcbiAgY29uc3QgZXZlbnRUaW1lID0gZm9ybWF0VGltZShzdGFydERhdGUsIGVuZERhdGUpO1xuICBjb25zdCBoaWRlWWVhciA9IGV2ZW50VGltZS5sZW5ndGggPiAxMTtcbiAgY29uc3QgY2FuQWNjZXNzUHJvID0gIShpc1Byb0V2ZW50ICYmICFpc1Byb1VzZXIpO1xuICBjb25zdCByZXZlYWxDYXJkQnV0dG9uID0gKCkgPT4ge1xuICAgIGlmICghY2Fubm90U2hvd0J1dHRvbiAmJiAhaXNBdHRlbmRpbmcpIHtcbiAgICAgIHNldFNob3dDYXJkQnV0dG9uKHRydWUpO1xuICAgIH1cbiAgfTtcbiAgY29uc3QgaXNTYWZhcmkgPVxuICAgIHR5cGVvZiBuYXZpZ2F0b3IgIT09ICd1bmRlZmluZWQnICYmXG4gICAgL14oKD8hY2hyb21lfGFuZHJvaWQpLikqc2FmYXJpL2kudGVzdChuYXZpZ2F0b3IudXNlckFnZW50KTtcbiAgcmV0dXJuIChcbiAgICA8SG92ZXJDYXJkXG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGhlaWdodD17cHhSZW0oMzE4KX1cbiAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICB2YXJpYW50PVwid2hpdGVcIlxuICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgcD17MH1cbiAgICAgIHB0PXtpc1Byb0V2ZW50IHx8IGlzQXR0ZW5kaW5nID8gMCA6IDE2fVxuICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICBvblRvdWNoU3RhcnQ9e3JldmVhbENhcmRCdXR0b259XG4gICAgICBvbkZvY3VzPXtyZXZlYWxDYXJkQnV0dG9ufVxuICAgICAgb25Nb3VzZUVudGVyPXtyZXZlYWxDYXJkQnV0dG9ufVxuICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgIGlmICghcnN2cExvYWRpbmcgJiYgIWlzTW9iaWxlRGV2aWNlKSB7XG4gICAgICAgICAgc2V0U2hvd0NhcmRCdXR0b24oZmFsc2UpO1xuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgdGFiSW5kZXg9e2lzU2FmYXJpID8gMCA6IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICA8U3R5bGVkTGlua1xuICAgICAgICBocmVmPXt1cmx9XG4gICAgICAgIG9uQ2xpY2s9e1xuICAgICAgICAgIGlzQW5vblVzZXJcbiAgICAgICAgICAgID8gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2FyZENsaWNrPy4oKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVBbm9uVXNlckNhcmRDbGljaz8uKCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDogKCkgPT4gaGFuZGxlQ2FyZENsaWNrPy4oKVxuICAgICAgICB9XG4gICAgICAgIHJlZj17Y2FyZExpbmtSZWZ9XG4gICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICA+XG4gICAgICAgIHtpc0F0dGVuZGluZyA/IChcbiAgICAgICAgICA8bW90aW9uLmRpdlxuICAgICAgICAgICAga2V5PVwic3VjY2Vzc1wiXG4gICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAsIHk6IC0xNiB9fVxuICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCB5OiAwLCB0cmFuc2l0aW9uOiB7IGVhc2U6ICdlYXNlSW5PdXQnIH0gfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgdG9wPXswfVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgYm9yZGVyQm90dG9tPVwic29saWRcIlxuICAgICAgICAgICAgICBib3JkZXJTdHlsZUJvdHRvbT17e1xuICAgICAgICAgICAgICAgICcxJzogJ3NvbGlkJyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgcHg9ezE2fVxuICAgICAgICAgICAgICBweT17NH1cbiAgICAgICAgICAgICAgYm9yZGVyQ29sb3I9XCJibGFja1wiXG4gICAgICAgICAgICAgIGJnPVwiaHlwZXJcIlxuICAgICAgICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBtcj17OH0gLz5cbiAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9ezE0fT5cbiAgICAgICAgICAgICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+XG4gICAgICAgICAgICAgICAgICB7aXNSZWdpc3RlcmVkXG4gICAgICAgICAgICAgICAgICAgID8gXCJZb3UncmUgZ29pbmcgdG8gdGhlIGV2ZW50XCJcbiAgICAgICAgICAgICAgICAgICAgOiBcIllvdSd2ZSBzYXZlZCBhIHNwb3QgZm9yIHRoZSBldmVudFwifVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5Zb3UmYXBvcztyZSBnb2luZyE8L1RleHQ+XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaXNQcm9FdmVudCAmJiAoXG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgdG9wPXswfVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBiZz1cIm5hdnlcIlxuICAgICAgICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgcHg9ezE2fVxuICAgICAgICAgICAgICBweT17NH1cbiAgICAgICAgICAgICAgYm9yZGVyQm90dG9tPVwic29saWRcIlxuICAgICAgICAgICAgICBib3JkZXJTdHlsZUJvdHRvbT17eyAnMSc6ICdzb2xpZCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9ezE0fT5Qcm8vUGx1czwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICApXG4gICAgICAgICl9XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIHA9ezE2fVxuICAgICAgICAgICAgcGI9ezh9XG4gICAgICAgICAgICBwdD17aXNBdHRlbmRpbmcgfHwgaXNQcm9FdmVudCA/ICgzNiBhcyBuZXZlcikgOiAwfVxuICAgICAgICAgICAgZmxleEdyb3c9ezF9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezJ9IGZvbnRTaXplPXsyMn0gYXM9XCJoM1wiPlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7YXVkaWVuY2VUeXBlID09PSAnaW5fcGVyc29uJyAmJiAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtYj17OH0gbXQ9ezR9PlxuICAgICAgICAgICAgICAgIDxSb3VuZFBpbkljb24gbXI9ezh9IG1iPXs0fSBzaXplPXsxNn0gLz5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udEZhbWlseT1cImFjY2VudFwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cIm5hdnktNjAwXCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5QZXJzb25Mb2NhdGlvbiA/PyAnSW4tcGVyc29uIGV2ZW50J31cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICBmb250RmFtaWx5PVwiYWNjZW50XCJcbiAgICAgICAgICAgICAgbXk9ezh9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8Q2FsZW5kYXJJY29uIGFsaWduU2VsZj1cImNlbnRlclwiIG1yPXs4fSAvPlxuICAgICAgICAgICAgICAgIHtmb3JtYXQoXG4gICAgICAgICAgICAgICAgICBwYXJzZUpTT04oc3RhcnREYXRlKSxcbiAgICAgICAgICAgICAgICAgIGhpZGVZZWFyID8gXCJNTU0gZGQnLi4uJ1wiIDogJ01NTSBkZCwgeXl5eSdcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgIHtldmVudFRpbWV9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8VGV4dCB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17M30+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvblNob3J0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHA9ezE2fSBwdD17OH0gdGFiSW5kZXg9ezB9PlxuICAgICAgICAgICAgPEV2ZW50VHlwZUljb24gZXZlbnRUeXBlPXt0eXBlfSAvPlxuICAgICAgICAgICAge3RvdGFsQXR0ZW5kZWVzICE9PSBudWxsICYmIHRvdGFsQXR0ZW5kZWVzID4gMCAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IGRpc3BsYXk9XCJmbGV4XCIgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgPFBlb3BsZUljb24gYWxpZ25TZWxmPVwiY2VudGVyXCIgbXI9ezh9IGFyaWEtaGlkZGVuIC8+XG4gICAgICAgICAgICAgICAge3RvdGFsQXR0ZW5kZWVzID09PSAxMDBcbiAgICAgICAgICAgICAgICAgID8gJzEwMCsnXG4gICAgICAgICAgICAgICAgICA6IHJzdnBTdWNjZXNzZnVsXG4gICAgICAgICAgICAgICAgICA/IHRvdGFsQXR0ZW5kZWVzICsgMVxuICAgICAgICAgICAgICAgICAgOiB0b3RhbEF0dGVuZGVlc31cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvU3R5bGVkTGluaz5cbiAgICAgIHtzaG93Q2FyZEJ1dHRvbiAmJiBzZW5kUlNWUCAmJiAhaXNBdHRlbmRpbmcgJiYgIWlzQW5vblVzZXIgJiYgKFxuICAgICAgICA8bW90aW9uLmRpdlxuICAgICAgICAgIGtleT1cInJzdnBcIlxuICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgIGFuaW1hdGU9e3sgb3BhY2l0eTogMSB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NhbkFjY2Vzc1BybyA/IChcbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHdpZHRoPVwiY2FsYygxMDAlIC0gMzJweClcIlxuICAgICAgICAgICAgICBteD17MTZ9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgICAgICBib3R0b209ezQ4fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17cnN2cExvYWRpbmd9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2FzeW5jICgpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRSc3ZwTG9hZGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVSU1ZQQ2xpY2s/LigpO1xuICAgICAgICAgICAgICAgIGNvbnN0IGRpZFJzdnAgPSBhd2FpdCBzZW5kUlNWUCgpO1xuICAgICAgICAgICAgICAgIGlmIChkaWRSc3ZwKSB7XG4gICAgICAgICAgICAgICAgICBoYW5kbGVPblJTVlBTdWNjZXNzPy4oKTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgaGFuZGxlT25SU1ZQRmFpbHVyZT8uKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHNldFJzdnBTdWNjZXNzZnVsKGRpZFJzdnApO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBvbkJsdXI9eygpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIXJzdnBMb2FkaW5nICYmICFpc01vYmlsZURldmljZSkge1xuICAgICAgICAgICAgICAgICAgc2V0U2hvd0NhcmRCdXR0b24oZmFsc2UpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3JzdnBMb2FkaW5nID8gPFNwaW5uZXIgc2l6ZT17MTZ9IC8+IDogJ1NhdmUgYSBzcG90J31cbiAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgd2lkdGg9XCJjYWxjKDEwMCUgLSAzMnB4KVwiXG4gICAgICAgICAgICAgIG14PXsxNn1cbiAgICAgICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgICAgIGJvdHRvbT17NDh9XG4gICAgICAgICAgICAgIGhyZWY9e3Vwc2VsbFVybH1cbiAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVVwZ3JhZGVDVEFDbGljaz8uKCl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8TG9ja0ljb24gbXI9ezh9IC8+XG4gICAgICAgICAgICAgICAge25vblByb0J1dHRvblRleHR9XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICApfVxuICAgIDwvSG92ZXJDYXJkPlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledLink = /*#__PURE__*/_styled(Anchor, {
+  target: "e7wsep40",
+  label: "StyledLink"
+})("flex-grow:1;text-decoration:none;color:", theme.colors.navy, ";&:hover,&:focus{text-decoration:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db21tdW5pdHlFdmVudENhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEaUMiLCJmaWxlIjoiLi4vLi4vc3JjL0NvbW11bml0eUV2ZW50Q2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmNob3IsXG4gIEJveCxcbiAgQ2FyZCxcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgU3Bpbm5lcixcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQ2FsZW5kYXJJY29uLFxuICBDaGVja0ZpbGxlZEljb24sXG4gIExvY2tJY29uLFxuICBQZW9wbGVJY29uLFxuICBSb3VuZFBpbkljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IHB4UmVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3JtYXQsIHBhcnNlSlNPTiB9IGZyb20gJ2RhdGUtZm5zJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IGlzTW9iaWxlIGZyb20gJ2lzbW9iaWxlanMnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBFdmVudFR5cGVJY29uIH0gZnJvbSAnLi9FdmVudFR5cGVJY29uJztcblxuZXhwb3J0IGludGVyZmFjZSBDb21tdW5pdHlFdmVudENhcmRQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN0YXJ0RGF0ZTogc3RyaW5nO1xuICBlbmREYXRlOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uU2hvcnQ6IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIHRvdGFsQXR0ZW5kZWVzPzogbnVtYmVyIHwgbnVsbDtcbiAgYXVkaWVuY2VUeXBlOiBzdHJpbmc7XG4gIGlzUHJvRXZlbnQ/OiBib29sZWFuO1xuICBpc1Byb1VzZXI/OiBib29sZWFuO1xuICBpc0Fub25Vc2VyPzogYm9vbGVhbjtcbiAgaXNUcmlhbEVsaWdpYmxlPzogYm9vbGVhbjtcbiAgdXBzZWxsVXJsPzogc3RyaW5nO1xuICB2ZW51ZVR5cGU/OiBzdHJpbmc7XG4gIGluUGVyc29uTG9jYXRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBzZW5kUlNWUD86ICgpID0+IFByb21pc2U8Ym9vbGVhbj47XG4gIGhhbmRsZUNhcmRDbGljaz86ICgpID0+IHZvaWQ7XG4gIGhhbmRsZUFub25Vc2VyQ2FyZENsaWNrPzogKCkgPT4gdm9pZDtcbiAgaGFuZGxlUlNWUENsaWNrPzogKCkgPT4gdm9pZDtcbiAgaGFuZGxlVXBncmFkZUNUQUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaGFuZGxlT25SU1ZQU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIGhhbmRsZU9uUlNWUEZhaWx1cmU/OiAoKSA9PiB2b2lkO1xuICBpc1JlZ2lzdGVyZWQ/OiBib29sZWFuO1xuICBoaWRlQnV0dG9uPzogYm9vbGVhbjtcbiAgdHlwZT86IHN0cmluZyB8IG51bGw7XG59XG5cbmNvbnN0IEhvdmVyQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZmxleC1ncm93OiAxO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uYXZ5fTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZm9ybWF0VGltZSA9IChzdGFydERhdGU6IHN0cmluZywgZW5kRGF0ZTogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VGltZSA9IHBhcnNlSlNPTihzdGFydERhdGUpO1xuICBjb25zdCBzdGFydEhvdXIgPSBmb3JtYXQoc3RhcnRUaW1lLCAnaCcpO1xuICBjb25zdCBzdGFydE1pbnV0ZXMgPSBmb3JtYXQoc3RhcnRUaW1lLCAnbW0nKTtcbiAgY29uc3Qgc3RhcnRUaW1lT2ZEYXkgPSBmb3JtYXQoc3RhcnRUaW1lLCAnYScpLnRvTG93ZXJDYXNlKCk7XG4gIGNvbnN0IGVuZFRpbWUgPSBwYXJzZUpTT04oZW5kRGF0ZSk7XG4gIGNvbnN0IGVuZEhvdXIgPSBmb3JtYXQoZW5kVGltZSwgJ2gnKTtcbiAgY29uc3QgZW5kTWludXRlcyA9IGZvcm1hdChlbmRUaW1lLCAnbW0nKTtcbiAgY29uc3QgZW5kVGltZU9mRGF5ID0gZm9ybWF0KGVuZFRpbWUsICdhJykudG9Mb3dlckNhc2UoKTtcbiAgbGV0IHRleHQgPSBgJHtzdGFydEhvdXJ9YDtcbiAgaWYgKHN0YXJ0TWludXRlcyAhPT0gJzAwJykge1xuICAgIHRleHQgKz0gYDoke3N0YXJ0TWludXRlc31gO1xuICB9XG4gIGlmIChzdGFydFRpbWVPZkRheSAhPT0gZW5kVGltZU9mRGF5KSB7XG4gICAgdGV4dCArPSBgJHtzdGFydFRpbWVPZkRheX1gO1xuICB9XG4gIHRleHQgKz0gYC0ke2VuZEhvdXJ9YDtcbiAgaWYgKGVuZE1pbnV0ZXMgIT09ICcwMCcpIHtcbiAgICB0ZXh0ICs9IGA6JHtlbmRNaW51dGVzfWA7XG4gIH1cbiAgdGV4dCArPSBgJHtlbmRUaW1lT2ZEYXl9YDtcbiAgcmV0dXJuIHRleHQ7XG59O1xuXG5leHBvcnQgY29uc3QgQ29tbXVuaXR5RXZlbnRDYXJkOiBSZWFjdC5GQzxDb21tdW5pdHlFdmVudENhcmRQcm9wcz4gPSAoe1xuICB0aXRsZSxcbiAgc3RhcnREYXRlLFxuICBlbmREYXRlLFxuICBkZXNjcmlwdGlvblNob3J0LFxuICB1cmwsXG4gIHRvdGFsQXR0ZW5kZWVzID0gbnVsbCxcbiAgYXVkaWVuY2VUeXBlLFxuICBpblBlcnNvbkxvY2F0aW9uID0gbnVsbCxcbiAgaXNQcm9FdmVudCxcbiAgaXNQcm9Vc2VyLFxuICBpc0Fub25Vc2VyLFxuICBpc1RyaWFsRWxpZ2libGUsXG4gIHVwc2VsbFVybCxcbiAgc2VuZFJTVlAsXG4gIGhpZGVCdXR0b24sXG4gIGhhbmRsZUNhcmRDbGljayxcbiAgaGFuZGxlQW5vblVzZXJDYXJkQ2xpY2ssXG4gIGhhbmRsZVJTVlBDbGljayxcbiAgaGFuZGxlVXBncmFkZUNUQUNsaWNrLFxuICBoYW5kbGVPblJTVlBTdWNjZXNzLFxuICBoYW5kbGVPblJTVlBGYWlsdXJlLFxuICBpc1JlZ2lzdGVyZWQsXG4gIHR5cGUsXG59KSA9PiB7XG4gIGNvbnN0IGNhbm5vdFNob3dCdXR0b24gPSBoaWRlQnV0dG9uIHx8IGlzQW5vblVzZXI7XG4gIGNvbnN0IFtpc01vYmlsZURldmljZSwgc2V0SXNNb2JpbGVEZXZpY2VdID0gdXNlU3RhdGUodHJ1ZSk7XG4gIGNvbnN0IFtzaG93Q2FyZEJ1dHRvbiwgc2V0U2hvd0NhcmRCdXR0b25dID0gdXNlU3RhdGUoXG4gICAgY2Fubm90U2hvd0J1dHRvbiA/IGZhbHNlIDogaXNNb2JpbGVEZXZpY2VcbiAgKTtcbiAgY29uc3QgW3JzdnBTdWNjZXNzZnVsLCBzZXRSc3ZwU3VjY2Vzc2Z1bF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtyc3ZwTG9hZGluZywgc2V0UnN2cExvYWRpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBpc0F0dGVuZGluZyA9IHJzdnBTdWNjZXNzZnVsIHx8IGlzUmVnaXN0ZXJlZDtcbiAgY29uc3QgY2FyZExpbmtSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgbW9iaWxlRGV2aWNlOiBib29sZWFuID0gaXNNb2JpbGUoKS5hbnk7XG4gICAgc2V0SXNNb2JpbGVEZXZpY2UobW9iaWxlRGV2aWNlKTtcbiAgICBzZXRTaG93Q2FyZEJ1dHRvbihtb2JpbGVEZXZpY2UpO1xuICB9LCBbXSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gZm9jdXMgc2hvdWxkIG9ubHkgYmUgc2V0IG9uY2UgYmVjYXVzZSB3ZSBvbmx5IHNldCByc3ZwIHRydWUgYWZ0ZXIgc2F2ZSBhIHNwb3QgYnV0dG9uIGlzIGNsaWNrZWRcbiAgICBpZiAocnN2cFN1Y2Nlc3NmdWwpIHtcbiAgICAgIGNhcmRMaW5rUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICBzZXRSc3ZwTG9hZGluZyhmYWxzZSk7XG4gICAgfVxuICB9LCBbcnN2cFN1Y2Nlc3NmdWxdKTtcblxuICBjb25zdCBub25Qcm9CdXR0b25UZXh0ID0gaXNUcmlhbEVsaWdpYmxlXG4gICAgPyAnU3RhcnQgNy1kYXkgZnJlZSB0cmlhbCdcbiAgICA6ICdVcGdyYWRlJztcbiAgY29uc3QgZXZlbnRUaW1lID0gZm9ybWF0VGltZShzdGFydERhdGUsIGVuZERhdGUpO1xuICBjb25zdCBoaWRlWWVhciA9IGV2ZW50VGltZS5sZW5ndGggPiAxMTtcbiAgY29uc3QgY2FuQWNjZXNzUHJvID0gIShpc1Byb0V2ZW50ICYmICFpc1Byb1VzZXIpO1xuICBjb25zdCByZXZlYWxDYXJkQnV0dG9uID0gKCkgPT4ge1xuICAgIGlmICghY2Fubm90U2hvd0J1dHRvbiAmJiAhaXNBdHRlbmRpbmcpIHtcbiAgICAgIHNldFNob3dDYXJkQnV0dG9uKHRydWUpO1xuICAgIH1cbiAgfTtcbiAgY29uc3QgaXNTYWZhcmkgPVxuICAgIHR5cGVvZiBuYXZpZ2F0b3IgIT09ICd1bmRlZmluZWQnICYmXG4gICAgL14oKD8hY2hyb21lfGFuZHJvaWQpLikqc2FmYXJpL2kudGVzdChuYXZpZ2F0b3IudXNlckFnZW50KTtcbiAgcmV0dXJuIChcbiAgICA8SG92ZXJDYXJkXG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGhlaWdodD17cHhSZW0oMzE4KX1cbiAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICB2YXJpYW50PVwid2hpdGVcIlxuICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgcD17MH1cbiAgICAgIHB0PXtpc1Byb0V2ZW50IHx8IGlzQXR0ZW5kaW5nID8gMCA6IDE2fVxuICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICBvblRvdWNoU3RhcnQ9e3JldmVhbENhcmRCdXR0b259XG4gICAgICBvbkZvY3VzPXtyZXZlYWxDYXJkQnV0dG9ufVxuICAgICAgb25Nb3VzZUVudGVyPXtyZXZlYWxDYXJkQnV0dG9ufVxuICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgIGlmICghcnN2cExvYWRpbmcgJiYgIWlzTW9iaWxlRGV2aWNlKSB7XG4gICAgICAgICAgc2V0U2hvd0NhcmRCdXR0b24oZmFsc2UpO1xuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgdGFiSW5kZXg9e2lzU2FmYXJpID8gMCA6IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICA8U3R5bGVkTGlua1xuICAgICAgICBocmVmPXt1cmx9XG4gICAgICAgIG9uQ2xpY2s9e1xuICAgICAgICAgIGlzQW5vblVzZXJcbiAgICAgICAgICAgID8gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaGFuZGxlQ2FyZENsaWNrPy4oKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVBbm9uVXNlckNhcmRDbGljaz8uKCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDogKCkgPT4gaGFuZGxlQ2FyZENsaWNrPy4oKVxuICAgICAgICB9XG4gICAgICAgIHJlZj17Y2FyZExpbmtSZWZ9XG4gICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICA+XG4gICAgICAgIHtpc0F0dGVuZGluZyA/IChcbiAgICAgICAgICA8bW90aW9uLmRpdlxuICAgICAgICAgICAga2V5PVwic3VjY2Vzc1wiXG4gICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAsIHk6IC0xNiB9fVxuICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCB5OiAwLCB0cmFuc2l0aW9uOiB7IGVhc2U6ICdlYXNlSW5PdXQnIH0gfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgdG9wPXswfVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgYm9yZGVyQm90dG9tPVwic29saWRcIlxuICAgICAgICAgICAgICBib3JkZXJTdHlsZUJvdHRvbT17e1xuICAgICAgICAgICAgICAgICcxJzogJ3NvbGlkJyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgcHg9ezE2fVxuICAgICAgICAgICAgICBweT17NH1cbiAgICAgICAgICAgICAgYm9yZGVyQ29sb3I9XCJibGFja1wiXG4gICAgICAgICAgICAgIGJnPVwiaHlwZXJcIlxuICAgICAgICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBtcj17OH0gLz5cbiAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9ezE0fT5cbiAgICAgICAgICAgICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+XG4gICAgICAgICAgICAgICAgICB7aXNSZWdpc3RlcmVkXG4gICAgICAgICAgICAgICAgICAgID8gXCJZb3UncmUgZ29pbmcgdG8gdGhlIGV2ZW50XCJcbiAgICAgICAgICAgICAgICAgICAgOiBcIllvdSd2ZSBzYXZlZCBhIHNwb3QgZm9yIHRoZSBldmVudFwifVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5Zb3UmYXBvcztyZSBnb2luZyE8L1RleHQ+XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaXNQcm9FdmVudCAmJiAoXG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgdG9wPXswfVxuICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICBiZz1cIm5hdnlcIlxuICAgICAgICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgcHg9ezE2fVxuICAgICAgICAgICAgICBweT17NH1cbiAgICAgICAgICAgICAgYm9yZGVyQm90dG9tPVwic29saWRcIlxuICAgICAgICAgICAgICBib3JkZXJTdHlsZUJvdHRvbT17eyAnMSc6ICdzb2xpZCcgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRleHQgZm9udFNpemU9ezE0fT5Qcm8vUGx1czwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICApXG4gICAgICAgICl9XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIHA9ezE2fVxuICAgICAgICAgICAgcGI9ezh9XG4gICAgICAgICAgICBwdD17aXNBdHRlbmRpbmcgfHwgaXNQcm9FdmVudCA/ICgzNiBhcyBuZXZlcikgOiAwfVxuICAgICAgICAgICAgZmxleEdyb3c9ezF9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezJ9IGZvbnRTaXplPXsyMn0gYXM9XCJoM1wiPlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7YXVkaWVuY2VUeXBlID09PSAnaW5fcGVyc29uJyAmJiAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtYj17OH0gbXQ9ezR9PlxuICAgICAgICAgICAgICAgIDxSb3VuZFBpbkljb24gbXI9ezh9IG1iPXs0fSBzaXplPXsxNn0gLz5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udEZhbWlseT1cImFjY2VudFwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cIm5hdnktNjAwXCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5QZXJzb25Mb2NhdGlvbiA/PyAnSW4tcGVyc29uIGV2ZW50J31cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICBmb250RmFtaWx5PVwiYWNjZW50XCJcbiAgICAgICAgICAgICAgbXk9ezh9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8Q2FsZW5kYXJJY29uIGFsaWduU2VsZj1cImNlbnRlclwiIG1yPXs4fSAvPlxuICAgICAgICAgICAgICAgIHtmb3JtYXQoXG4gICAgICAgICAgICAgICAgICBwYXJzZUpTT04oc3RhcnREYXRlKSxcbiAgICAgICAgICAgICAgICAgIGhpZGVZZWFyID8gXCJNTU0gZGQnLi4uJ1wiIDogJ01NTSBkZCwgeXl5eSdcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgIHtldmVudFRpbWV9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8VGV4dCB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17M30+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvblNob3J0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHA9ezE2fSBwdD17OH0gdGFiSW5kZXg9ezB9PlxuICAgICAgICAgICAgPEV2ZW50VHlwZUljb24gZXZlbnRUeXBlPXt0eXBlfSAvPlxuICAgICAgICAgICAge3RvdGFsQXR0ZW5kZWVzICE9PSBudWxsICYmIHRvdGFsQXR0ZW5kZWVzID4gMCAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IGRpc3BsYXk9XCJmbGV4XCIgZm9udEZhbWlseT1cImFjY2VudFwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgICAgICAgICAgPFBlb3BsZUljb24gYWxpZ25TZWxmPVwiY2VudGVyXCIgbXI9ezh9IGFyaWEtaGlkZGVuIC8+XG4gICAgICAgICAgICAgICAge3RvdGFsQXR0ZW5kZWVzID09PSAxMDBcbiAgICAgICAgICAgICAgICAgID8gJzEwMCsnXG4gICAgICAgICAgICAgICAgICA6IHJzdnBTdWNjZXNzZnVsXG4gICAgICAgICAgICAgICAgICA/IHRvdGFsQXR0ZW5kZWVzICsgMVxuICAgICAgICAgICAgICAgICAgOiB0b3RhbEF0dGVuZGVlc31cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvU3R5bGVkTGluaz5cbiAgICAgIHtzaG93Q2FyZEJ1dHRvbiAmJiBzZW5kUlNWUCAmJiAhaXNBdHRlbmRpbmcgJiYgIWlzQW5vblVzZXIgJiYgKFxuICAgICAgICA8bW90aW9uLmRpdlxuICAgICAgICAgIGtleT1cInJzdnBcIlxuICAgICAgICAgIGluaXRpYWw9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICAgIGFuaW1hdGU9e3sgb3BhY2l0eTogMSB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NhbkFjY2Vzc1BybyA/IChcbiAgICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICAgIHdpZHRoPVwiY2FsYygxMDAlIC0gMzJweClcIlxuICAgICAgICAgICAgICBteD17MTZ9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgICAgICBib3R0b209ezQ4fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17cnN2cExvYWRpbmd9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2FzeW5jICgpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRSc3ZwTG9hZGluZyh0cnVlKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVSU1ZQQ2xpY2s/LigpO1xuICAgICAgICAgICAgICAgIGNvbnN0IGRpZFJzdnAgPSBhd2FpdCBzZW5kUlNWUCgpO1xuICAgICAgICAgICAgICAgIGlmIChkaWRSc3ZwKSB7XG4gICAgICAgICAgICAgICAgICBoYW5kbGVPblJTVlBTdWNjZXNzPy4oKTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgaGFuZGxlT25SU1ZQRmFpbHVyZT8uKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHNldFJzdnBTdWNjZXNzZnVsKGRpZFJzdnApO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBvbkJsdXI9eygpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIXJzdnBMb2FkaW5nICYmICFpc01vYmlsZURldmljZSkge1xuICAgICAgICAgICAgICAgICAgc2V0U2hvd0NhcmRCdXR0b24oZmFsc2UpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3JzdnBMb2FkaW5nID8gPFNwaW5uZXIgc2l6ZT17MTZ9IC8+IDogJ1NhdmUgYSBzcG90J31cbiAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgd2lkdGg9XCJjYWxjKDEwMCUgLSAzMnB4KVwiXG4gICAgICAgICAgICAgIG14PXsxNn1cbiAgICAgICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgICAgIGJvdHRvbT17NDh9XG4gICAgICAgICAgICAgIGhyZWY9e3Vwc2VsbFVybH1cbiAgICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVVwZ3JhZGVDVEFDbGljaz8uKCl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8TG9ja0ljb24gbXI9ezh9IC8+XG4gICAgICAgICAgICAgICAge25vblByb0J1dHRvblRleHR9XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICApfVxuICAgIDwvSG92ZXJDYXJkPlxuICApO1xufTtcbiJdfQ== */"));
+export 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;
+};
+export 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(() => {
+    // focus should only be set once because we only set rsvp true after save a spot button is clicked
+    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 : undefined,
+    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")]
+  });
+};

package/dist/CommunityEventToast/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CommunityEventToastProps {
+    onClose: () => void;
+}
+export declare const CommunityEventToast: React.FC<CommunityEventToastProps>;
+export {};

package/dist/CommunityEventToast/index.js

@@ -0,0 +1,32 @@
+import { Box, FlexBox, Text, Toaster } from '@codecademy/gamut';
+import { CalendarIcon } from '@codecademy/gamut-icons';
+import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export 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: onClose
+  });
+};

package/dist/ContentGroupBaseCard/helpers.d.ts

@@ -0,0 +1,4 @@
+import { EnrollmentStatus } from './types';
+export declare const getPathImageUrl: (enrollment: EnrollmentStatus, imageUrl: string) => string;
+export declare const getTimeToCompleteDisplayAmount: (amount: number) => number | "< 1";
+export declare const getTimeToCompleteDisplayDuration: (amount: number) => "hour" | "hours";

package/dist/ContentGroupBaseCard/helpers.js

@@ -0,0 +1,12 @@
+import { EnrollmentStatus } from './types';
+export const getPathImageUrl = (enrollment, imageUrl) => {
+  if (enrollment === EnrollmentStatus.InProgress) {
+    return imageUrl.replace('-inProgress', '');
+  }
+  if (enrollment === EnrollmentStatus.Completed) {
+    return imageUrl.replace('-completed', '');
+  }
+  return imageUrl;
+};
+export const getTimeToCompleteDisplayAmount = amount => amount <= 0 ? '< 1' : amount;
+export const getTimeToCompleteDisplayDuration = amount => amount <= 1 ? 'hour' : 'hours';

package/dist/ContentGroupBaseCard/index.d.ts

@@ -0,0 +1,33 @@
+import { HeadingTags } from '@codecademy/gamut';
+import { Colors } from '@codecademy/gamut-styles';
+import React from 'react';
+import { CourseDifficulty, EnrollmentStatus } from './types';
+export type ContentGroupBaseCardProps = {
+    headerBackgroundColor: Colors;
+    headerText: string;
+    title: string;
+    headingLevel?: HeadingTags;
+    description?: string | null;
+    difficulty?: CourseDifficulty | null;
+    numLessons: number;
+    imageSrc?: string;
+    isFullSize?: boolean;
+    shadow?: 'none' | 'outline';
+    enrollmentStatus?: EnrollmentStatus;
+    timeToComplete?: number | null;
+    brandDetails?: {
+        name: string;
+        logoUrl: string;
+        logoHeight: number;
+    };
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    openInNewTab?: boolean;
+    href: string;
+    onClick: () => void;
+};
+export declare const ContentGroupBaseCardHeaderBackground: import("@emotion/styled").StyledComponent<Omit<import("@codecademy/gamut-styles").BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;