@edifice.io/react 2.0.0-develop-rc.14 → 2.0.0-develop-rc.16

package/dist/ui/src/common/ShareModal/hooks/useSearch.js

@@ -1,178 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useReducer, useEffect } from "react";
-import { Bookmark as SvgBookmark$1 } from "../../../../../icons/dist/index.js";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import useDebounce from "../../../hooks/useDebounce/useDebounce.js";
-import useIsAdml from "../../../core/useIsAdml/useIsAdml.js";
-import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
-const initialState = {
-  searchInputValue: "",
-  searchResults: [],
-  searchAPIResults: [],
-  isSearching: !1
-};
-function reducer(state, action) {
-  switch (action.type) {
-    case "onChange":
-      return {
-        ...state,
-        searchInputValue: action.payload
-      };
-    case "isSearching":
-      return {
-        ...state,
-        isSearching: action.payload
-      };
-    case "addResult":
-      return {
-        ...state,
-        searchResults: action.payload
-      };
-    case "addApiResult":
-      return {
-        ...state,
-        searchAPIResults: action.payload
-      };
-    case "updateSearchResult":
-      return {
-        ...state,
-        searchResults: action.payload
-      };
-    case "emptyResult":
-      return {
-        ...state,
-        searchResults: action.payload
-      };
-    default:
-      throw new Error("Unhandled action type");
-  }
-}
-const defaultActions = [{
-  id: "read",
-  displayName: "read"
-}, {
-  id: "comment",
-  displayName: "comment"
-}], useSearch = ({
-  resourceId,
-  resourceCreatorId,
-  shareRights,
-  shareDispatch
-}) => {
-  const [state, dispatch] = useReducer(reducer, initialState), debouncedSearchInputValue = useDebounce(state.searchInputValue, 500), {
-    isAdml
-  } = useIsAdml(), {
-    appCode
-  } = useOdeClient(), {
-    t
-  } = useTranslation();
-  useEffect(() => {
-    search(debouncedSearchInputValue);
-  }, [debouncedSearchInputValue]);
-  const handleSearchInputChange = (event) => {
-    const value = event.target.value;
-    dispatch({
-      type: "onChange",
-      payload: value
-    });
-  }, search = async (debouncedSearchInputValue2) => {
-    if (resourceId) {
-      if (dispatch({
-        type: "isSearching",
-        payload: !0
-      }), !isAdml && debouncedSearchInputValue2.length >= 1 || isAdml && debouncedSearchInputValue2.length >= 3) {
-        const resSearchShareSubjects = await odeServices.share().searchShareSubjects(appCode, resourceId, debouncedSearchInputValue2);
-        dispatch({
-          type: "addApiResult",
-          payload: resSearchShareSubjects
-        });
-        const adaptedResults = resSearchShareSubjects.filter((right) => !shareRights.rights.find((shareRight) => shareRight.id === right.id)).filter((right) => !(right.type === "user" && right.id === resourceCreatorId)).map((searchResult) => {
-          let label = searchResult.displayName;
-          return searchResult.type === "user" && searchResult.profile ? label = `${label} (${t(searchResult.profile)})` : searchResult.type === "group" && searchResult.structureName && (label = `${label} (${searchResult.structureName})`), {
-            value: searchResult.id,
-            label,
-            icon: searchResult.type === "sharebookmark" ? /* @__PURE__ */ jsx(SvgBookmark$1, {}) : null
-          };
-        });
-        dispatch({
-          type: "addResult",
-          payload: adaptedResults
-        });
-      } else
-        dispatch({
-          type: "emptyResult",
-          payload: []
-        }), Promise.resolve();
-      dispatch({
-        type: "isSearching",
-        payload: !1
-      });
-    }
-  };
-  return {
-    state,
-    showSearchAdmlHint: () => isAdml && state.searchInputValue.length < 3,
-    showSearchLoading: () => state.isSearching,
-    showSearchNoResults: () => !state.isSearching && !isAdml && debouncedSearchInputValue.length > 0 && state.searchResults.length === 0 || !state.isSearching && isAdml && debouncedSearchInputValue.length > 3 && state.searchResults.length === 0,
-    getSearchMinLength: () => isAdml ? 3 : 1,
-    handleSearchInputChange,
-    handleSearchResultsChange: async (model) => {
-      const shareSubject = state.searchAPIResults.find((searchAPIResult) => searchAPIResult.id === model[0]);
-      if (shareSubject) {
-        let rightsToAdd = [];
-        if (shareSubject.type === "sharebookmark") {
-          const bookmarkRes = await odeServices.directory().getBookMarkById(shareSubject.id);
-          rightsToAdd.push({
-            ...bookmarkRes,
-            type: "sharebookmark",
-            avatarUrl: "",
-            directoryUrl: "",
-            actions: defaultActions
-          }), bookmarkRes == null || bookmarkRes.users.filter((user) => !shareRights.rights.find((right) => right.id === user.id)).forEach((user) => {
-            rightsToAdd.push({
-              ...user,
-              type: "user",
-              avatarUrl: "",
-              directoryUrl: "",
-              actions: defaultActions,
-              isBookmarkMember: !0
-            });
-          }), bookmarkRes.groups.filter((group) => !shareRights.rights.find((right) => right.id === group.id)).forEach((group) => {
-            rightsToAdd.push({
-              ...group,
-              type: "group",
-              avatarUrl: "",
-              directoryUrl: "",
-              actions: defaultActions,
-              isBookmarkMember: !0
-            });
-          });
-        } else
-          rightsToAdd = [{
-            ...shareSubject,
-            actions: [{
-              id: "read",
-              displayName: "read"
-            }, {
-              id: "comment",
-              displayName: "comment"
-            }]
-          }];
-        shareDispatch({
-          type: "updateShareRights",
-          payload: {
-            ...shareRights,
-            rights: [...shareRights.rights, ...rightsToAdd]
-          }
-        }), dispatch({
-          type: "updateSearchResult",
-          payload: state.searchResults.filter((result) => result.value !== model[0])
-        });
-      }
-    }
-  };
-};
-export {
-  useSearch
-};

