@availity/mui-spaces 0.2.6 → 0.3.1

package/dist/index.mjs

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -39,7 +51,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/lib/Spaces.tsx
-import { createContext, useContext, useReducer, useEffect } from "react";
+import { createContext as createContext2, useContext as useContext2, useReducer as useReducer2, useEffect as useEffect3 } from "react";
 import { useQueries } from "@tanstack/react-query";
 
 // src/lib/spaces-data.tsx
@@ -211,13 +223,373 @@ var configurationFindMany_default = `query configurationFindMany($ids: [String!]
   }
 }`;
 
+// src/lib/modals/ModalProvider.tsx
+import { createContext, useContext, useReducer } from "react";
+import { isAbsoluteUrl } from "@availity/resolve-url";
+import { Dialog, DialogTitle, DialogActions } from "@availity/mui-dialog";
+import { Button } from "@availity/mui-button";
+
+// src/lib/helpers.tsx
+import qs from "qs";
+var updateUrl = (url, key, value) => {
+  const [uri, queryString] = url.split("?");
+  const currentParams = qs.parse(queryString);
+  const additionalParams = key && value && { [key]: value };
+  const newParams = qs.stringify(__spreadValues(__spreadValues({}, currentParams), additionalParams), { sort: (a, b) => a.localeCompare(b) });
+  return `${uri}?${newParams}`;
+};
+var getUrl = (url = "", loadApp, absolute) => {
+  if (absolute || !loadApp)
+    return url;
+  return `/public/apps/home/#!/loadApp?appUrl=${encodeURIComponent(url)}`;
+};
+var getTarget = (target) => {
+  if (target && !target.startsWith("_")) {
+    if (target === "BODY") {
+      return "_self";
+    }
+    if (target === "TAB") {
+      return "_blank";
+    }
+  }
+  return target || "_self";
+};
+var isFunction = (children) => typeof children === "function";
+var isReactNodeFunction = (children) => typeof children === "function";
+
+// src/lib/topApps.tsx
+import avMessage from "@availity/message-core";
+import dayjs from "dayjs";
+var TOP_APPS = {
+  ALLOWED_TYPES: ["APPLICATION", "RESOURCE", "NAVIGATION"],
+  DISALLOWED_TYPES: ["reporting", "how_to_guide_dental_providers", "my_account_profile", "my_administrators"],
+  KEYS: {
+    VALUES: "myTopApps",
+    LAST_UPDATED: "top-apps-updated"
+  },
+  UPDATE_EVENT: "av:topApps:updated"
+};
+var getItemLocalStorage = (key) => {
+  try {
+    const value = window.localStorage.getItem(key);
+    if (value === null) {
+      return null;
+    }
+    return JSON.parse(value);
+  } catch (e) {
+    return null;
+  }
+};
+var canTrackSpace = (spaceId, type) => TOP_APPS.ALLOWED_TYPES.some((t) => t === type) && !TOP_APPS.DISALLOWED_TYPES.some((id) => id === spaceId);
+var getLocalStorageTopApps = (akaname) => {
+  const topAppsValues = getItemLocalStorage(`${TOP_APPS.KEYS.VALUES}-${akaname}`);
+  return topAppsValues;
+};
+var updateTopApps = (space, akaname) => __async(void 0, null, function* () {
+  if (!space.configurationId || !space.type)
+    return;
+  if (canTrackSpace(space.configurationId, space.type)) {
+    const today = dayjs();
+    const topApps = (yield getLocalStorageTopApps(akaname)) || {};
+    window.localStorage.setItem(`${TOP_APPS.KEYS.LAST_UPDATED}-${akaname}`, today.format());
+    const currentCount = topApps[space.configurationId] && typeof topApps[space.configurationId].count === "number" ? topApps[space.configurationId].count : 0;
+    topApps[space.configurationId] = __spreadProps(__spreadValues({}, topApps == null ? void 0 : topApps[space.configurationId]), {
+      count: currentCount + 1,
+      lastUse: today.format()
+    });
+    window.localStorage.setItem(`${TOP_APPS.KEYS.VALUES}-${akaname}`, JSON.stringify(topApps));
+    avMessage.send(TOP_APPS.UPDATE_EVENT);
+  }
+});
+
+// src/lib/modals/DisclaimerModal.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import { avWebQLApi as avWebQLApi2 } from "@availity/api-axios";
+import ReactMarkdown from "react-markdown";
+
+// ../progress/src/lib/CircularProgress.tsx
+import { useEffect, useState } from "react";
+import {
+  default as MuiCircularProgress
+} from "@mui/material/CircularProgress";
+import Stack from "@mui/material/Stack";
+import { SuccessCircleIcon, WarningCircleIcon } from "@availity/mui-icon";
+import { Typography } from "@availity/mui-typography";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StatusIcon = ({ status, size }) => {
+  const fontSize = size === "small" ? "medium" : "large";
+  switch (status) {
+    case "error":
+      return /* @__PURE__ */ jsx(WarningCircleIcon, { color: "error", fontSize, titleAccess: "loading error" });
+    case "success":
+      return /* @__PURE__ */ jsx(SuccessCircleIcon, { color: "success", fontSize, titleAccess: "loading successful" });
+    default:
+      return null;
+  }
+};
+var getCaptionText = (status) => ({
+  loading: "Loading",
+  error: "Loading error",
+  success: "Loading successful"
+})[status] || "";
+var CircularProgress = (_a) => {
+  var _b = _a, {
+    loadingCaption = true,
+    error = false,
+    success = false,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "loadingCaption",
+    "error",
+    "success",
+    "size"
+  ]);
+  const [status, setStatus] = useState("loading");
+  useEffect(() => {
+    if (error) {
+      setStatus("error");
+    } else if (success) {
+      setStatus("success");
+    } else {
+      setStatus("loading");
+    }
+  }, [error, success]);
+  return /* @__PURE__ */ jsxs(Stack, { width: "fit-content", alignItems: "center", children: [
+    status === "loading" ? /* @__PURE__ */ jsx(
+      MuiCircularProgress,
+      __spreadProps(__spreadValues({
+        "aria-label": "Loading"
+      }, props), {
+        size: size === "small" ? 24 : 40,
+        variant: "indeterminate"
+      })
+    ) : /* @__PURE__ */ jsx(StatusIcon, { status, size }),
+    /* @__PURE__ */ jsx(Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
+  ] });
+};
+
+// src/lib/modals/DisclaimerModal.tsx
+import { DialogContent } from "@availity/mui-dialog";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var disclaimerQuery = `query disclaimerFindOne($id: ID!) {
+  configurationFindOne(id: $id) {
+    ... on Text {
+      description
+    }
+  }
+}`;
+var DisclaimerModal = ({ disclaimerId }) => {
+  const [disclaimer, setDisclaimer] = useState2("");
+  useEffect2(() => {
+    const fetchDisclaimer = () => __async(void 0, null, function* () {
+      if (disclaimerId) {
+        const result = yield avWebQLApi2.create({ query: disclaimerQuery, variables: { id: disclaimerId } });
+        setDisclaimer(result.data.data.configurationFindOne.description);
+      }
+    });
+    fetchDisclaimer();
+  }, [disclaimerId]);
+  return /* @__PURE__ */ jsx2(DialogContent, { children: disclaimer ? /* @__PURE__ */ jsx2(ReactMarkdown, { children: disclaimer }) : /* @__PURE__ */ jsx2(CircularProgress, {}) });
+};
+
+// src/lib/modals/MultiPayerModal.tsx
+import { DialogContent as DialogContent2 } from "@availity/mui-dialog";
+import { Grid, Box } from "@availity/mui-layout";
+import { Typography as Typography2 } from "@availity/mui-typography";
+
+// src/lib/SpacesImage.tsx
+import { Img } from "react-image";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SpacesImage = (_a) => {
+  var _b = _a, { spaceId, payerId, imageType = "url", fallback } = _b, props = __objRest(_b, ["spaceId", "payerId", "imageType", "fallback"]);
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  let spaces;
+  if (spaceId) {
+    spaces = useSpaces(spaceId);
+  } else if (payerId) {
+    spaces = useSpaces(payerId);
+  }
+  const { loading } = useSpacesContext();
+  const id = spaceId || payerId || (spaces == null ? void 0 : spaces[0].id) || (spaces == null ? void 0 : spaces[0].configurationId);
+  const imageMap = {
+    "images.logo": (_b2 = (_a2 = spaces == null ? void 0 : spaces[0]) == null ? void 0 : _a2.images) == null ? void 0 : _b2.logo,
+    "images.tile": (_d = (_c = spaces == null ? void 0 : spaces[0]) == null ? void 0 : _c.images) == null ? void 0 : _d.tile,
+    "images.billboard": (_f = (_e = spaces == null ? void 0 : spaces[0]) == null ? void 0 : _e.images) == null ? void 0 : _f.billboard,
+    "images.promotional": (_h = (_g = spaces == null ? void 0 : spaces[0]) == null ? void 0 : _g.images) == null ? void 0 : _h.promotional,
+    "images.promotionalHover": (_j = (_i = spaces == null ? void 0 : spaces[0]) == null ? void 0 : _i.images) == null ? void 0 : _j.promotionalHover,
+    url: (_k = spaces == null ? void 0 : spaces[0]) == null ? void 0 : _k.url
+  };
+  let url = imageMap[imageType];
+  if (!url && loading) {
+    return /* @__PURE__ */ jsx3(CircularProgress, { id: `app-${id}-loading` });
+  }
+  if (!url && !loading && fallback) {
+    url = fallback;
+  }
+  if (!url || !id)
+    return null;
+  return /* @__PURE__ */ jsx3(
+    Img,
+    __spreadValues({
+      id: props.id || `app-img-${id}`,
+      src: url,
+      alt: `Space ${imageType}`,
+      loader: /* @__PURE__ */ jsx3(CircularProgress, { id: `app-img-${id}-loading` })
+    }, props)
+  );
+};
+
+// src/lib/modals/MultiPayerModal.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var MultiPayerModal = ({ parentPayerSpaces, name, state: { selectedOption }, setState }) => /* @__PURE__ */ jsxs2(DialogContent2, { children: [
+  /* @__PURE__ */ jsx4(Typography2, { children: `Open ${name} as: ${selectedOption ? selectedOption.name || selectedOption.id : ""}` }),
+  /* @__PURE__ */ jsx4(Grid, { direction: "row", children: parentPayerSpaces && parentPayerSpaces.map((payerSpace) => /* @__PURE__ */ jsx4(Box, { onClick: () => setState({ selectedOption: payerSpace }), children: /* @__PURE__ */ jsx4(SpacesImage, { spaceId: payerSpace.configurationId, imageType: "images.tile" }) })) })
+] });
+
+// src/lib/modals/modal-types.tsx
+var isModalOptions = (action) => action.spaceType !== void 0;
+var isModalState = (action) => action.selectedOption !== void 0;
+
+// src/lib/modals/ModalProvider.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var MODAL_INITIAL_STATE = {
+  isOpen: false,
+  modalOptions: void 0,
+  modalState: { selectedOption: { id: "", name: "" } },
+  selectedModal: {}
+};
+var ModalContext = createContext(null);
+var useModal = () => {
+  const ctx = useContext(ModalContext);
+  if (!ctx)
+    throw new Error("ModalContext be used inside a Provider");
+  return ctx;
+};
+var MODAL_TYPES = {
+  DISCLAIMER: {
+    body: DisclaimerModal,
+    buttonProps: () => ({
+      children: "Accept"
+    }),
+    onSubmit: ({ link, id: spaceId }) => {
+      var _a;
+      window.open(((_a = link.url) == null ? void 0 : _a[0]) === "/" ? updateUrl(link.url, "spaceId", spaceId) : link.url, link.target);
+    }
+  },
+  MULTI_PAYER: {
+    body: MultiPayerModal,
+    buttonProps: ({ selectedOption }) => ({
+      children: "Continue",
+      disabled: selectedOption === void 0
+    }),
+    onSubmit: ({ metadata, link, id: spaceId, name }, modalState, dispatch) => {
+      if (metadata == null ? void 0 : metadata.disclaimerId) {
+        dispatch({ type: "OPEN_DISCLAIMER_MODAL", disclaimerId: metadata.disclaimerId, link, id: spaceId, name });
+        return;
+      }
+      const target = getTarget(link.target);
+      if (link.url) {
+        window.open(
+          !isAbsoluteUrl(link.url) ? getUrl(updateUrl(link.url, "spaceId", modalState.selectedOption.id), false, false) : link.url,
+          target
+        );
+      }
+    }
+  }
+};
+var modalActions = {
+  RESET: () => MODAL_INITIAL_STATE,
+  OPEN_DISCLAIMER_MODAL: (state, modalOptions) => __spreadProps(__spreadValues({}, state), {
+    isOpen: true,
+    selectedModal: MODAL_TYPES.DISCLAIMER,
+    modalOptions: __spreadProps(__spreadValues({}, modalOptions), { type: modalOptions.spaceType })
+  }),
+  OPEN_MULTI_PAYER_MODAL: (state, modalOptions) => __spreadProps(__spreadValues({}, state), {
+    isOpen: true,
+    selectedModal: MODAL_TYPES.MULTI_PAYER,
+    modalOptions: __spreadProps(__spreadValues({}, modalOptions), {
+      type: modalOptions.spaceType
+    })
+  }),
+  UPDATE_MODAL_STATE: (state, modalState) => __spreadProps(__spreadValues({}, state), {
+    modalState
+  })
+};
+var modalReducer = (state, _a) => {
+  var _b = _a, { type } = _b, action = __objRest(_b, ["type"]);
+  if (type === "RESET")
+    return modalActions.RESET();
+  if (isModalOptions(action)) {
+    if (type === "OPEN_MULTI_PAYER_MODAL")
+      return modalActions.OPEN_MULTI_PAYER_MODAL(state, action);
+    else if (type === "OPEN_DISCLAIMER_MODAL")
+      return modalActions.OPEN_DISCLAIMER_MODAL(state, action);
+  } else if (isModalState(action)) {
+    if (type === "UPDATE_MODAL_STATE")
+      return modalActions.UPDATE_MODAL_STATE(state, action);
+  }
+  return state;
+};
+var ModalProvider = ({ children }) => {
+  const [{ selectedModal, modalOptions, modalState, isOpen }, dispatch] = useReducer(modalReducer, MODAL_INITIAL_STATE);
+  const toggle = () => dispatch({ type: "RESET" });
+  const buttonProps = (selectedModal == null ? void 0 : selectedModal.buttonProps) && (selectedModal == null ? void 0 : selectedModal.buttonProps(__spreadProps(__spreadValues({}, modalState), { modalOptions })));
+  const Body = selectedModal == null ? void 0 : selectedModal.body;
+  return /* @__PURE__ */ jsxs3(
+    ModalContext.Provider,
+    {
+      value: (modalType, modalOptions2) => dispatch(__spreadValues({ type: `OPEN_${modalType}` }, modalOptions2)),
+      children: [
+        /* @__PURE__ */ jsxs3(Dialog, { open: isOpen, children: [
+          /* @__PURE__ */ jsx5(DialogTitle, { id: "disclaimer-header", children: modalOptions == null ? void 0 : modalOptions.title }),
+          Body && /* @__PURE__ */ jsx5(
+            Body,
+            __spreadProps(__spreadValues({}, modalOptions), {
+              setState: (newState) => dispatch(__spreadValues({ type: "UPDATE_MODAL_STATE" }, newState)),
+              state: modalState
+            })
+          ),
+          /* @__PURE__ */ jsxs3(DialogActions, { children: [
+            /* @__PURE__ */ jsx5(Button, { onClick: toggle, children: "Cancel" }),
+            /* @__PURE__ */ jsx5(
+              Button,
+              __spreadProps(__spreadValues({
+                color: "primary"
+              }, buttonProps), {
+                onClick: () => {
+                  if ((selectedModal == null ? void 0 : selectedModal.onSubmit) && modalOptions && modalState) {
+                    selectedModal.onSubmit(modalOptions, modalState, dispatch);
+                  }
+                  if (modalOptions) {
+                    updateTopApps(
+                      {
+                        configurationId: modalOptions.id,
+                        type: modalOptions.type,
+                        name: modalOptions.name,
+                        id: modalOptions.id
+                      },
+                      modalOptions.user
+                    );
+                  }
+                  toggle();
+                }
+              })
+            )
+          ] })
+        ] }),
+        children
+      ]
+    }
+  );
+};
+
 // src/lib/Spaces.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var INITIAL_STATE = {
   loading: true
 };
