@universityofmaryland/web-elements-library 1.5.9 → 1.6.0-beta.1

package/dist/composite/navigation/utility/alert.mjs

@@ -1,423 +0,0 @@
-import { token, typography, element, layout } from "@universityofmaryland/web-styles-library";
-import { fetchGraphQL } from "@universityofmaryland/web-utilities-library/network";
-import { jssToCSS } from "@universityofmaryland/web-utilities-library/styles";
-import { close_large } from "@universityofmaryland/web-icons-library/controls";
-import { options } from "../../../atomic/actions/text.mjs";
-import "@universityofmaryland/web-builder-library";
-import "@universityofmaryland/web-token-library";
-import "@universityofmaryland/web-icons-library/files";
-import "@universityofmaryland/web-icons-library/arrows";
-import "../../../atomic/animations/actions/indicator.mjs";
-import "../../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../../atomic/animations/brand/card-stack.mjs";
-import "@universityofmaryland/web-utilities-library/performance";
-import "@universityofmaryland/web-utilities-library/accessibility";
-import "@universityofmaryland/web-styles-library/element";
-import "@universityofmaryland/web-icons-library/location";
-import "@universityofmaryland/web-icons-library/calendar";
-import "@universityofmaryland/web-styles-library/typography";
-import "@universityofmaryland/web-utilities-library/theme";
-import "../../../atomic/layout/block/stacked.mjs";
-import "../../../atomic/layout/overlay/modal.mjs";
-import "../../../atomic/layout/person/columns.mjs";
-import "@universityofmaryland/web-styles-library/layout";
-import "@universityofmaryland/web-icons-library/communication";
-import "@universityofmaryland/web-icons-library/social";
-import "../../../atomic/text-lockup/date.mjs";
-import "@universityofmaryland/web-styles-library/animation";
-import "@universityofmaryland/web-utilities-library/dom";
-import "../../../atomic/text-lockup/small.mjs";
-const QUERY = `
-  query CampusAlertsQuery {
-    entries: entries(
-      limit: 1
-      type: "mainElementsCampusAlert"
-    ) {
-        id: uid
-        type: optionsType
-        headline
-        title
-        text
-        ctaUrl: cta
-        ctaText
-    }
-  }
-`;
-const ELEMENT_NAME = "umd-element-nav-alert";
-const ALERT_CONSTANTS = {
-  URLS: {
-    DEFAULT: "https://umd.edu/api/v2"
-  },
-  STORAGE_KEYS: {
-    ALERT_TIME: "umd-utility-alert-time",
-    ALERT: "umd-utility-alert",
-    ALERT_ID: "umd-utility-alert-id"
-  },
-  ELEMENTS: {
-    ALERT_ID: "umd-global-alert",
-    DECLARATION: "umd-element-nav-alert-declaration",
-    CONTAINER: "umd-element-nav-alert-container",
-    LOCK: "umd-element-nav-alert-lock",
-    WRAPPER: "umd-element-nav-alert-wrapper",
-    TITLE: "umd-element-nav-alert-title",
-    TEXT: "umd-element-nav-alert-text",
-    CTA: "umd-element-nav-alert-cta",
-    CLOSE_BUTTON: "umd-element-nav-alert-close"
-  },
-  ATTRIBUTES: {
-    TYPE: "type"
-  },
-  TYPES: {
-    GENERAL: "general",
-    CLOSED: "closed",
-    OPEN: "open"
-  },
-  ANIMATION: {
-    SPEED: 800
-  },
-  BREAKPOINTS: {
-    MEDIUM: 768,
-    LARGE: 1024
-  },
-  CACHE: {
-    DURATION: 60 * 1e3
-    // One minute in milliseconds
-  }
-};
-const { ATTRIBUTES, ANIMATION, BREAKPOINTS, ELEMENTS, TYPES } = ALERT_CONSTANTS;
-const IS_TYPE_GENERAL = `[${ATTRIBUTES.TYPE}=${TYPES.GENERAL}]`;
-const IS_TYPE_CLOSED = `[${ATTRIBUTES.TYPE}=${TYPES.CLOSED}]`;
-const DECLARATION = `.${ELEMENTS.DECLARATION}`;
-const CONTAINER = `.${ELEMENTS.CONTAINER}`;
-const WRAPPER = `.${ELEMENTS.WRAPPER}`;
-const LOCK = `.${ELEMENTS.LOCK}`;
-const ALERT_TITLE = `.${ELEMENTS.TITLE}`;
-const ALERT_TEXT = `.${ELEMENTS.TEXT}`;
-const CLOSE_BUTTON = `.${ELEMENTS.CLOSE_BUTTON}`;
-const CTA = `.${ELEMENTS.CTA}`;
-const OVERWRITE_CONTAINER_TYPE_GENERAL = `${CONTAINER}${IS_TYPE_GENERAL}`;
-const OVERWRITE_CONTAINER_TYPE_CLOSED = `${CONTAINER}${IS_TYPE_CLOSED}`;
-const OverwriteTypeGeneral = `
-  ${OVERWRITE_CONTAINER_TYPE_GENERAL} {
-    background-color: ${token.color.black};
-  }
-
-  ${OVERWRITE_CONTAINER_TYPE_GENERAL} * {
-    color: ${token.color.white};
-  }
-
-  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:hover,
-  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:focus {
-    color: ${token.color.white} !important;
-  }
-
-  ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${ALERT_TITLE} {
-    color: ${token.color.gold};
-  }
-
-   ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${CLOSE_BUTTON} > svg {
-    fill: ${token.color.white};
-  }
-`;
-const OverwriteTypeClosed = `
-  ${OVERWRITE_CONTAINER_TYPE_CLOSED} {
-    background-color: ${token.color.gold};
-  }
-
-  ${OVERWRITE_CONTAINER_TYPE_CLOSED} * {
-    color: ${token.color.black};
-  }
-
-   ${OVERWRITE_CONTAINER_TYPE_CLOSED} .${CLOSE_BUTTON} > svg {
-    fill: ${token.color.black};
-  }
-`;
-const CloseButtonStyles = `
-  ${CLOSE_BUTTON} {
-    position: absolute;
-    top: 30px;
-    right: 10px;
-  }
-  
-  @container (max-width: ${BREAKPOINTS.MEDIUM - 1}px) {
-    ${CLOSE_BUTTON} {
-      top: 25px;
-      right: 5px;
-    }
-  }
-
-  ${CLOSE_BUTTON} > svg {
-    fill: ${token.color.black};
-    width: 24px;
-    height: 24px;
-  }
-`;
-const TextStyles = `
-  ${jssToCSS({
-  styleObj: {
-    [`${ALERT_TITLE}`]: typography.sans.large
-  }
-})}
-
-  ${ALERT_TITLE} {
-    text-transform: uppercase;
-  }
-
-  ${ALERT_TITLE} + * {
-    margin-top: ${token.spacing.sm};
-  }
-
-  ${jssToCSS({
-  styleObj: {
-    [`${ALERT_TEXT}`]: element.text.rich.advanced
-  }
-})}
-
-  ${ALERT_TEXT},
-  ${ALERT_TEXT} * {
-    font-size: 16px;;
-  }
-
-  ${ALERT_TEXT} + * {
-    margin-top: ${token.spacing.lg};
-  }
-
-  ${CTA} {
-    text-decoration: none;
-  }
-
-  ${CTA} svg {
-    max-width: 20px;
-  }
-`;
-const WrapperStyles = `
-  ${WRAPPER} {
-    position: relative;
-    padding-top: ${token.spacing.md};
-    padding-bottom: ${token.spacing.md};
-    padding-right: ${token.spacing.lg};
-  }
-
-  @container (min-width: ${BREAKPOINTS.MEDIUM}px) {
-    ${WRAPPER} {
-      padding-top: ${token.spacing.lg};
-      padding-bottom: ${token.spacing.lg};
-    }
-  }
-`;
-const LockStyles = `
-  ${jssToCSS({
-  styleObj: {
-    [`${LOCK}`]: layout.space.horizontal.full
-  }
-})}
-`;
-const ContainerStyles = `
-  ${CONTAINER} {
-    container: ${ELEMENT_NAME} / inline-size;
-    background-color: ${token.color.gray.lighter};
-    border-left: 4px solid ${token.color.red};
-    transition: height ${ANIMATION.SPEED}ms;
-    overflow: hidden;
-    position: relative;
-  }
-
-  @container (min-width: ${BREAKPOINTS.LARGE}px) {
-    ${CONTAINER} {
-      border-left: 8px solid ${token.color.red};
-    }
-  }
-`;
-const STYLES_NAV_ALERT = `
-  ${DECLARATION} {
-    container: ${ELEMENT_NAME} / inline-size;
-  }
-
-  ${ContainerStyles}
-  ${LockStyles}
-  ${WrapperStyles}
-  ${TextStyles}
-  ${CloseButtonStyles}
-  ${OverwriteTypeGeneral}
-  ${OverwriteTypeClosed}
-`;
-const logStorageError = (operation, error) => {
-  console.error(`UMD Component - Alert Storage: ${operation} failed:`, error);
-};
-const getStoredValue = (key) => {
-  try {
-    const value = window.localStorage.getItem(key);
-    return value ? JSON.parse(value) : null;
-  } catch (error) {
-    logStorageError(`Reading ${key}`, error);
-    return null;
-  }
-};
-const setStoredValue = (key, value) => {
-  try {
-    window.localStorage.setItem(key, JSON.stringify(value));
-  } catch (error) {
-    logStorageError("Saving value", error);
-  }
-};
-const clearAlertStorage = () => {
-  const { STORAGE_KEYS } = ALERT_CONSTANTS;
-  window.localStorage.removeItem(STORAGE_KEYS.ALERT_TIME);
-  window.localStorage.removeItem(STORAGE_KEYS.ALERT);
-};
-const checkAlertCache = () => {
-  const currentTime = (/* @__PURE__ */ new Date()).getTime();
-  const { STORAGE_KEYS, CACHE } = ALERT_CONSTANTS;
-  try {
-    const alertTimeStr = getStoredValue(STORAGE_KEYS.ALERT_TIME);
-    const cachedResponse = getStoredValue(STORAGE_KEYS.ALERT);
-    if (!alertTimeStr) {
-      setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());
-      return { shouldCheck: true, cachedData: null };
-    }
-    const alertTime = parseInt(alertTimeStr, 10);
-    const timeElapsed = currentTime - alertTime;
-    if (timeElapsed < CACHE.DURATION && cachedResponse) {
-      return { shouldCheck: false, cachedData: cachedResponse };
-    }
-    setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());
-    return { shouldCheck: true, cachedData: null };
-  } catch (error) {
-    console.error("Cache check failed:", error);
-    return { shouldCheck: true, cachedData: null };
-  }
-};
-const updateAlertCache = (alert) => {
-  setStoredValue(ALERT_CONSTANTS.STORAGE_KEYS.ALERT, alert);
-};
-const createElement = (tag, className, attributes) => {
-  const element2 = document.createElement(tag);
-  if (className) element2.classList.add(className);
-  if (attributes) {
-    Object.entries(attributes).forEach(([key, value]) => {
-      element2.setAttribute(key, value);
-    });
-  }
-  return element2;
-};
-const createCloseButton = (container) => {
-  const { ELEMENTS: ELEMENTS2, ANIMATION: ANIMATION2 } = ALERT_CONSTANTS;
-  const button = createElement("button", ELEMENTS2.CLOSE_BUTTON, {
-    "aria-label": "remove alert"
-  });
-  button.innerHTML = close_large;
-  button.addEventListener("click", () => {
-    const cachedAlert = getStoredValue(
-      ALERT_CONSTANTS.STORAGE_KEYS.ALERT
-    );
-    if (cachedAlert) {
-      container.style.height = `${container.offsetHeight}px`;
-      container.style.transition = `height ${ANIMATION2.SPEED}ms`;
-      updateAlertCache({ ...cachedAlert, hidden: true });
-      setTimeout(() => {
-        container.style.height = "0px";
-      }, 100);
-      setTimeout(() => {
-        container.remove();
-      }, ANIMATION2.SPEED + 100);
-    }
-  });
-  return button;
-};
-const createCTAElement = ({
-  ctaText,
-  ctaUrl
-}) => {
-  const link = createElement("a", ALERT_CONSTANTS.ELEMENTS.CTA, {
-    href: ctaUrl,
-    rel: "noopener noreferrer",
-    target: "_blank"
-  });
-  link.innerHTML = ctaText;
-  return options({
-    element: link,
-    isTypeSecondary: true
-  });
-};
-const createAlertContent = (alert, container) => {
-  const { ELEMENTS: ELEMENTS2 } = ALERT_CONSTANTS;
-  const wrapper = createElement("div", ELEMENTS2.WRAPPER);
-  const lock = createElement("div", ELEMENTS2.LOCK);
-  const headlineText = alert.headline || alert.title;
-  const title = createElement("p", ELEMENTS2.TITLE);
-  title.innerHTML = headlineText;
-  const closeButton = createCloseButton(container);
-  wrapper.append(closeButton, title);
-  if (alert.text) {
-    const message = createElement("div", ELEMENTS2.TEXT);
-    message.innerHTML = alert.text;
-    wrapper.append(closeButton, title, message);
-  }
-  if (alert.ctaUrl) {
-    const cta = createCTAElement({
-      ctaText: alert.ctaText || headlineText,
-      ctaUrl: alert.ctaUrl
-    });
-    wrapper.appendChild(cta.element);
-  }
-  lock.appendChild(wrapper);
-  return lock;
-};
-const createAlertComponent = (alert) => {
-  const { ELEMENTS: ELEMENTS2, ATTRIBUTES: ATTRIBUTES2 } = ALERT_CONSTANTS;
-  const declaration = createElement("div", ELEMENTS2.DECLARATION);
-  const container = createElement("div", ELEMENTS2.CONTAINER, {
-    id: ELEMENTS2.ALERT_ID,
-    [ATTRIBUTES2.TYPE]: alert.type
-  });
-  const content = createAlertContent(alert, container);
-  container.appendChild(content);
-  declaration.appendChild(container);
-  return declaration;
-};
-const fetchAlerts = async ({
-  alertUrl
-}) => {
-  try {
-    const url = alertUrl || ALERT_CONSTANTS.URLS.DEFAULT;
-    return await fetchGraphQL({
-      query: QUERY,
-      url,
-      token: "VIDnMeNYHTrLvWPtPpK5MNpjuv5WmmhU"
-    });
-  } catch (error) {
-    console.error("Failed to fetch alerts:", error);
-    return null;
-  }
-};
-const createNavAlert = async ({ alertUrl }) => {
-  const alertCache = checkAlertCache();
-  if (!alertCache.shouldCheck && alertCache.cachedData && !alertCache.cachedData.hidden) {
-    return { element: createAlertComponent(alertCache.cachedData) };
-  }
-  const response = await fetchAlerts({ alertUrl });
-  if (!response?.data?.entries[0]) {
-    clearAlertStorage();
-    return null;
-  }
-  const alert = response.data?.entries[0];
-  const cachedAlert = getStoredValue(
-    ALERT_CONSTANTS.STORAGE_KEYS.ALERT
-  );
-  if (cachedAlert?.id === alert.id) {
-    if (!cachedAlert.hidden && alertCache.shouldCheck) {
-      return { element: createAlertComponent(cachedAlert) };
-    }
-  } else {
-    clearAlertStorage();
-    updateAlertCache(alert);
-    return { element: createAlertComponent(alert) };
-  }
-  return null;
-};
-export {
-  ALERT_CONSTANTS,
-  STYLES_NAV_ALERT,
-  createNavAlert
-};
-//# sourceMappingURL=alert.mjs.map