package/dist/ui/src/common/ShareModal/hooks/useShare.js

@@ -1,192 +0,0 @@
-import { useReducer, useEffect } from "react";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import useUser from "../../../core/useUser/useUser.js";
-import useToast from "../../../hooks/useToast/useToast.js";
-import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
-const initialState = {
-  isSharing: !1,
-  shareRights: {
-    rights: [],
-    visibleBookmarks: [],
-    visibleGroups: [],
-    visibleUsers: []
-  },
-  shareRightActions: []
-};
-function reducer(state, action) {
-  switch (action.type) {
-    case "init":
-      return {
-        ...state,
-        ...action.payload
-      };
-    case "deleteRow":
-      return {
-        ...state,
-        shareRights: action.payload
-      };
-    case "updateShareRights":
-      return {
-        ...state,
-        shareRights: action.payload
-      };
-    case "toggleRight":
-      return {
-        ...state,
-        shareRights: action.payload
-      };
-    case "isSharing":
-      return {
-        ...state,
-        isSharing: action.payload
-      };
-    default:
-      throw new Error("Unhandled action type");
-  }
-}
-function useShare({
-  resourceId,
-  resourceRights,
-  resourceCreatorId,
-  shareResource,
-  setIsLoading,
-  onSuccess
-}) {
-  const {
-    appCode
-  } = useOdeClient(), {
-    user,
-    avatar
-  } = useUser(), toast = useToast(), {
-    t
-  } = useTranslation(), [state, dispatch] = useReducer(reducer, initialState);
-  useEffect(() => {
-    resourceId && (async () => {
-      try {
-        const [shareRightActions, shareRights] = await Promise.all([odeServices.share().getActionsForApp(appCode), odeServices.share().getRightsForResource(appCode, resourceId)]);
-        dispatch({
-          type: "init",
-          payload: {
-            shareRightActions,
-            shareRights
-          }
-        });
-      } catch (error) {
-        console.error(error);
-      }
-      setIsLoading(!1);
-    })();
-  }, [resourceId]);
-  const toggleRight = (shareRight, actionName) => {
-    var _a, _b;
-    const {
-      rights,
-      ...props
-    } = state.shareRights, newShareRights = [...rights], index = newShareRights.findIndex((x) => x.id === shareRight.id), actionObject = state.shareRightActions.filter((shareRightAction) => shareRightAction.id === actionName)[0];
-    if (newShareRights[index].actions.findIndex((action) => action.id === actionName) > -1) {
-      let updatedActions = newShareRights[index].actions.filter((action) => action.id !== actionName);
-      const requiredActions = state.shareRightActions.filter((shareRightAction) => {
-        var _a2;
-        return (_a2 = shareRightAction.requires) == null ? void 0 : _a2.includes(actionName);
-      });
-      updatedActions = updatedActions.filter((action) => !requiredActions.find((requiredAction) => requiredAction.id === action.id)), newShareRights[index] = {
-        ...newShareRights[index],
-        actions: updatedActions
-      };
-    } else {
-      const requiredActions = state.shareRightActions.filter((shareRightAction) => {
-        var _a2;
-        return ((_a2 = actionObject.requires) == null ? void 0 : _a2.includes(shareRightAction.id)) && !newShareRights[index].actions.find((action) => action.id === shareRightAction.id);
-      });
-      newShareRights[index] = {
-        ...newShareRights[index],
-        actions: [...newShareRights[index].actions, actionObject, ...requiredActions]
-      };
-    }
-    shareRight.type === "sharebookmark" && ((_a = newShareRights[index].users) == null || _a.forEach((user2) => {
-      const userIndex = newShareRights.findIndex((item) => item.id === user2.id);
-      newShareRights[userIndex] = {
-        ...newShareRights[userIndex],
-        actions: newShareRights[index].actions
-      };
-    }), (_b = newShareRights[index].groups) == null || _b.forEach((user2) => {
-      const userIndex = newShareRights.findIndex((item) => item.id === user2.id);
-      newShareRights[userIndex] = {
-        ...newShareRights[userIndex],
-        actions: newShareRights[index].actions
-      };
-    })), dispatch({
-      type: "toggleRight",
-      payload: {
-        rights: newShareRights,
-        ...props
-      }
-    });
-  }, notifySuccess = (value) => {
-    Object.keys(value)[0] === "error" ? (toast.error(t("explorer.shared.status.error")), console.error("Failed to save share", value)) : toast.success(t("explorer.shared.status.saved"));
-  };
-  return {
-    state,
-    dispatch,
-    currentIsAuthor: () => resourceCreatorId === (user == null ? void 0 : user.userId),
-    myAvatar: avatar,
-    handleDeleteRow: (shareRight) => {
-      dispatch({
-        type: "deleteRow",
-        payload: {
-          ...state.shareRights,
-          rights: state.shareRights.rights.filter((right) => {
-            var _a, _b;
-            return right.id !== shareRight.id && !((_a = shareRight.users) != null && _a.find((user2) => user2.id === right.id)) && !((_b = shareRight.groups) != null && _b.find((group) => group.id === right.id));
-          })
-        }
-      });
-    },
-    handleShare: async () => {
-      dispatch({
-        type: "isSharing",
-        payload: !0
-      });
-      try {
-        const myRights = resourceRights.filter((right) => user && right.includes(`user:${user.userId}`)).map((right) => right.split(":")[2]).filter((right) => !!right), shares = [...state.shareRights.rights];
-        if (myRights.length > 0) {
-          const actions = myRights.map((right) => ({
-            displayName: right,
-            id: right
-          }));
-          shares.push({
-            actions,
-            avatarUrl: "",
-            directoryUrl: "",
-            displayName: user.username,
-            id: user.userId,
-            type: "user"
-          });
-        }
-        if (shareResource) {
-          const result = await shareResource.mutateAsync({
-            resourceId,
-            rights: shares
-          });
-          notifySuccess(result);
-        } else {
-          const result = await odeServices.share().saveRights(appCode, resourceId, shares);
-          notifySuccess(result);
-        }
-        onSuccess();
-      } catch (error) {
-        typeof error == "string" && toast.error(t("explorer.shared.status.error")), console.error("Failed to save share", error);
-      } finally {
-        dispatch({
-          type: "isSharing",
-          payload: !1
-        });
-      }
-    },
-    toggleRight
-  };
-}
-export {
-  useShare as default
-};