-var SpacesContext = createContext(INITIAL_STATE);
-var useSpacesContext = () => useContext(SpacesContext);
+var SpacesContext = createContext2(INITIAL_STATE);
+var useSpacesContext = () => useContext2(SpacesContext);
 var Spaces = ({
   query = configurationFindMany_default,
   variables = { types: ["PAYERSPACE"] },
@@ -227,7 +599,7 @@ var Spaces = ({
   spaceIds,
   spaces: spacesFromProps
 }) => {
-  const [{ previousSpacesMap, previousSpacesByConfigMap, previousSpacesByPayerMap, loading, error }, dispatch] = useReducer(spacesReducer, INITIAL_STATE);
+  const [{ previousSpacesMap, previousSpacesByConfigMap, previousSpacesByPayerMap, loading, error }, dispatch] = useReducer2(spacesReducer, INITIAL_STATE);
   const spacesMap = new Map(previousSpacesMap);
   const configIdsMap = new Map(previousSpacesByConfigMap);
   const payerIdsMap = new Map(previousSpacesByPayerMap);
@@ -286,7 +658,7 @@ var Spaces = ({
       }
     ]
   });
-  useEffect(() => {
+  useEffect3(() => {
     if (isErrorByPayerIds || isErrorBySpaceIds) {
       dispatch({
         type: "ERROR",
@@ -295,7 +667,7 @@ var Spaces = ({
       });
     }
   }, [isErrorByPayerIds, isErrorBySpaceIds]);
-  useEffect(() => {
+  useEffect3(() => {
     dispatch({
       type: "LOADING",
       loading: true
@@ -357,17 +729,22 @@ var Spaces = ({
       loading: false
     });
   }, [spacesBySpaceIds, spacesByPayerIds, payerIds, spaceIds]);
-  return /* @__PURE__ */ jsx(
+  const spacesChildren = () => {
+    if (children) {
+      return isReactNodeFunction(children) ? (() => children({ spaces: [spacesMap.values()], loading, error }))() : children;
+    }
+  };
+  return /* @__PURE__ */ jsx6(
     SpacesContext.Provider,
     {
-      children,
       value: {
         spaces: spacesMap,
         spacesByConfig: configIdsMap,
         spacesByPayer: payerIdsMap,
         loading: loading || isLoadingByPayerIds || isLoadingBySpaceIds,
         error
-      }
+      },
+      children: /* @__PURE__ */ jsx6(ModalProvider, { children: spacesChildren() })
     }
   );
 };
@@ -393,10 +770,821 @@ var useSpaces = (...ids) => {
     }
   }, []);
 };
+
+// src/lib/SpacesLink/SpacesLink.tsx
+import dayjs2 from "dayjs";
+
+// ../card/src/lib/Card.tsx
+import { default as MuiCard } from "@mui/material/Card";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Card = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx7(MuiCard, __spreadProps(__spreadValues({}, rest), { children }));
+};
+
+// ../card/src/lib/CardActionArea.tsx
+import {
+  default as MuiCardActionArea
+} from "@mui/material/CardActionArea";
+import { jsx as jsx8 } from "react/jsx-runtime";
+
+// ../card/src/lib/CardActions.tsx
+import { default as MuiCardActions } from "@mui/material/CardActions";
+import { jsx as jsx9 } from "react/jsx-runtime";
+
+// ../card/src/lib/CardContent.tsx
+import { default as MuiCardContent } from "@mui/material/CardContent";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var CardContent = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx10(MuiCardContent, __spreadProps(__spreadValues({}, rest), { children }));
+};
+
+// ../card/src/lib/CardHeader.tsx
+import { useTheme } from "@mui/material/styles";
+import { default as MuiCardHeader } from "@mui/material/CardHeader";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var CardHeader = (_a) => {
+  var _b = _a, {
+    titleTypographyProps,
+    subheaderTypographyProps
+  } = _b, rest = __objRest(_b, [
+    "titleTypographyProps",
+    "subheaderTypographyProps"
+  ]);
+  var _a2, _b2, _c, _d;
+  const theme = useTheme();
+  const titleVariant = (_d = (_c = (_b2 = (_a2 = theme.components) == null ? void 0 : _a2.MuiCardHeader) == null ? void 0 : _b2.defaultProps) == null ? void 0 : _c.titleTypographyProps) == null ? void 0 : _d.variant;
+  return /* @__PURE__ */ jsx11(
+    MuiCardHeader,
+    __spreadProps(__spreadValues({}, rest), {
+      titleTypographyProps: __spreadValues({
+        variant: titleVariant
+      }, titleTypographyProps),
+      subheaderTypographyProps: __spreadValues({ variant: "subtitle2" }, subheaderTypographyProps)
+    })
+  );
+};
+
+// ../card/src/lib/CardMedia.tsx
+import { default as MuiCardMedia } from "@mui/material/CardMedia";
+import { jsx as jsx12 } from "react/jsx-runtime";
+
+// src/lib/SpacesLink/SpacesLink.tsx
+import { Typography as Typography3 } from "@availity/mui-typography";
+import { NavigateTopIcon, FileIcon } from "@availity/mui-icon";
+import { useMemo as useMemo2, cloneElement } from "react";
+
+// ../chip/src/lib/Chip.tsx
+import { default as MuiChip } from "@mui/material/Chip";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Chip = (props) => {
+  return /* @__PURE__ */ jsx13(MuiChip, __spreadProps(__spreadValues({}, props), { color: "default", size: "medium" }));
+};
+
+// ../chip/src/lib/StatusChip.tsx
+import { default as MuiChip2 } from "@mui/material/Chip";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var StatusChip = (_a) => {
+  var _b = _a, { color = "default" } = _b, rest = __objRest(_b, ["color"]);
+  return /* @__PURE__ */ jsx14(MuiChip2, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
+};
+
+// ../link/src/lib/Link.tsx
+import { forwardRef } from "react";
+import { default as MuiLink } from "@mui/material/Link";
+import { OpenInNewIcon } from "@availity/mui-icon";
+import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
+var ABSOLUTE_URL_REGEX = /^[a-zA-Z][a-zA-Z\d+\-.]*?:/;
+var WINDOWS_PATH_REGEX = /^[a-zA-Z]:\\/;
+function isAbsoluteUrl2(url) {
+  if (WINDOWS_PATH_REGEX.test(url)) {
+    return false;
+  }
+  return ABSOLUTE_URL_REGEX.test(url);
+}
+var getUrl2 = (url = "") => {
+  return `/public/apps/home/#!/loadApp?appUrl=${encodeURIComponent(url)}`;
+};
+var getLocation = (href) => {
+  const location = document.createElement("a");
+  location.href = href;
+  return location;
+};
+var setRel = (url, target, absolute) => {
+  if (target === "_blank" && absolute) {
+    const dest = getLocation(url);
+    if (dest.hostname !== window.location.hostname) {
+      return "noopener noreferrer";
+    }
+  }
+  return void 0;
+};
+var Link = forwardRef((props, ref) => {
+  const _a = props, { href, target = "_self", children, onClick, loadApp = true, rel, iconPosition = "start" } = _a, rest = __objRest(_a, ["href", "target", "children", "onClick", "loadApp", "rel", "iconPosition"]);
+  const absolute = isAbsoluteUrl2(href);
+  const encode = !(absolute || !loadApp);
+  const url = encode ? getUrl2(href) : href;
+  const NewWindowIcon = target === "_blank" ? /* @__PURE__ */ jsx15(OpenInNewIcon, {}) : null;
+  const startIcon = iconPosition === "start";
+  const endIcon = iconPosition === "end";
+  return /* @__PURE__ */ jsx15(
+    MuiLink,
+    __spreadProps(__spreadValues({
+      href: url,
+      target,
+      onClick: (event) => onClick && onClick(event, url),
+      rel: rel || setRel(url, target, absolute)
+    }, rest), {
+      ref,
+      children: /* @__PURE__ */ jsxs4("span", { children: [
+        startIcon && NewWindowIcon,
+        " ",
+        children,
+        " ",
+        endIcon && NewWindowIcon
+      ] })
+    })
+  );
+});
+
+// ../favorites/src/lib/Favorites.tsx
+import { createContext as createContext3, useContext as useContext3, useEffect as useEffect4, useState as useState3, useMemo } from "react";
+import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+import avMessages2 from "@availity/message-core";
+
+// ../favorites/src/lib/utils.ts
+import avMessages from "@availity/message-core";
+import { avSettingsApi } from "@availity/api-axios";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+// ../favorites/src/lib/Favorites.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var FavoritesContext = createContext3(null);
+var noOp = () => {
+};
+var useFavorites = (id) => {
+  const context = useContext3(FavoritesContext);
+  if (context === null) {
+    throw new Error("useFavorites must be used within a FavoritesProvider");
+  }
+  const { favorites, queryStatus, mutationStatus, lastClickedFavoriteId, deleteFavorite, addFavorite } = context;
+  const isLastClickedFavorite = lastClickedFavoriteId === id;
+  const isFavorited = useMemo(() => {
+    const fav = favorites == null ? void 0 : favorites.find((f) => f.id === id);
+    return !!fav;
+  }, [favorites, id]);
+  const toggleFavorite = () => isFavorited ? deleteFavorite(id) : addFavorite(id);
+  const isDisabled = queryStatus === "loading" || queryStatus === "idle" || mutationStatus === "loading";
+  let status = "initLoading";
+  if (queryStatus === "loading")
+    status = "initLoading";
+  if (mutationStatus === "loading")
+    status = "reloading";
+  if (queryStatus === "error" || mutationStatus === "error")
+    status = "error";
+  if (queryStatus === "success" && (mutationStatus === "success" || mutationStatus === "idle"))
+    status = "success";
+  return {
+    isFavorited,
+    status,
+    isLastClickedFavorite,
+    toggleFavorite: isDisabled ? noOp : toggleFavorite
+  };
+};
+
+// ../tooltip/src/lib/Tooltip.tsx
+import { default as MuiTooltip } from "@mui/material/Tooltip";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Tooltip = (props) => {
+  const _a = props, { children, dangerouslySetTransitionTimer } = _a, rest = __objRest(_a, ["children", "dangerouslySetTransitionTimer"]);
+  return /* @__PURE__ */ jsx17(
+    MuiTooltip,
+    __spreadProps(__spreadValues({}, rest), {
+      TransitionProps: { timeout: dangerouslySetTransitionTimer !== void 0 ? dangerouslySetTransitionTimer : 100 },
+      arrow: true,
+      children
+    })
+  );
+};
+
+// ../favorites/src/lib/FavoriteHeart.tsx
+import { HeartIcon, HeartEmptyIcon } from "@availity/mui-icon";
+import { styled } from "@mui/material/styles";
+import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
+var icons = {
+  spinner: /* @__PURE__ */ jsx18(CircularProgress, { "aria-hidden": true, size: "small", loadingCaption: false }),
+  unknownDisabledHeart: /* @__PURE__ */ jsx18(HeartIcon, { "aria-hidden": true, color: "disabled" }),
+  favoritedDisabledHeart: /* @__PURE__ */ jsx18(HeartIcon, { "aria-hidden": true, color: "error", opacity: "0.6" }),
+  unfavoritedDisabledHeart: /* @__PURE__ */ jsx18(HeartEmptyIcon, { "aria-hidden": true, color: "disabled", opacity: "0.6" }),
+  favoritedHeart: /* @__PURE__ */ jsx18(HeartIcon, { "aria-hidden": true, color: "error" }),
+  unfavoritedHeart: /* @__PURE__ */ jsx18(HeartEmptyIcon, { "aria-hidden": true, color: "secondary" })
+};
+var FavoriteHeartContainer = styled("div", { name: "AvFavoriteHeart", slot: "root" })({});
+var FavoriteInput = styled("input", {
+  name: "AvFavoriteHeart",
+  slot: "input"
+})({});
+var FavoriteIcon = styled("div", {
+  name: "AvFavoriteHeart",
+  slot: "icon"
+})({});
+var FavoriteHeart = ({
+  id,
+  name,
+  onChange,
+  onMouseDown,
+  disabled = false
+}) => {
+  const { isFavorited, isLastClickedFavorite, status, toggleFavorite } = useFavorites(id);
+  const handleChange = (event) => {
+    onChange == null ? void 0 : onChange(isFavorited, event);
+    toggleFavorite();
+  };
+  const handleKeyPress = (event) => {
+    if (event.code === "Enter" || event.key === "Enter") {
+      onChange == null ? void 0 : onChange(isFavorited, event);
+      toggleFavorite();
+    }
+  };
+  const iconKey = (() => {
+    if (status === "initLoading")
+      return "unknownDisabledHeart";
+    if (status === "reloading") {
+      if (isLastClickedFavorite)
+        return "spinner";
+      return isFavorited ? "favoritedDisabledHeart" : "unfavoritedDisabledHeart";
+    }
+    if (disabled) {
+      return isFavorited ? "favoritedDisabledHeart" : "unfavoritedDisabledHeart";
+    }
+    if (isFavorited)
+      return "favoritedHeart";
+    return "unfavoritedHeart";
+  })();
+  const cursor = disabled || !isLastClickedFavorite && (status === "initLoading" || status === "reloading") ? "not-allowed" : void 0;
+  const tooltipContent = `${isFavorited ? "Remove from" : "Add to"} My Favorites`;
+  const favoriteInputProps = {
+    onKeyDown: handleKeyPress,
+    type: "checkbox",
+    "aria-label": `Favorite ${name}`,
+    id: `av-favorite-heart-${id}`,
+    disabled,
+    checked: isFavorited,
+    onChange: handleChange,
+    onMouseDown,
+    style: { cursor }
+  };
+  return /* @__PURE__ */ jsxs5(FavoriteHeartContainer, { children: [
+    /* @__PURE__ */ jsx18(FavoriteIcon, { children: icons[iconKey] }),
+    /* @__PURE__ */ jsx18(
+      "span",
+      {
+        style: {
+          position: "absolute",
+          width: "1px",
+          height: "1px",
+          padding: 0,
+          margin: "-1px",
+          overflow: "hidden",
+          clip: "rect(0,0,0,0)",
+          whiteSpace: "nowrap",
+          border: 0
+        },
+        "aria-live": isLastClickedFavorite && (status === "reloading" || status === "error") ? "polite" : "off",
+        children: isLastClickedFavorite && status === "reloading" ? "Loading..." : isLastClickedFavorite && status === "error" ? "An error has occurred. Please try again." : ""
+      }
+    ),
+    disabled ? /* @__PURE__ */ jsx18(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ jsx18(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ jsx18(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
+  ] });
+};
+
+// src/lib/SpacesLink/SpacesLink.tsx
+import { Grid as Grid2, Box as Box2 } from "@availity/mui-layout";
+
+// ../list/src/lib/List.tsx
+import MuiList from "@mui/material/List";
+import { jsx as jsx19 } from "react/jsx-runtime";
+
+// ../list/src/lib/ListItem.tsx
+import MuiListItem from "@mui/material/ListItem";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var ListItem = forwardRef2((props, ref) => {
+  return /* @__PURE__ */ jsx20(MuiListItem, __spreadProps(__spreadValues({}, props), { ref }));
+});
+
+// ../list/src/lib/ListItemAvatar.tsx
+import MuiListItemAvatar from "@mui/material/ListItemAvatar";
+import { jsx as jsx21 } from "react/jsx-runtime";
+
+// ../list/src/lib/ListItemButton.tsx
+import MuiListItemButton from "@mui/material/ListItemButton";
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var ListItemButton = forwardRef3((props, ref) => {
+  return /* @__PURE__ */ jsx22(MuiListItemButton, __spreadProps(__spreadValues({}, props), { ref }));
+});
+
+// ../list/src/lib/ListItemIcon.tsx
+import MuiListItemIcon from "@mui/material/ListItemIcon";
+import { jsx as jsx23 } from "react/jsx-runtime";
+
+// ../list/src/lib/ListItemStatusCard.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { styled as styled2, useThemeProps } from "@mui/material/styles";
+import MuiListItem2 from "@mui/material/ListItem";
+import { jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
+var ListItemStatusCardSlot = styled2(MuiListItem2, {
+  name: "AvListItemStatusCard",
+  slot: "root",
+  overridesResolver: (props, styles) => [styles.root, props.color && styles.color]
+})(({ theme, ownerState }) => __spreadValues({
+  backgroundColor: theme.palette.background.paper,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: "4px",
+  marginBottom: "4px",
+  paddingLeft: "8px",
+  "&.MuiListItem-padding.MuiListItem-gutters": {
+    paddingLeft: "calc(16px + 8px)"
+  }
+}, ownerState.color && ownerState.color !== "default" && {
+  ".AvListItemStatusCard-statusAccent": {
+    backgroundColor: `${theme.palette[ownerState.color].main}`
+  }
+}));
+var StatusAccent = styled2("div", {
+  name: "AvListItemStatusCard",
+  slot: "statusAccent",
+  overridesResolver: (props, styles) => [styles.statusAccent, props.color && styles.color]
+})(({ theme }) => ({
+  position: "absolute",
+  left: 0,
+  top: 0,
+  height: "100%",
+  width: "8px",
+  backgroundColor: theme.palette.divider,
+  backgroundClip: "border-box",
+  borderTopLeftRadius: "3px",
+  borderBottomLeftRadius: "3px",
+  content: "''"
+}));
+var ListItemStatusCard = forwardRef4((props, ref) => {
+  const _a = props, { alignItems = "flex-start", children, color } = _a, rest = __objRest(_a, ["alignItems", "children", "color"]);
+  const themeProps = useThemeProps({ props, name: "AvListItemStatusCard" });
+  const ownerState = __spreadProps(__spreadValues({}, themeProps), { color });
+  return /* @__PURE__ */ jsxs6(ListItemStatusCardSlot, __spreadProps(__spreadValues({ alignItems, divider: false, ownerState }, rest), { ref, children: [
+    /* @__PURE__ */ jsx24(StatusAccent, { className: "AvListItemStatusCard-statusAccent" }),
+    children
+  ] }));
+});
+
+// ../list/src/lib/ListItemText.tsx
+import MuiListItemText from "@mui/material/ListItemText";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var ListItemText = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx25(MuiListItemText, __spreadProps(__spreadValues({}, rest), { children }));
+};
+
+// ../list/src/lib/ListSubheader.tsx
+import MuiListSubheader from "@mui/material/ListSubheader";
+import { jsx as jsx26 } from "react/jsx-runtime";
+
+// src/lib/SpacesLink/SpacesLink.tsx
+import ReactMarkdown2 from "react-markdown";
+
+// src/lib/SpacesLink/useLink.tsx
+import { useCurrentUser } from "@availity/hooks";
+
+// src/lib/SpacesLink/linkHandlers.tsx
+import nativeForm from "@availity/native-form";
+import { isAbsoluteUrl as isAbsoluteUrl3 } from "@availity/resolve-url";
+var openLink = (space, params) => __async(void 0, null, function* () {
+  var _a, _b, _c;
+  if (!((_a = space == null ? void 0 : space.link) == null ? void 0 : _a.url)) {
+    return;
+  }
+  if (params == null ? void 0 : params.akaname)
+    yield updateTopApps(space, params.akaname);
+  const url = !isAbsoluteUrl3(space.link.url) ? getUrl(updateUrl(space.link.url, "spaceId", (params == null ? void 0 : params.payerSpaceId) || ((_c = (_b = space.parents) == null ? void 0 : _b[0]) == null ? void 0 : _c.id)), false, false) : space.link.url;
+  const target = getTarget(space.link.target);
+  window.open(url, target);
+});
+var openLinkWithSso = (_0, _1) => __async(void 0, [_0, _1], function* (space, { akaname, clientId, payerSpaceId, ssoParams }) {
+  var _a;
+  if (space.meta && space.meta.ssoId) {
+    const options = ((_a = space.link) == null ? void 0 : _a.target) ? { target: getTarget(space.link.target) } : void 0;
+    const attributes = __spreadValues({
+      X_Client_ID: clientId,
+      X_XSRF_TOKEN: document.cookie.replace(/(?:(?:^|.*;\s*)XSRF-TOKEN\s*=\s*([^;]*).*$)|^.*$/, "$1"),
+      spaceId: payerSpaceId
+    }, ssoParams);
+    try {
+      if (akaname)
+        yield updateTopApps(space, akaname);
+      yield nativeForm(space.meta.ssoId, attributes, options, space.type);
+    } catch (e) {
+      console.warn("Something went wrong");
+    }
+    return false;
+  }
+  return false;
+});
+
+// src/lib/SpacesLink/useLink.tsx
+var isSsoSpace = (space) => (space == null ? void 0 : space.type) === "saml" || (space == null ? void 0 : space.type) === "openid";
+var useLink = (spaceOrSpaceId, options) => {
+  var _a, _b, _c, _d;
+  const spaceFromSpacesProvider = useSpaces(
+    (typeof spaceOrSpaceId === "string" ? spaceOrSpaceId : spaceOrSpaceId == null ? void 0 : spaceOrSpaceId.id) || ""
+  );
+  const { data: user } = useCurrentUser();
+  const openModal = useModal();
+  const space = spaceFromSpacesProvider == null ? void 0 : spaceFromSpacesProvider[0];
+  const parentPayerSpaces = (_a = space == null ? void 0 : space.parents) == null ? void 0 : _a.filter(
+    (p) => p.type && (p.type.toLowerCase() === "space" || p.type.toLowerCase() === "payerspace")
+  );
+  const legacySso = () => {
+    var _a2;
+    if (space && ((_a2 = space.meta) == null ? void 0 : _a2.disclaimerId) && space.link) {
+      openModal("DISCLAIMER_MODAL", {
+        disclaimerId: space.meta.disclaimerId,
+        name: space.name,
+        spaceType: space.type,
+        id: space.configurationId,
+        title: space.name,
+        description: space.description,
+        link: space.link,
+        user: user == null ? void 0 : user.akaname
+      });
+    }
+  };
+  const openMultiPayerModal = () => {
+    if (space && space.link)
+      openModal("MULTI_PAYER_MODAL", {
+        title: "Open Link as Payer",
+        name: space == null ? void 0 : space.name,
+        parentPayerSpaces,
+        link: space == null ? void 0 : space.link,
+        id: space == null ? void 0 : space.configurationId,
+        spaceType: space == null ? void 0 : space.type,
+        metadata: space == null ? void 0 : space.meta,
+        user: user == null ? void 0 : user.akaname
+      });
+  };
+  const mediaProps = {
+    role: "link"
+  };
+  if (isSsoSpace(space) && ((_b = space == null ? void 0 : space.meta) == null ? void 0 : _b.ssoId)) {
+    if (!(options == null ? void 0 : options.clientId)) {
+      throw new Error("clientId is required for SSO spaces");
+    }
+    if (!options.linkAttributes) {
+      throw new Error("linkAttributes are required for SSO spaces");
+    }
+    mediaProps.onClick = (event) => {
+      event.preventDefault();
+      if (options.clientId && options.linkAttributes) {
+        openLinkWithSso(space, {
+          akaname: user == null ? void 0 : user.akaname,
+          clientId: options.clientId,
+          payerSpaceId: options.linkAttributes.spaceId,
+          ssoParams: options.linkAttributes
+        });
+      }
+    };
+    mediaProps.onKeyDown = (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        if (options.clientId && options.linkAttributes) {
+          openLinkWithSso(space, {
+            akaname: user == null ? void 0 : user.akaname,
+            clientId: options.clientId,
+            payerSpaceId: options.linkAttributes.spaceId,
+            ssoParams: options.linkAttributes
+          });
+        }
+      }
+    };
+  } else if ((_c = space == null ? void 0 : space.meta) == null ? void 0 : _c.disclaimerId) {
+    mediaProps.onClick = legacySso;
+    mediaProps.onKeyDown = (event) => {
+      if (event.key === "Enter")
+        return legacySso();
+    };
+  } else if (parentPayerSpaces && parentPayerSpaces.length > 1 && !((_d = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _d.spaceId)) {
+    mediaProps.onClick = openMultiPayerModal;
+    mediaProps.onKeyDown = (event) => {
+      if (event.key === "Enter")
+        return openMultiPayerModal();
+    };
+  } else {
+    mediaProps.onClick = () => {
+      var _a2;
+      if (space)
+        return openLink(space, { akaname: user == null ? void 0 : user.akaname, payerSpaceId: (_a2 = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _a2.spaceId });
+    };
+    mediaProps.onKeyDown = (event) => {
+      var _a2;
+      if (event.key === "Enter" && space)
+        return openLink(space, { akaname: user == null ? void 0 : user.akaname, payerSpaceId: (_a2 = options == null ? void 0 : options.linkAttributes) == null ? void 0 : _a2.spaceId });
+    };
+  }
+  return [space, mediaProps];
+};
+
+// src/lib/SpacesLink/SpacesLink.tsx
+import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
+var getDisplayDate = (date) => dayjs2(date).format("MM/DD/YYYY");
+var getContainerTag = (propTag, variant) => {
+  if (variant && variant !== "default")
+    return { card: Card, list: ListItem }[variant];
+  return propTag || "div";
+};
+var getBodyTag = (propTag, variant) => {
+  if (variant && variant !== "default")
+    return { card: CardContent, list: "div" }[variant];
+  return propTag || "div";
+};
+var getTitleTag = (propTag, variant) => {
+  if (variant && variant !== "default")
+    return { card: CardHeader, list: Typography3 }[variant];
+  return propTag || "div";
+};
+var getTextTag = (propTag, variant) => {
+  if (variant && variant !== "default")
+    return { card: Typography3, list: ListItemText }[variant];
+  return propTag || "div";
+};
+var SpacesLink = (_a) => {
+  var _b = _a, {
+    spaceId,
+    space: propSpace,
+    className,
+    children,
+    favorite,
+    icon,
+    showName = true,
+    showNew,
+    showDate,
+    stacked,
+    body = true,
+    description: showDescription,
+    tag,
+    bodyTag,
+    titleTag,
+    textTag,
+    titleClassName,
+    variant = "default",
+    loading: propsLoading,
+    clientId: propsClientId,
+    maxDescriptionWidth,
+    style,
+    linkAttributes,
+    role,
+    analytics,
+    customBadgeText,
+    customBadgeColor,
+    idPrefix = ""
+  } = _b, rest = __objRest(_b, [
+    "spaceId",
+    "space",
+    "className",
+    "children",
+    "favorite",
+    "icon",
+    "showName",
+    "showNew",
+    "showDate",
+    "stacked",
+    "body",
+    "description",
+    "tag",
+    "bodyTag",
+    "titleTag",
+    "textTag",
+    "titleClassName",
+    "variant",
+    "loading",
+    "clientId",
+    "maxDescriptionWidth",
+    "style",
+    "linkAttributes",
+    "role",
+    "analytics",
+    "customBadgeText",
+    "customBadgeColor",
+    "idPrefix"
+  ]);
+  var _a2, _b2;
+  const { loading } = useSpacesContext();
+  const isLoading = loading || propsLoading;
+  const [linkSpace, props] = useLink(propSpace || spaceId, { clientId: propsClientId, linkAttributes });
+  const showUrl = !(linkSpace == null ? void 0 : linkSpace.isGhosted) && ((_a2 = linkSpace == null ? void 0 : linkSpace.link) == null ? void 0 : _a2.url);
+  const favoriteIcon = useMemo2(
+    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ jsx27(
+      FavoriteHeart,
+      {
+        id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.configurationId}`,
+        name: linkSpace == null ? void 0 : linkSpace.name,
+        onChange: (_, e) => e.stopPropagation()
+      }
+    ),
+    [favorite, linkSpace == null ? void 0 : linkSpace.configurationId, linkSpace == null ? void 0 : linkSpace.name, idPrefix]
+  );
+  const dateInfo = useMemo2(
+    () => (showNew || showDate) && /* @__PURE__ */ jsxs7(Grid2, { textAlign: stacked ? "center" : "inherit", children: [
+      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ jsx27(Chip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!" }),
+      showDate && /* @__PURE__ */ jsx27(
+        Typography3,
+        {
+          id: `${idPrefix}app-date-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
+          variant: "caption",
+          color: "textSecondary",
+          children: getDisplayDate(linkSpace == null ? void 0 : linkSpace.activeDate)
+        }
+      )
+    ] }),
+    [linkSpace == null ? void 0 : linkSpace.activeDate, linkSpace == null ? void 0 : linkSpace.isNew, showDate, showNew, stacked, linkSpace == null ? void 0 : linkSpace.configurationId, idPrefix]
+  );
+  const customBadgeDisplay = useMemo2(
+    () => customBadgeText && /* @__PURE__ */ jsx27(
+      Box2,
+      {
+        textAlign: stacked ? "center" : "inherit",
+        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 2 : void 0,
+        children: /* @__PURE__ */ jsx27(
+          StatusChip,
+          {
+            color: customBadgeColor || "info",
+            id: `${idPrefix}app-custom-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}-${customBadgeText}`,
+            label: customBadgeText
+          }
+        )
+      }
+    ),
+    [
+      customBadgeColor,
+      customBadgeText,
+      showDate,
+      showNew,
+      stacked,
+      variant,
+      linkSpace == null ? void 0 : linkSpace.isNew,
+      idPrefix,
+      linkSpace == null ? void 0 : linkSpace.configurationId
+    ]
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx27(CircularProgress, __spreadValues({ id: `${idPrefix}app-${linkSpace == null ? void 0 : linkSpace.configurationId}-loading` }, rest));
+  }
+  const Tag = getContainerTag(tag, variant);
+  const BodyTag = getBodyTag(bodyTag, variant);
+  const TitleTag = getTitleTag(titleTag, variant);
+  const TextTag = getTextTag(textTag, variant);
+  const renderChildren = () => {
+    if (children) {
+      return isFunction(children) ? (() => children(__spreadValues(__spreadValues(__spreadValues({}, linkSpace), analytics), props)))() : cloneElement(children, __spreadValues(__spreadValues({
+        role: "link",
+        tabIndex: 0,
+        style: { cursor: showUrl ? "pointer" : "not-allowed" },
+        "aria-label": linkSpace == null ? void 0 : linkSpace.name
+      }, analytics), props));
+    }
+  };
+  return /* @__PURE__ */ jsx27(
+    Tag,
+    __spreadProps(__spreadValues({
+      title: linkSpace == null ? void 0 : linkSpace.name,
+      className
+    }, rest), {
+      style: __spreadValues({}, style),
+      role: variant === "list" ? "listitem" : role,
+      children: /* @__PURE__ */ jsx27(BodyTag, { children: /* @__PURE__ */ jsxs7(Grid2, { alignItems: !showDescription || stacked ? "center" : "start", direction: stacked ? "column" : "row", children: [
+        !stacked && favoriteIcon,
+        icon && (linkSpace == null ? void 0 : linkSpace.url) && ((_b2 = linkSpace == null ? void 0 : linkSpace.type) == null ? void 0 : _b2.toUpperCase()) === "FILE" ? /* @__PURE__ */ jsx27(Link, { target: "_blank", href: linkSpace == null ? void 0 : linkSpace.url, children: /* @__PURE__ */ jsx27(FileIcon, { "data-testid": "icon" }) }) : /* @__PURE__ */ jsx27(NavigateTopIcon, { "data-testid": "icon" }),
+        children ? renderChildren() : body && /* @__PURE__ */ jsxs7(Grid2, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, children: [
+          /* @__PURE__ */ jsx27(
+            Box2,
+            {
+              marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
+              paddingTop: stacked ? 3 : void 0,
+              textAlign: stacked ? "center" : void 0,
+              children: /* @__PURE__ */ jsx27(
+                TitleTag,
+                __spreadProps(__spreadValues(__spreadValues({
+                  id: `${idPrefix}app-title-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
+                  className: titleClassName,
+                  tabIndex: 0,
+                  style: {
+                    cursor: showUrl ? "pointer" : "not-allowed"
+                  }
+                }, analytics), props), {
+                  role: showUrl ? "link" : role,
+                  "aria-label": linkSpace == null ? void 0 : linkSpace.name,
+                  "aria-describedby": showNew && (linkSpace == null ? void 0 : linkSpace.isNew) ? `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}` : void 0,
+                  variant: variant === "list" ? "h5" : "h6",
+                  title: showName ? linkSpace == null ? void 0 : linkSpace.name : void 0,
+                  children: showName ? linkSpace == null ? void 0 : linkSpace.name : void 0
+                })
+              )
+            }
+          ),
+          stacked && dateInfo,
+          showDescription && (linkSpace == null ? void 0 : linkSpace.description) && /* @__PURE__ */ jsx27(
+            TextTag,
+            {
+              marginTop: 1,
+              textAlign: stacked ? "center" : void 0,
+              overflow: "hidden",
+              whiteSpace: maxDescriptionWidth ? "nowrap" : void 0,
+              width: maxDescriptionWidth,
+              textOverflow: "ellipsis",
+              id: `${idPrefix}app-description-${linkSpace == null ? void 0 : linkSpace.configurationId}`,
+              children: /* @__PURE__ */ jsx27(ReactMarkdown2, { className: "Card-text", children: linkSpace == null ? void 0 : linkSpace.description })
+            }
+          ),
+          variant === "card" && customBadgeDisplay
+        ] }),
+        variant !== "card" && customBadgeDisplay,
+        !stacked && dateInfo
+      ] }) })
+    })
+  );
+};
+
+// src/lib/SpacesAgreement.tsx
+import { Typography as Typography4 } from "@availity/mui-typography";
+import ReactMarkdown3 from "react-markdown";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var SpacesAgreement = ({ spaceId, markdown = false, id: elementId }) => {
+  const spaces = useSpaces(spaceId);
+  if (spaces && spaces.length > 0) {
+    const { description: agreement, id } = spaces[0];
+    if (agreement) {
+      const children = markdown ? /* @__PURE__ */ jsx28(ReactMarkdown3, { children: agreement }) : agreement;
+      return /* @__PURE__ */ jsx28(Typography4, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
+    }
+  }
+  return null;
+};
+
+// src/lib/SpacesDisclaimer.tsx
+import { Disclaimer } from "@availity/mui-disclaimer";
+import ReactMarkdown4 from "react-markdown";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var SpacesDisclaimer = (_a) => {
+  var _b = _a, {
+    accent = true,
+    spaceId,
+    markdown = false,
+    id: elementId
+  } = _b, props = __objRest(_b, [
+    "accent",
+    "spaceId",
+    "markdown",
+    "id"
+  ]);
+  const spaces = useSpaces(spaceId);
+  if (spaces && spaces.length > 0) {
+    const { description: disclaimer, id } = spaces[0];
+    if (disclaimer) {
+      const children = markdown ? /* @__PURE__ */ jsx29(ReactMarkdown4, { children: disclaimer }) : disclaimer;
+      return /* @__PURE__ */ jsx29(
+        Disclaimer,
+        __spreadValues({
+          accent,
+          id: elementId || `spaces-disclaimer-${spaceId || id}`,
+          description: children
+        }, props)
+      );
+    }
+  }
+  return null;
+};
+
+// src/lib/SpacesGhostText.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var SpacesGhostText = (_a) => {
+  var _b = _a, { spaceId, id } = _b, props = __objRest(_b, ["spaceId", "id"]);
+  var _a2;
+  const spaces = useSpaces(spaceId);
+  const space = spaces == null ? void 0 : spaces[0];
+  if (space == null ? void 0 : space.isGhosted) {
+    return /* @__PURE__ */ jsx30("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ jsx30("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
+  }
+  return null;
+};
 export {
   INITIAL_STATE,
   Spaces,
+  SpacesAgreement,
   SpacesContext,
+  SpacesDisclaimer,
+  SpacesGhostText,
+  SpacesImage,
+  SpacesLink,
   useSpaces,
   useSpacesContext
 };