@availity/mui-spaces 0.2.6 → 0.3.1

package/dist/index.js

@@ -1,10 +1,12 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -20,6 +22,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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -32,6 +46,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
@@ -59,14 +81,19 @@ var src_exports = {};
 __export(src_exports, {
   INITIAL_STATE: () => INITIAL_STATE,
   Spaces: () => Spaces,
+  SpacesAgreement: () => SpacesAgreement,
   SpacesContext: () => SpacesContext,
+  SpacesDisclaimer: () => SpacesDisclaimer,
+  SpacesGhostText: () => SpacesGhostText,
+  SpacesImage: () => SpacesImage,
+  SpacesLink: () => SpacesLink,
   useSpaces: () => useSpaces,
   useSpacesContext: () => useSpacesContext
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/lib/Spaces.tsx
-var import_react = require("react");
+var import_react4 = require("react");
 var import_react_query = require("@tanstack/react-query");
 
 // src/lib/spaces-data.tsx
@@ -238,13 +265,371 @@ var configurationFindMany_default = `query configurationFindMany($ids: [String!]
   }
 }`;
 
-// src/lib/Spaces.tsx
+// src/lib/modals/ModalProvider.tsx
+var import_react3 = require("react");
+var import_resolve_url = require("@availity/resolve-url");
+var import_mui_dialog3 = require("@availity/mui-dialog");
+var import_mui_button = require("@availity/mui-button");
+
+// src/lib/helpers.tsx
+var import_qs = __toESM(require("qs"));
+var updateUrl = (url, key, value) => {
+  const [uri, queryString] = url.split("?");
+  const currentParams = import_qs.default.parse(queryString);
+  const additionalParams = key && value && { [key]: value };
+  const newParams = import_qs.default.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
+var import_message_core = __toESM(require("@availity/message-core"));
+var import_dayjs = __toESM(require("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 = (0, import_dayjs.default)();
+    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));
+    import_message_core.default.send(TOP_APPS.UPDATE_EVENT);
+  }
+});
+
+// src/lib/modals/DisclaimerModal.tsx
+var import_react2 = require("react");
+var import_api_axios2 = require("@availity/api-axios");
+var import_react_markdown = __toESM(require("react-markdown"));
+
+// ../progress/src/lib/CircularProgress.tsx
+var import_react = require("react");
+var import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_mui_icon = require("@availity/mui-icon");
+var import_mui_typography = require("@availity/mui-typography");
 var import_jsx_runtime = require("react/jsx-runtime");