package/dist/ui/src/common/ShareModal/hooks/useShareBookmark.js

@@ -1,67 +0,0 @@
-import { useRef, useState, useId } from "react";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import useToast from "../../../hooks/useToast/useToast.js";
-import useToggle from "../../../hooks/useToggle/useToggle.js";
-const useShareBookmark = ({
-  shareRights,
-  shareDispatch
-}) => {
-  const toast = useToast(), {
-    t
-  } = useTranslation(), refBookmark = useRef(null), [bookmark, setBookmark] = useState({
-    name: "",
-    id: useId()
-  }), [showBookmark, setShowBookmark] = useToggle(!1), [showBookmarkInput, toggleBookmarkInput] = useState(!1), toggleBookmark = () => {
-    setShowBookmark();
-  }, handleBookmarkChange = () => {
-    setBookmark((prev) => {
-      var _a;
-      return {
-        ...prev,
-        name: ((_a = refBookmark.current) == null ? void 0 : _a.value) || ""
-      };
-    });
-  }, saveBookmark = async (name) => {
-    try {
-      const res = await odeServices.directory().saveBookmarks(name, {
-        users: shareRights.rights.filter((right) => right.type === "user").map((u) => u.id),
-        groups: shareRights.rights.filter((right) => right.type === "group").map((u) => u.id),
-        bookmarks: shareRights.rights.filter((right) => right.type === "sharebookmark").map((u) => u.id)
-      });
-      toast.success(t("explorer.bookmarked.status.saved")), shareDispatch({
-        type: "updateShareRights",
-        payload: {
-          ...shareRights,
-          visibleBookmarks: [...shareRights.visibleBookmarks, {
-            displayName: name,
-            id: res.id
-          }]
-        }
-      }), setBookmark((prev) => ({
-        ...prev,
-        bookmarkId: prev.id + (/* @__PURE__ */ new Date()).getTime().toString()
-      })), toggleBookmarkInput(!1);
-    } catch (e) {
-      console.error("Failed to save bookmark", e), toast.error(t("explorer.bookmarked.status.error"));
-    }
-  };
-  return {
-    refBookmark,
-    showBookmark,
-    showBookmarkInput,
-    bookmark,
-    handleBookmarkChange,
-    setBookmark,
-    handleOnSave: () => {
-      var _a;
-      const inputValue = ((_a = refBookmark.current) == null ? void 0 : _a.value) || "";
-      saveBookmark(inputValue);
-    },
-    toggleBookmark,
-    toggleBookmarkInput
-  };
-};
-export {
-  useShareBookmark
-};