package/dist/composite/navigation/utility/alert.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.mjs","sources":["../../../../source/composite/navigation/utility/alert.ts"],"sourcesContent":["import {\n  element,\n  layout,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\nimport { close_large as iconCloseLarge } from '@universityofmaryland/web-icons-library/controls';\nimport { actions } from 'atomic';\n\ntype AlertData = {\n  id: string;\n  type: string;\n  title: string;\n  headline?: string;\n  text: string;\n  ctaUrl: string;\n  ctaText?: string;\n  hidden?: boolean;\n};\n\ntype AlertResponse = {\n  data: {\n    entries: AlertData[];\n  };\n};\n\ntype AlertProps = {\n  alertUrl?: string | null;\n};\n\nexport type TypeAlertProps = {\n  alertUrl?: string | null;\n};\n\ntype ElementAttributes = Record<string, string>;\n\ntype CacheCheckResult = {\n  shouldCheck: boolean;\n  cachedData: AlertData | null;\n};\n\nconst QUERY = `\n  query CampusAlertsQuery {\n    entries: entries(\n      limit: 1\n      type: \"mainElementsCampusAlert\"\n    ) {\n        id: uid\n        type: optionsType\n        headline\n        title\n        text\n        ctaUrl: cta\n        ctaText\n    }\n  }\n`;\n\nconst ELEMENT_NAME = 'umd-element-nav-alert';\nexport const ALERT_CONSTANTS = {\n  URLS: {\n    DEFAULT: 'https://umd.edu/api/v2',\n  },\n  STORAGE_KEYS: {\n    ALERT_TIME: 'umd-utility-alert-time',\n    ALERT: 'umd-utility-alert',\n    ALERT_ID: 'umd-utility-alert-id',\n  },\n  ELEMENTS: {\n    ALERT_ID: 'umd-global-alert',\n    DECLARATION: 'umd-element-nav-alert-declaration',\n    CONTAINER: 'umd-element-nav-alert-container',\n    LOCK: 'umd-element-nav-alert-lock',\n    WRAPPER: 'umd-element-nav-alert-wrapper',\n    TITLE: 'umd-element-nav-alert-title',\n    TEXT: 'umd-element-nav-alert-text',\n    CTA: 'umd-element-nav-alert-cta',\n    CLOSE_BUTTON: 'umd-element-nav-alert-close',\n  },\n  ATTRIBUTES: {\n    TYPE: 'type',\n  },\n  TYPES: {\n    GENERAL: 'general',\n    CLOSED: 'closed',\n    OPEN: 'open',\n  },\n  ANIMATION: {\n    SPEED: 800,\n  },\n  BREAKPOINTS: {\n    MEDIUM: 768,\n    LARGE: 1024,\n  },\n  CACHE: {\n    DURATION: 60 * 1000, // One minute in milliseconds\n  },\n} as const;\n\nconst { ATTRIBUTES, ANIMATION, BREAKPOINTS, ELEMENTS, TYPES } = ALERT_CONSTANTS;\nconst IS_TYPE_GENERAL = `[${ATTRIBUTES.TYPE}=${TYPES.GENERAL}]`;\nconst IS_TYPE_CLOSED = `[${ATTRIBUTES.TYPE}=${TYPES.CLOSED}]`;\n\nconst DECLARATION = `.${ELEMENTS.DECLARATION}`;\nconst CONTAINER = `.${ELEMENTS.CONTAINER}`;\nconst WRAPPER = `.${ELEMENTS.WRAPPER}`;\nconst LOCK = `.${ELEMENTS.LOCK}`;\nconst ALERT_TITLE = `.${ELEMENTS.TITLE}`;\nconst ALERT_TEXT = `.${ELEMENTS.TEXT}`;\nconst CLOSE_BUTTON = `.${ELEMENTS.CLOSE_BUTTON}`;\nconst CTA = `.${ELEMENTS.CTA}`;\n\nconst OVERWRITE_CONTAINER_TYPE_GENERAL = `${CONTAINER}${IS_TYPE_GENERAL}`;\nconst OVERWRITE_CONTAINER_TYPE_CLOSED = `${CONTAINER}${IS_TYPE_CLOSED}`;\n\n// prettier-ignore\nconst OverwriteTypeGeneral = `\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} {\n    background-color: ${token.color.black};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} * {\n    color: ${token.color.white};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:hover,\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:focus {\n    color: ${token.color.white} !important;\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${ALERT_TITLE} {\n    color: ${token.color.gold};\n  }\n\n   ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${CLOSE_BUTTON} > svg {\n    fill: ${token.color.white};\n  }\n`\n\n// prettier-ignore\nconst OverwriteTypeClosed = `\n  ${OVERWRITE_CONTAINER_TYPE_CLOSED} {\n    background-color: ${token.color.gold};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_CLOSED} * {\n    color: ${token.color.black};\n  }\n\n   ${OVERWRITE_CONTAINER_TYPE_CLOSED} .${CLOSE_BUTTON} > svg {\n    fill: ${token.color.black};\n  }\n`\n\n// prettier-ignore\nconst CloseButtonStyles = `\n  ${CLOSE_BUTTON} {\n    position: absolute;\n    top: 30px;\n    right: 10px;\n  }\n  \n  @container (max-width: ${BREAKPOINTS.MEDIUM - 1}px) {\n    ${CLOSE_BUTTON} {\n      top: 25px;\n      right: 5px;\n    }\n  }\n\n  ${CLOSE_BUTTON} > svg {\n    fill: ${token.color.black};\n    width: 24px;\n    height: 24px;\n  }\n`\n\n// prettier-ignore\nconst TextStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`${ALERT_TITLE}`]: typography.sans.large,\n    },\n  })}\n\n  ${ALERT_TITLE} {\n    text-transform: uppercase;\n  }\n\n  ${ALERT_TITLE} + * {\n    margin-top: ${token.spacing.sm};\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`${ALERT_TEXT}`]: element.text.rich.advanced,\n    },\n  })}\n\n  ${ALERT_TEXT},\n  ${ALERT_TEXT} * {\n    font-size: 16px;;\n  }\n\n  ${ALERT_TEXT} + * {\n    margin-top: ${token.spacing.lg};\n  }\n\n  ${CTA} {\n    text-decoration: none;\n  }\n\n  ${CTA} svg {\n    max-width: 20px;\n  }\n`\n\n// prettier-ignore\nconst WrapperStyles = `\n  ${WRAPPER} {\n    position: relative;\n    padding-top: ${token.spacing.md};\n    padding-bottom: ${token.spacing.md};\n    padding-right: ${token.spacing.lg};\n  }\n\n  @container (min-width: ${BREAKPOINTS.MEDIUM}px) {\n    ${WRAPPER} {\n      padding-top: ${token.spacing.lg};\n      padding-bottom: ${token.spacing.lg};\n    }\n  }\n`\n\n// prettier-ignore\nconst LockStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`${LOCK}`]: layout.space.horizontal.full,\n    },\n  })}\n`\n\n// prettier-ignore\nconst ContainerStyles = `\n  ${CONTAINER} {\n    container: ${ELEMENT_NAME} / inline-size;\n    background-color: ${token.color.gray.lighter};\n    border-left: 4px solid ${token.color.red};\n    transition: height ${ANIMATION.SPEED}ms;\n    overflow: hidden;\n    position: relative;\n  }\n\n  @container (min-width: ${BREAKPOINTS.LARGE}px) {\n    ${CONTAINER} {\n      border-left: 8px solid ${token.color.red};\n    }\n  }\n`\n\n// prettier-ignore\nexport const STYLES_NAV_ALERT = `\n  ${DECLARATION} {\n    container: ${ELEMENT_NAME} / inline-size;\n  }\n\n  ${ContainerStyles}\n  ${LockStyles}\n  ${WrapperStyles}\n  ${TextStyles}\n  ${CloseButtonStyles}\n  ${OverwriteTypeGeneral}\n  ${OverwriteTypeClosed}\n`;\n\n// storage.ts\nconst logStorageError = (operation: string, error: Error): void => {\n  console.error(`UMD Component - Alert Storage: ${operation} failed:`, error);\n};\n\nconst getStoredValue = <T>(key: string): T | null => {\n  try {\n    const value = window.localStorage.getItem(key);\n    return value ? JSON.parse(value) : null;\n  } catch (error) {\n    logStorageError(`Reading ${key}`, error as Error);\n    return null;\n  }\n};\n\nconst setStoredValue = (key: string, value: unknown): void => {\n  try {\n    window.localStorage.setItem(key, JSON.stringify(value));\n  } catch (error) {\n    logStorageError('Saving value', error as Error);\n  }\n};\n\nconst clearAlertStorage = (): void => {\n  const { STORAGE_KEYS } = ALERT_CONSTANTS;\n  window.localStorage.removeItem(STORAGE_KEYS.ALERT_TIME);\n  window.localStorage.removeItem(STORAGE_KEYS.ALERT);\n};\n\nconst checkAlertCache = (): CacheCheckResult => {\n  const currentTime = new Date().getTime();\n  const { STORAGE_KEYS, CACHE } = ALERT_CONSTANTS;\n\n  try {\n    const alertTimeStr = getStoredValue<string>(STORAGE_KEYS.ALERT_TIME);\n    const cachedResponse = getStoredValue<AlertData>(STORAGE_KEYS.ALERT);\n\n    if (!alertTimeStr) {\n      setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());\n      return { shouldCheck: true, cachedData: null };\n    }\n\n    const alertTime = parseInt(alertTimeStr, 10);\n    const timeElapsed = currentTime - alertTime;\n\n    if (timeElapsed < CACHE.DURATION && cachedResponse) {\n      return { shouldCheck: false, cachedData: cachedResponse };\n    }\n\n    setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());\n    return { shouldCheck: true, cachedData: null };\n  } catch (error) {\n    console.error('Cache check failed:', error);\n    return { shouldCheck: true, cachedData: null };\n  }\n};\n\nconst updateAlertCache = (alert: AlertData): void => {\n  setStoredValue(ALERT_CONSTANTS.STORAGE_KEYS.ALERT, alert);\n};\n\nconst createElement = (\n  tag: string,\n  className?: string,\n  attributes?: ElementAttributes,\n): HTMLElement => {\n  const element = document.createElement(tag);\n  if (className) element.classList.add(className);\n  if (attributes) {\n    Object.entries(attributes).forEach(([key, value]) => {\n      element.setAttribute(key, value);\n    });\n  }\n  return element;\n};\n\nconst createCloseButton = (container: HTMLElement): HTMLButtonElement => {\n  const { ELEMENTS, ANIMATION } = ALERT_CONSTANTS;\n  const button = createElement('button', ELEMENTS.CLOSE_BUTTON, {\n    'aria-label': 'remove alert',\n  }) as HTMLButtonElement;\n\n  button.innerHTML = iconCloseLarge;\n  button.addEventListener('click', () => {\n    const cachedAlert = getStoredValue<AlertData>(\n      ALERT_CONSTANTS.STORAGE_KEYS.ALERT,\n    );\n    if (cachedAlert) {\n      // Animate close\n      container.style.height = `${container.offsetHeight}px`;\n      container.style.transition = `height ${ANIMATION.SPEED}ms`;\n\n      updateAlertCache({ ...cachedAlert, hidden: true });\n\n      setTimeout(() => {\n        container.style.height = '0px';\n      }, 100);\n\n      setTimeout(() => {\n        container.remove();\n      }, ANIMATION.SPEED + 100);\n    }\n  });\n\n  return button;\n};\n\nconst createCTAElement = ({\n  ctaText,\n  ctaUrl,\n}: {\n  ctaText: string;\n  ctaUrl: string;\n}) => {\n  const link = createElement('a', ALERT_CONSTANTS.ELEMENTS.CTA, {\n    href: ctaUrl,\n    rel: 'noopener noreferrer',\n    target: '_blank',\n  });\n  link.innerHTML = ctaText;\n\n  return actions.options({\n    element: link,\n    isTypeSecondary: true,\n  });\n};\n\nconst createAlertContent = (\n  alert: AlertData,\n  container: HTMLElement,\n): HTMLElement => {\n  const { ELEMENTS } = ALERT_CONSTANTS;\n  const wrapper = createElement('div', ELEMENTS.WRAPPER);\n  const lock = createElement('div', ELEMENTS.LOCK);\n  const headlineText = alert.headline || alert.title;\n\n  // Create elements\n  const title = createElement('p', ELEMENTS.TITLE);\n  title.innerHTML = headlineText;\n\n  const closeButton = createCloseButton(container);\n\n  wrapper.append(closeButton, title);\n\n  if (alert.text) {\n    const message = createElement('div', ELEMENTS.TEXT);\n    message.innerHTML = alert.text;\n    wrapper.append(closeButton, title, message);\n  }\n\n  // Add CTA if exists\n  if (alert.ctaUrl) {\n    const cta = createCTAElement({\n      ctaText: alert.ctaText || headlineText,\n      ctaUrl: alert.ctaUrl,\n    });\n\n    wrapper.appendChild(cta.element);\n  }\n\n  lock.appendChild(wrapper);\n  return lock;\n};\n\nconst createAlertComponent = (alert: AlertData): HTMLElement => {\n  const { ELEMENTS, ATTRIBUTES } = ALERT_CONSTANTS;\n\n  const declaration = createElement('div', ELEMENTS.DECLARATION);\n  const container = createElement('div', ELEMENTS.CONTAINER, {\n    id: ELEMENTS.ALERT_ID,\n    [ATTRIBUTES.TYPE]: alert.type,\n  });\n\n  const content = createAlertContent(alert, container);\n  container.appendChild(content);\n  declaration.appendChild(container);\n\n  return declaration;\n};\n\nconst fetchAlerts = async ({\n  alertUrl,\n}: AlertProps): Promise<AlertResponse | null> => {\n  try {\n    const url = alertUrl || ALERT_CONSTANTS.URLS.DEFAULT;\n\n    return await fetchGraphQL({\n      query: QUERY,\n      url,\n      token: 'VIDnMeNYHTrLvWPtPpK5MNpjuv5WmmhU',\n    });\n  } catch (error) {\n    console.error('Failed to fetch alerts:', error);\n    return null;\n  }\n};\n\nexport const createNavAlert = async ({ alertUrl }: AlertProps) => {\n  const alertCache = checkAlertCache();\n\n  // Show cached alert if valid\n  if (\n    !alertCache.shouldCheck &&\n    alertCache.cachedData &&\n    !alertCache.cachedData.hidden\n  ) {\n    return { element: createAlertComponent(alertCache.cachedData) };\n  }\n\n  // Fetch new alerts\n  const response = await fetchAlerts({ alertUrl });\n  if (!response?.data?.entries[0]) {\n    clearAlertStorage();\n    return null;\n  }\n\n  const alert = response.data?.entries[0];\n  const cachedAlert = getStoredValue<AlertData>(\n    ALERT_CONSTANTS.STORAGE_KEYS.ALERT,\n  );\n\n  // Handle alert updates\n  if (cachedAlert?.id === alert.id) {\n    if (!cachedAlert.hidden && alertCache.shouldCheck) {\n      return { element: createAlertComponent(cachedAlert) };\n    }\n  } else {\n    clearAlertStorage();\n    updateAlertCache(alert);\n    return { element: createAlertComponent(alert) };\n  }\n\n  return null;\n};\n"],"names":["element","ELEMENTS","ANIMATION","iconCloseLarge","actions.options","ATTRIBUTES"],"mappings":"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"}