+var StatusIcon = ({ status, size }) => {
+  const fontSize = size === "small" ? "medium" : "large";
+  switch (status) {
+    case "error":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.WarningCircleIcon, { color: "error", fontSize, titleAccess: "loading error" });
+    case "success":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.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] = (0, import_react.useState)("loading");
+  (0, import_react.useEffect)(() => {
+    if (error) {
+      setStatus("error");
+    } else if (success) {
+      setStatus("success");
+    } else {
+      setStatus("loading");
+    }
+  }, [error, success]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Stack.default, { width: "fit-content", alignItems: "center", children: [
+    status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_CircularProgress.default,
+      __spreadProps(__spreadValues({
+        "aria-label": "Loading"
+      }, props), {
+        size: size === "small" ? 24 : 40,
+        variant: "indeterminate"
+      })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { status, size }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
+  ] });
+};
+
+// src/lib/modals/DisclaimerModal.tsx
+var import_mui_dialog = require("@availity/mui-dialog");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var disclaimerQuery = `query disclaimerFindOne($id: ID!) {
+  configurationFindOne(id: $id) {
+    ... on Text {
+      description
+    }
+  }
+}`;
+var DisclaimerModal = ({ disclaimerId }) => {
+  const [disclaimer, setDisclaimer] = (0, import_react2.useState)("");
+  (0, import_react2.useEffect)(() => {
+    const fetchDisclaimer = () => __async(void 0, null, function* () {
+      if (disclaimerId) {
+        const result = yield import_api_axios2.avWebQLApi.create({ query: disclaimerQuery, variables: { id: disclaimerId } });
+        setDisclaimer(result.data.data.configurationFindOne.description);
+      }
+    });
+    fetchDisclaimer();
+  }, [disclaimerId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_dialog.DialogContent, { children: disclaimer ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { children: disclaimer }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgress, {}) });
+};
+
+// src/lib/modals/MultiPayerModal.tsx
+var import_mui_dialog2 = require("@availity/mui-dialog");
+var import_mui_layout = require("@availity/mui-layout");
+var import_mui_typography2 = require("@availity/mui-typography");
+
+// src/lib/SpacesImage.tsx
+var import_react_image = require("react-image");
+var import_jsx_runtime3 = require("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__ */ (0, import_jsx_runtime3.jsx)(CircularProgress, { id: `app-${id}-loading` });
+  }
+  if (!url && !loading && fallback) {
+    url = fallback;
+  }
+  if (!url || !id)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_image.Img,
+    __spreadValues({
+      id: props.id || `app-img-${id}`,
+      src: url,
+      alt: `Space ${imageType}`,
+      loader: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CircularProgress, { id: `app-img-${id}-loading` })
+    }, props)
+  );
+};
+
+// src/lib/modals/MultiPayerModal.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MultiPayerModal = ({ parentPayerSpaces, name, state: { selectedOption }, setState }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_mui_dialog2.DialogContent, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_typography2.Typography, { children: `Open ${name} as: ${selectedOption ? selectedOption.name || selectedOption.id : ""}` }),
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_layout.Grid, { direction: "row", children: parentPayerSpaces && parentPayerSpaces.map((payerSpace) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_layout.Box, { onClick: () => setState({ selectedOption: payerSpace }), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(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
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var MODAL_INITIAL_STATE = {
+  isOpen: false,
+  modalOptions: void 0,
+  modalState: { selectedOption: { id: "", name: "" } },
+  selectedModal: {}
+};
+var ModalContext = (0, import_react3.createContext)(null);
+var useModal = () => {
+  const ctx = (0, import_react3.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(
+          !(0, import_resolve_url.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] = (0, import_react3.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__ */ (0, import_jsx_runtime5.jsxs)(
+    ModalContext.Provider,
+    {
+      value: (modalType, modalOptions2) => dispatch(__spreadValues({ type: `OPEN_${modalType}` }, modalOptions2)),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_mui_dialog3.Dialog, { open: isOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_dialog3.DialogTitle, { id: "disclaimer-header", children: modalOptions == null ? void 0 : modalOptions.title }),
+          Body && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            Body,
+            __spreadProps(__spreadValues({}, modalOptions), {
+              setState: (newState) => dispatch(__spreadValues({ type: "UPDATE_MODAL_STATE" }, newState)),
+              state: modalState
+            })
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_mui_dialog3.DialogActions, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_button.Button, { onClick: toggle, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_mui_button.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
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var INITIAL_STATE = {
   loading: true
 };
-var SpacesContext = (0, import_react.createContext)(INITIAL_STATE);
-var useSpacesContext = () => (0, import_react.useContext)(SpacesContext);
+var SpacesContext = (0, import_react4.createContext)(INITIAL_STATE);
+var useSpacesContext = () => (0, import_react4.useContext)(SpacesContext);
 var Spaces = ({
   query = configurationFindMany_default,
   variables = { types: ["PAYERSPACE"] },
@@ -254,7 +639,7 @@ var Spaces = ({
   spaceIds,
   spaces: spacesFromProps
 }) => {
-  const [{ previousSpacesMap, previousSpacesByConfigMap, previousSpacesByPayerMap, loading, error }, dispatch] = (0, import_react.useReducer)(spacesReducer, INITIAL_STATE);
+  const [{ previousSpacesMap, previousSpacesByConfigMap, previousSpacesByPayerMap, loading, error }, dispatch] = (0, import_react4.useReducer)(spacesReducer, INITIAL_STATE);
   const spacesMap = new Map(previousSpacesMap);
   const configIdsMap = new Map(previousSpacesByConfigMap);
   const payerIdsMap = new Map(previousSpacesByPayerMap);
@@ -313,7 +698,7 @@ var Spaces = ({
       }
     ]
   });
-  (0, import_react.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (isErrorByPayerIds || isErrorBySpaceIds) {
       dispatch({
         type: "ERROR",
@@ -322,7 +707,7 @@ var Spaces = ({
       });
     }
   }, [isErrorByPayerIds, isErrorBySpaceIds]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     dispatch({
       type: "LOADING",
       loading: true
@@ -384,17 +769,22 @@ var Spaces = ({
       loading: false
     });
   }, [spacesBySpaceIds, spacesByPayerIds, payerIds, spaceIds]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const spacesChildren = () => {
+    if (children) {
+      return isReactNodeFunction(children) ? (() => children({ spaces: [spacesMap.values()], loading, error }))() : children;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     SpacesContext.Provider,
     {
-      children,
       value: {
         spaces: spacesMap,
         spacesByConfig: configIdsMap,
         spacesByPayer: payerIdsMap,
         loading: loading || isLoadingByPayerIds || isLoadingBySpaceIds,
         error
-      }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModalProvider, { children: spacesChildren() })
     }
   );
 };
@@ -420,11 +810,820 @@ var useSpaces = (...ids) => {
     }
   }, []);
 };
+
+// src/lib/SpacesLink/SpacesLink.tsx
+var import_dayjs2 = __toESM(require("dayjs"));
+
+// ../card/src/lib/Card.tsx
+var import_Card = __toESM(require("@mui/material/Card"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Card = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Card.default, __spreadProps(__spreadValues({}, rest), { children }));
+};
+
+// ../card/src/lib/CardActionArea.tsx
+var import_CardActionArea = __toESM(require("@mui/material/CardActionArea"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
+// ../card/src/lib/CardActions.tsx
+var import_CardActions = __toESM(require("@mui/material/CardActions"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+
+// ../card/src/lib/CardContent.tsx
+var import_CardContent = __toESM(require("@mui/material/CardContent"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var CardContent = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_CardContent.default, __spreadProps(__spreadValues({}, rest), { children }));
+};
+
+// ../card/src/lib/CardHeader.tsx
+var import_styles = require("@mui/material/styles");
+var import_CardHeader = __toESM(require("@mui/material/CardHeader"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var CardHeader = (_a) => {
+  var _b = _a, {
+    titleTypographyProps,
+    subheaderTypographyProps
+  } = _b, rest = __objRest(_b, [
+    "titleTypographyProps",
+    "subheaderTypographyProps"
+  ]);
+  var _a2, _b2, _c, _d;
+  const theme = (0, import_styles.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__ */ (0, import_jsx_runtime11.jsx)(
+    import_CardHeader.default,
+    __spreadProps(__spreadValues({}, rest), {
+      titleTypographyProps: __spreadValues({
+        variant: titleVariant
+      }, titleTypographyProps),
+      subheaderTypographyProps: __spreadValues({ variant: "subtitle2" }, subheaderTypographyProps)
+    })
+  );
+};
+
+// ../card/src/lib/CardMedia.tsx
+var import_CardMedia = __toESM(require("@mui/material/CardMedia"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
+
+// src/lib/SpacesLink/SpacesLink.tsx
+var import_mui_typography3 = require("@availity/mui-typography");
+var import_mui_icon4 = require("@availity/mui-icon");
+var import_react10 = require("react");
+
+// ../chip/src/lib/Chip.tsx
+var import_Chip = __toESM(require("@mui/material/Chip"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Chip = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Chip.default, __spreadProps(__spreadValues({}, props), { color: "default", size: "medium" }));
+};
+
+// ../chip/src/lib/StatusChip.tsx
+var import_Chip2 = __toESM(require("@mui/material/Chip"));
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var StatusChip = (_a) => {
+  var _b = _a, { color = "default" } = _b, rest = __objRest(_b, ["color"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Chip2.default, __spreadProps(__spreadValues({ color }, rest), { size: "small" }));
+};
+
+// ../link/src/lib/Link.tsx
+var import_react5 = require("react");
+var import_Link = __toESM(require("@mui/material/Link"));
+var import_mui_icon2 = require("@availity/mui-icon");
+var import_jsx_runtime15 = require("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 = (0, import_react5.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__ */ (0, import_jsx_runtime15.jsx)(import_mui_icon2.OpenInNewIcon, {}) : null;
+  const startIcon = iconPosition === "start";
+  const endIcon = iconPosition === "end";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_Link.default,
+    __spreadProps(__spreadValues({
+      href: url,
+      target,
+      onClick: (event) => onClick && onClick(event, url),
+      rel: rel || setRel(url, target, absolute)
+    }, rest), {
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+        startIcon && NewWindowIcon,
+        " ",
+        children,
+        " ",
+        endIcon && NewWindowIcon
+      ] })
+    })
+  );
+});
+
+// ../favorites/src/lib/Favorites.tsx
+var import_react6 = require("react");
+var import_react_query3 = require("@tanstack/react-query");
+var import_message_core3 = __toESM(require("@availity/message-core"));
+
+// ../favorites/src/lib/utils.ts
+var import_message_core2 = __toESM(require("@availity/message-core"));
+var import_api_axios3 = require("@availity/api-axios");
+var import_react_query2 = require("@tanstack/react-query");
+
+// ../favorites/src/lib/Favorites.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var FavoritesContext = (0, import_react6.createContext)(null);
+var noOp = () => {
+};
+var useFavorites = (id) => {
+  const context = (0, import_react6.useContext)(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 = (0, import_react6.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
+var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Tooltip = (props) => {
+  const _a = props, { children, dangerouslySetTransitionTimer } = _a, rest = __objRest(_a, ["children", "dangerouslySetTransitionTimer"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_Tooltip.default,
+    __spreadProps(__spreadValues({}, rest), {
+      TransitionProps: { timeout: dangerouslySetTransitionTimer !== void 0 ? dangerouslySetTransitionTimer : 100 },
+      arrow: true,
+      children
+    })
+  );
+};
+
+// ../favorites/src/lib/FavoriteHeart.tsx
+var import_mui_icon3 = require("@availity/mui-icon");
+var import_styles2 = require("@mui/material/styles");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var icons = {
+  spinner: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CircularProgress, { "aria-hidden": true, size: "small", loadingCaption: false }),
+  unknownDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartIcon, { "aria-hidden": true, color: "disabled" }),
+  favoritedDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartIcon, { "aria-hidden": true, color: "error", opacity: "0.6" }),
+  unfavoritedDisabledHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartEmptyIcon, { "aria-hidden": true, color: "disabled", opacity: "0.6" }),
+  favoritedHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartIcon, { "aria-hidden": true, color: "error" }),
+  unfavoritedHeart: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_mui_icon3.HeartEmptyIcon, { "aria-hidden": true, color: "secondary" })
+};
+var FavoriteHeartContainer = (0, import_styles2.styled)("div", { name: "AvFavoriteHeart", slot: "root" })({});
+var FavoriteInput = (0, import_styles2.styled)("input", {
+  name: "AvFavoriteHeart",
+  slot: "input"
+})({});
+var FavoriteIcon = (0, import_styles2.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__ */ (0, import_jsx_runtime18.jsxs)(FavoriteHeartContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FavoriteIcon, { children: icons[iconKey] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "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__ */ (0, import_jsx_runtime18.jsx)(FavoriteInput, __spreadValues({}, favoriteInputProps)) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tooltip, { title: tooltipContent, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FavoriteInput, __spreadValues({}, favoriteInputProps)) })
+  ] });
+};
+
+// src/lib/SpacesLink/SpacesLink.tsx
+var import_mui_layout2 = require("@availity/mui-layout");
+
+// ../list/src/lib/List.tsx
+var import_List = __toESM(require("@mui/material/List"));
+var import_jsx_runtime19 = require("react/jsx-runtime");
+
+// ../list/src/lib/ListItem.tsx
+var import_ListItem = __toESM(require("@mui/material/ListItem"));
+var import_react7 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ListItem = (0, import_react7.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ListItem.default, __spreadProps(__spreadValues({}, props), { ref }));
+});
+
+// ../list/src/lib/ListItemAvatar.tsx
+var import_ListItemAvatar = __toESM(require("@mui/material/ListItemAvatar"));
+var import_jsx_runtime21 = require("react/jsx-runtime");
+
+// ../list/src/lib/ListItemButton.tsx
+var import_ListItemButton = __toESM(require("@mui/material/ListItemButton"));
+var import_react8 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var ListItemButton = (0, import_react8.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ListItemButton.default, __spreadProps(__spreadValues({}, props), { ref }));
+});
+
+// ../list/src/lib/ListItemIcon.tsx
+var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
+
+// ../list/src/lib/ListItemStatusCard.tsx
+var import_react9 = require("react");
+var import_styles3 = require("@mui/material/styles");
+var import_ListItem2 = __toESM(require("@mui/material/ListItem"));
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var ListItemStatusCardSlot = (0, import_styles3.styled)(import_ListItem2.default, {
+  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 = (0, import_styles3.styled)("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 = (0, import_react9.forwardRef)((props, ref) => {
+  const _a = props, { alignItems = "flex-start", children, color } = _a, rest = __objRest(_a, ["alignItems", "children", "color"]);
+  const themeProps = (0, import_styles3.useThemeProps)({ props, name: "AvListItemStatusCard" });
+  const ownerState = __spreadProps(__spreadValues({}, themeProps), { color });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ListItemStatusCardSlot, __spreadProps(__spreadValues({ alignItems, divider: false, ownerState }, rest), { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StatusAccent, { className: "AvListItemStatusCard-statusAccent" }),
+    children
+  ] }));
+});
+
+// ../list/src/lib/ListItemText.tsx
+var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ListItemText = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ListItemText.default, __spreadProps(__spreadValues({}, rest), { children }));
+};
+
+// ../list/src/lib/ListSubheader.tsx
+var import_ListSubheader = __toESM(require("@mui/material/ListSubheader"));
+var import_jsx_runtime26 = require("react/jsx-runtime");
+
+// src/lib/SpacesLink/SpacesLink.tsx
+var import_react_markdown2 = __toESM(require("react-markdown"));
+
+// src/lib/SpacesLink/useLink.tsx
+var import_hooks = require("@availity/hooks");
+
+// src/lib/SpacesLink/linkHandlers.tsx
+var import_native_form = __toESM(require("@availity/native-form"));
+var import_resolve_url2 = require("@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 = !(0, import_resolve_url2.isAbsoluteUrl)(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 (0, import_native_form.default)(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 } = (0, import_hooks.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
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var getDisplayDate = (date) => (0, import_dayjs2.default)(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: import_mui_typography3.Typography }[variant];
+  return propTag || "div";
+};
+var getTextTag = (propTag, variant) => {
+  if (variant && variant !== "default")
+    return { card: import_mui_typography3.Typography, 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 = (0, import_react10.useMemo)(
+    () => (linkSpace == null ? void 0 : linkSpace.configurationId) && favorite && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      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 = (0, import_react10.useMemo)(
+    () => (showNew || showDate) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_mui_layout2.Grid, { textAlign: stacked ? "center" : "inherit", children: [
+      showNew && (linkSpace == null ? void 0 : linkSpace.isNew) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Chip, { id: `${idPrefix}app-new-badge-${linkSpace == null ? void 0 : linkSpace.configurationId}`, label: "New!" }),
+      showDate && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        import_mui_typography3.Typography,
+        {
+          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 = (0, import_react10.useMemo)(
+    () => customBadgeText && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      import_mui_layout2.Box,
+      {
+        textAlign: stacked ? "center" : "inherit",
+        marginRight: variant !== "card" && (showDate || showNew && (linkSpace == null ? void 0 : linkSpace.isNew)) ? 2 : void 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          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__ */ (0, import_jsx_runtime27.jsx)(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)))() : (0, import_react10.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__ */ (0, import_jsx_runtime27.jsx)(
+    Tag,
+    __spreadProps(__spreadValues({
+      title: linkSpace == null ? void 0 : linkSpace.name,
+      className
+    }, rest), {
+      style: __spreadValues({}, style),
+      role: variant === "list" ? "listitem" : role,
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BodyTag, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_mui_layout2.Grid, { 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__ */ (0, import_jsx_runtime27.jsx)(Link, { target: "_blank", href: linkSpace == null ? void 0 : linkSpace.url, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_mui_icon4.FileIcon, { "data-testid": "icon" }) }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_mui_icon4.NavigateTopIcon, { "data-testid": "icon" }),
+        children ? renderChildren() : body && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_mui_layout2.Grid, { id: `${idPrefix}${linkSpace == null ? void 0 : linkSpace.type}-${linkSpace == null ? void 0 : linkSpace.configurationId}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_mui_layout2.Box,
+            {
+              marginBottom: !customBadgeDisplay && (!showDescription || !(linkSpace == null ? void 0 : linkSpace.description)) ? 0 : void 0,
+              paddingTop: stacked ? 3 : void 0,
+              textAlign: stacked ? "center" : void 0,
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                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__ */ (0, import_jsx_runtime27.jsx)(
+            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__ */ (0, import_jsx_runtime27.jsx)(import_react_markdown2.default, { className: "Card-text", children: linkSpace == null ? void 0 : linkSpace.description })
+            }
+          ),
+          variant === "card" && customBadgeDisplay
+        ] }),
+        variant !== "card" && customBadgeDisplay,
+        !stacked && dateInfo
+      ] }) })
+    })
+  );
+};
+
+// src/lib/SpacesAgreement.tsx
+var import_mui_typography4 = require("@availity/mui-typography");
+var import_react_markdown3 = __toESM(require("react-markdown"));
+var import_jsx_runtime28 = require("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__ */ (0, import_jsx_runtime28.jsx)(import_react_markdown3.default, { children: agreement }) : agreement;
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_mui_typography4.Typography, { variant: "agreement", id: elementId || `spaces-agreement-${spaceId || id}`, children });
+    }
+  }
+  return null;
+};
+
+// src/lib/SpacesDisclaimer.tsx
+var import_mui_disclaimer = require("@availity/mui-disclaimer");
+var import_react_markdown4 = __toESM(require("react-markdown"));
+var import_jsx_runtime29 = require("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__ */ (0, import_jsx_runtime29.jsx)(import_react_markdown4.default, { children: disclaimer }) : disclaimer;
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        import_mui_disclaimer.Disclaimer,
+        __spreadValues({
+          accent,
+          id: elementId || `spaces-disclaimer-${spaceId || id}`,
+          description: children
+        }, props)
+      );
+    }
+  }
+  return null;
+};
+
+// src/lib/SpacesGhostText.tsx
+var import_jsx_runtime30 = require("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__ */ (0, import_jsx_runtime30.jsx)("small", __spreadProps(__spreadValues({ id: id || `app-ghost-text-${spaceId}` }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("em", { children: (_a2 = space == null ? void 0 : space.meta) == null ? void 0 : _a2.ghostText }) }));
+  }
+  return null;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   INITIAL_STATE,
   Spaces,
+  SpacesAgreement,
   SpacesContext,
+  SpacesDisclaimer,
+  SpacesGhostText,
+  SpacesImage,
+  SpacesLink,
   useSpaces,
   useSpacesContext
 });