package/dist/ui/src/common/ShareModal/hooks/useShareMutation.js

@@ -1,15 +0,0 @@
-import { useMutation } from "@tanstack/react-query";
-import { odeServices } from "edifice-ts-client";
-const useShareMutation = ({
-  application,
-  options
-}) => useMutation({
-  mutationFn: async ({
-    resourceId,
-    rights
-  }) => await odeServices.share().saveRights(application, resourceId, rights),
-  ...options
-}), useShareMutation$1 = useShareMutation;
-export {
-  useShareMutation$1 as default
-};

package/dist/ui/src/components/ActionBar/ActionBar.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const ActionBar = /* @__PURE__ */ forwardRef(({
-  children
-}, ref) => /* @__PURE__ */ jsx("div", { ref, className: "actionbar", children })), ActionBar$1 = ActionBar;
-export {
-  ActionBar$1 as default
-};

package/dist/ui/src/components/Alert/Alert.js

@@ -1,78 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useLayoutEffect, useEffect } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { SuccessOutline as SvgSuccessOutline$1, AlertCircle as SvgAlertCircle$1, InfoCircle as SvgInfoCircle$1, Error as SvgError$1 } from "../../../../icons/dist/index.js";
-import Button from "../Button/Button.js";
-const Alert = /* @__PURE__ */ forwardRef(({
-  type = "success",
-  className = "",
-  children,
-  button,
-  isDismissible = !1,
-  isToast = !1,
-  isConfirm = !1,
-  position = "none",
-  autoClose = !1,
-  autoCloseDelay = 3e3,
-  onClose,
-  onVisibilityChange
-}, ref) => {
-  const [isVisible, setVisibleStatus] = useState(!0), refAlert = useRef(null), {
-    t
-  } = useTranslation(), hide = useCallback(() => {
-    setVisibleStatus(!1), onClose == null || onClose();
-  }, [onClose]);
-  useImperativeHandle(ref, () => ({
-    show,
-    hide,
-    ...refAlert.current
-  })), useLayoutEffect(() => {
-    onVisibilityChange == null || onVisibilityChange(isVisible);
-  }, [isVisible, onVisibilityChange]), useEffect(() => {
-    autoClose && isVisible && setTimeout(() => {
-      hide();
-    }, autoCloseDelay);
-  }, [autoClose, autoCloseDelay, hide, isVisible]);
-  const show = () => {
-    setVisibleStatus(!0);
-  }, mapping = {
-    success: {
-      icon: /* @__PURE__ */ jsx(SvgSuccessOutline$1, {}),
-      classModifier: "alert-success"
-    },
-    warning: {
-      icon: /* @__PURE__ */ jsx(SvgAlertCircle$1, {}),
-      classModifier: "alert-warning"
-    },
-    info: {
-      icon: /* @__PURE__ */ jsx(SvgInfoCircle$1, {}),
-      classModifier: "alert-info"
-    },
-    danger: {
-      icon: /* @__PURE__ */ jsx(SvgError$1, {}),
-      classModifier: "alert-danger"
-    }
-  }, toastClasses = {
-    "is-dismissible": isDismissible,
-    "is-toast ": isToast
-  }, confirmClasses = {
-    "is-confirm": isConfirm
-  }, divContainerClasses = clsx("alert gap-12", mapping[type].classModifier, toastClasses, confirmClasses, position, className);
-  return /* @__PURE__ */ jsx(Fragment, { children: isVisible ? /* @__PURE__ */ jsxs("div", { ref: refAlert, className: divContainerClasses, role: "alert", children: [
-    !isConfirm && mapping[type].icon,
-    /* @__PURE__ */ jsx("div", { className: "alert-content small", children }),
-    button && /* @__PURE__ */ jsxs("div", { className: "ms-12", children: [
-      button,
-      " ",
-      isConfirm && /* @__PURE__ */ jsx(Button, { onClick: hide, children: t("close") })
-    ] }),
-    (isDismissible || isConfirm) && /* @__PURE__ */ jsx("div", { className: "btn-close-container", children: /* @__PURE__ */ jsx("button", { type: "button", className: "btn-close", "data-bs-dismiss": "alert", "aria-label": t("close"), onClick: hide }) }),
-    autoClose && /* @__PURE__ */ jsx("div", { className: "alert-progress", style: {
-      transform: "scaleX(0)"
-    } })
-  ] }) : null });
-});
-export {
-  Alert as default
-};

package/dist/ui/src/components/AppHeader/AppHeader.js

@@ -1,22 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const AppHeader = /* @__PURE__ */ forwardRef(({
-  children,
-  render,
-  isFullscreen = !1,
-  ...restProps
-}, ref) => {
-  const classes = clsx("d-flex flex-wrap p-16 gap-8 border-bottom bg-white", {
-    "justify-content-between": render,
-    "mx-n16": !isFullscreen,
-    "z-3 top-0 start-0 end-0": isFullscreen
-  });
-  return /* @__PURE__ */ jsxs("div", { ref, className: classes, ...restProps, children: [
-    children,
-    render ? /* @__PURE__ */ jsx("div", { className: "d-flex align-items-center ms-auto gap-8", children: render() }) : null
-  ] });
-}), AppHeader$1 = AppHeader;
-export {
-  AppHeader$1 as default
-};

package/dist/ui/src/components/AppIcon/AppIcon.js

@@ -1,49 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import Image from "../Image/Image.js";
-import useOdeIcons from "../../core/useOdeIcons/useOdeIcons.js";
-import usePaths from "../../core/usePaths/usePaths.js";
-const AppIcon = /* @__PURE__ */ forwardRef(({
-  app,
-  size = "24",
-  iconFit = "contain",
-  variant = "square",
-  className = ""
-}, ref) => {
-  const {
-    isIconUrl,
-    getIconCode
-  } = useOdeIcons(), [, iconPath] = usePaths(), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
-    "icon-xs": size === "24",
-    "icon-sm": size === "40",
-    "icon-md": size === "48",
-    "icon-lg": size === "80",
-    "icon-xl": size === "160"
-  }, iconVariant = {
-    square: isSquare,
-    rounded: isRounded,
-    "rounded-circle": isCircle
-  }, iconFits = {
-    "icon-contain": isContain,
-    "icon-ratio": isRatio
-  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && (app == null ? void 0 : app.displayName) !== void 0 ? app.displayName : "", code = app ? getIconCode(app) : "", isIconURL = isIconUrl(icon), appCode = code || "placeholder";
-  if (isIconURL) {
-    const classes2 = clsx("h-full", className);
-    return /* @__PURE__ */ jsx(Image, { src: icon, alt: displayName, objectFit: "contain", width: size, height: size, className: classes2 });
-  }
-  const classes = clsx("app-icon", {
-    ...iconSizes,
-    ...iconVariant,
-    ...iconFits,
-    [`bg-light-${appCode}`]: appCode && !isContain,
-    [`color-app-${appCode}`]: appCode
-  }, className);
-  return /* @__PURE__ */ jsx("div", { className: classes, style: {
-    width: size + "px",
-    height: size + "px"
-  }, children: /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, role: "img", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx("use", { xlinkHref: `${iconPath}/apps.svg#${appCode}` }) }) });
-});
-export {
-  AppIcon
-};

package/dist/ui/src/components/Attachment/Attachment.js

@@ -1,15 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Paperclip as SvgPaperclip$1 } from "../../../../icons/dist/index.js";
-const Attachment = /* @__PURE__ */ forwardRef(({
-  name = "Attachment Name",
-  options,
-  ...restProps
-}, ref) => /* @__PURE__ */ jsxs("div", { ref, className: "attachment px-12 py-8", ...restProps, children: [
-  /* @__PURE__ */ jsx(SvgPaperclip$1, { height: 22, width: 22 }),
-  /* @__PURE__ */ jsx("div", { className: "filename text-truncate", children: name }),
-  options && /* @__PURE__ */ jsx("div", { className: "options ps-12", children: options })
-] })), Attachment$1 = Attachment;
-export {
-  Attachment$1 as default
-};

package/dist/ui/src/components/Audience/ReactionChoice.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import useReactionIcons from "./hooks/useReactionIcons.js";
-import { useTranslation } from "react-i18next";
-import clsx from "clsx";
-import Dropdown from "../Dropdown/Dropdown.js";
-import Tooltip from "../Tooltip/Tooltip.js";
-import IconButton from "../Button/IconButton.js";
-const ReactionChoice = ({
-  availableReactions,
-  summary = {
-    totalReactionsCounter: 0,
-    userReaction: null
-  },
-  onChange
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    getReactionIcon,
-    getReactionLabel
-  } = useReactionIcons(), {
-    userReaction
-  } = summary, classes = clsx({
-    "fw-bold": !!userReaction
-  });
-  return /* @__PURE__ */ jsx("div", { className: "reaction-choice", children: /* @__PURE__ */ jsxs(Dropdown, { placement: "top-start", children: [
-    /* @__PURE__ */ jsx(Dropdown.Trigger, { className: classes, color: "tertiary", variant: "ghost", size: "sm", icon: getReactionIcon(userReaction), hideCarret: !0, label: t(getReactionLabel(userReaction)) }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { unstyled: !0, className: "bg-white shadow rounded-8 overflow-visible", children: /* @__PURE__ */ jsx("div", { className: "d-flex align-items-center justify-content-between", children: availableReactions == null ? void 0 : availableReactions.map((reactionType) => /* @__PURE__ */ jsx(Dropdown.Item, { className: "p-0", children: /* @__PURE__ */ jsx(Tooltip, { message: t(getReactionLabel(reactionType)), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { className: "reaction-available m-4", variant: "ghost", size: "sm", icon: getReactionIcon(reactionType), onClick: () => onChange == null ? void 0 : onChange(reactionType) }) }) }, reactionType)) }) })
-  ] }) });
-}, ReactionChoice$1 = ReactionChoice;
-export {
-  ReactionChoice$1 as default
-};