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

package/dist/ui/src/common/ShareModal/ShareBookmarkLine.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Bookmark as SvgBookmark$1, RafterDown as SvgRafterDown$1, Close as SvgClose$1 } from "../../../../icons/dist/index.js";
+import { hasRight } from "./utils/hasRight.js";
+import { showShareRightLine } from "./utils/showShareRightLine.js";
+import Avatar from "../../components/Avatar/Avatar.js";
+import Button from "../../components/Button/Button.js";
+import Checkbox from "../../components/Checkbox/Checkbox.js";
+import IconButton from "../../components/Button/IconButton.js";
+const ShareBookmarkLine = ({
+  shareRights,
+  showBookmark,
+  toggleBookmark,
+  shareRightActions,
+  toggleRight,
+  onDeleteRow
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return shareRights == null ? void 0 : shareRights.rights.map((shareRight) => showShareRightLine(shareRight, showBookmark) && /* @__PURE__ */ jsxs("tr", { className: shareRight.isBookmarkMember ? "bg-light" : "", children: [
+    /* @__PURE__ */ jsxs("td", { children: [
+      shareRight.type !== "sharebookmark" && /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.shared.alt"), size: "xs", src: shareRight.avatarUrl, variant: "circle" }),
+      shareRight.type === "sharebookmark" && /* @__PURE__ */ jsx(SvgBookmark$1, {})
+    ] }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "d-flex", children: [
+      shareRight.type === "sharebookmark" && /* @__PURE__ */ jsx(Button, { color: "tertiary", rightIcon: /* @__PURE__ */ jsx(SvgRafterDown$1, { title: t("show"), className: "w-16 min-w-0", style: {
+        transition: "rotate 0.2s ease-out",
+        rotate: showBookmark ? "-180deg" : "0deg"
+      } }), type: "button", variant: "ghost", className: "fw-normal ps-0", onClick: toggleBookmark, children: shareRight.displayName }),
+      shareRight.type !== "sharebookmark" && shareRight.displayName,
+      shareRight.type === "user" && ` (${t(shareRight.profile || "")})`
+    ] }) }),
+    shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
+      width: "80px"
+    }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: hasRight(shareRight, shareRightAction), onChange: () => toggleRight(shareRight, shareRightAction.id) }) }, shareRightAction.displayName)),
+    /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgClose$1, {}), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
+  ] }, shareRight.id));
+};
+export {
+  ShareBookmarkLine
+};

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

@@ -0,0 +1,128 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Bookmark as SvgBookmark$1, RafterDown as SvgRafterDown$1, InfoCircle as SvgInfoCircle$1 } from "../../../../icons/dist/index.js";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import { ShareBookmark } from "./ShareBookmark.js";
+import { ShareBookmarkLine } from "./ShareBookmarkLine.js";
+import { useSearch } from "./hooks/useSearch.js";
+import useShare from "./hooks/useShare.js";
+import { useShareBookmark } from "./hooks/useShareBookmark.js";
+import Modal from "../../components/Modal/Modal.js";
+import Heading from "../../components/Heading/Heading.js";
+import LoadingScreen from "../../components/LoadingScreen/LoadingScreen.js";
+import VisuallyHidden from "../../components/VisuallyHidden/VisuallyHidden.js";
+import Avatar from "../../components/Avatar/Avatar.js";
+import Checkbox from "../../components/Checkbox/Checkbox.js";
+import Button from "../../components/Button/Button.js";
+import Tooltip from "../../components/Tooltip/Tooltip.js";
+import Combobox from "../../components/Combobox/Combobox.js";
+function ShareResourceModal({
+  isOpen,
+  shareOptions,
+  shareResource,
+  children,
+  onSuccess,
+  onCancel
+}) {
+  const {
+    resourceId,
+    resourceCreatorId,
+    resourceRights
+  } = shareOptions, [isLoading, setIsLoading] = useState(!0), {
+    state: {
+      isSharing,
+      shareRights,
+      shareRightActions
+    },
+    dispatch: shareDispatch,
+    myAvatar,
+    currentIsAuthor,
+    handleShare,
+    toggleRight,
+    handleDeleteRow
+  } = useShare({
+    resourceId,
+    resourceCreatorId,
+    resourceRights,
+    shareResource,
+    setIsLoading,
+    onSuccess
+  }), {
+    state: {
+      searchResults,
+      searchInputValue
+    },
+    showSearchAdmlHint,
+    showSearchLoading,
+    showSearchNoResults,
+    getSearchMinLength,
+    handleSearchInputChange,
+    handleSearchResultsChange
+  } = useSearch({
+    resourceId,
+    resourceCreatorId,
+    shareRights,
+    shareDispatch
+  }), {
+    refBookmark,
+    showBookmark,
+    handleBookmarkChange,
+    toggleBookmark,
+    bookmark,
+    handleOnSave,
+    showBookmarkInput,
+    toggleBookmarkInput
+  } = useShareBookmark({
+    shareRights,
+    shareDispatch
+  }), {
+    t
+  } = useTranslation(), searchPlaceholder = showSearchAdmlHint() ? t("explorer.search.adml.hint") : t("explorer.modal.share.search.placeholder");
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "share_modal", size: "lg", isOpen, onModalClose: onCancel, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("share.title") }),
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.modal.share.usersWithAccess") }),
+      /* @__PURE__ */ jsx("div", { className: "table-responsive", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs("table", { className: "table border align-middle mb-0", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-secondary", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { scope: "col", className: "w-32", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.avatar.shared.alt") }) }),
+          /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.search.placeholder") }) }),
+          shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("th", { scope: "col", className: "text-center text-white", children: t(shareRightAction.displayName) }, shareRightAction.displayName)),
+          /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs("tbody", { children: [
+          currentIsAuthor() && /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { scope: "row", children: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.me.alt"), size: "xs", src: myAvatar, variant: "circle" }) }),
+            /* @__PURE__ */ jsx("td", { children: t("share.me") }),
+            shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
+              width: "80px"
+            }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: !0, disabled: !0 }) }, shareRightAction.displayName)),
+            /* @__PURE__ */ jsx("td", {})
+          ] }),
+          /* @__PURE__ */ jsx(ShareBookmarkLine, { showBookmark, shareRightActions, shareRights, onDeleteRow: handleDeleteRow, toggleRight, toggleBookmark })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
+        /* @__PURE__ */ jsx(Button, { color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgBookmark$1, {}), rightIcon: /* @__PURE__ */ jsx(SvgRafterDown$1, { title: t("show"), className: "w-16 min-w-0", style: {
+          transition: "rotate 0.2s ease-out",
+          rotate: showBookmarkInput ? "-180deg" : "0deg"
+        } }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
+        showBookmarkInput && /* @__PURE__ */ jsx(ShareBookmark, { refBookmark, bookmark, onBookmarkChange: handleBookmarkChange, onSave: handleOnSave })
+      ] }),
+      /* @__PURE__ */ jsx("hr", {}),
+      /* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16 d-flex align-items-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "me-8", children: t("explorer.modal.share.search") }),
+        /* @__PURE__ */ jsx(Tooltip, { message: "Vos favoris de partage s’affichent en priorité dans votre liste lorsque vous recherchez un groupe ou une personne, vous pouvez les retrouver dans l’annuaire.", placement: "top", children: /* @__PURE__ */ jsx(SvgInfoCircle$1, { className: "c-pointer", height: "18" }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "row", children: /* @__PURE__ */ jsx("div", { className: "col-10", children: /* @__PURE__ */ jsx(Combobox, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
+      children
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, children: t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", isLoading: isSharing, onClick: handleShare, disabled: isSharing, children: t("share") })
+    ] })
+  ] }), document.getElementById("portal"));
+}
+export {
+  ShareResourceModal as default
+};

package/dist/ui/src/common/ShareModal/apps/ShareBlog.js

@@ -0,0 +1,43 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+import { useTranslation } from "react-i18next";
+import useResource from "../../../core/useResource/useResource.js";
+import Heading from "../../../components/Heading/Heading.js";
+import Radio from "../../../components/Radio/Radio.js";
+import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+function ShareBlog({
+  resourceId,
+  updateResource
+}) {
+  const {
+    appCode
+  } = useOdeClient(), {
+    t
+  } = useTranslation(appCode), resource = useResource("blog", resourceId), publishType = resource && resource["publish-type"], [radioPublicationValue, setRadioPublicationValue] = useState(publishType ?? "RESTRAINT");
+  useEffect(() => {
+    publishType && setRadioPublicationValue(publishType);
+  }, [publishType]);
+  const handleRadioPublicationChange = async (event) => {
+    const value = event.target.value, params = {
+      description: resource.description || "",
+      entId: resource.assetId,
+      name: resource.name,
+      public: !!resource.public,
+      slug: resource.slug || "",
+      thumbnail: resource.thumbnail,
+      trashed: resource.trashed,
+      "publish-type": value
+    };
+    updateResource ? await updateResource.mutateAsync(params) : await odeServices.resource("blog").update(params), setRadioPublicationValue(value);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("hr", {}),
+    /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.publication.steps") }),
+    /* @__PURE__ */ jsx(Radio, { label: t("explorer.immediat.publication"), id: "publication-now", name: "publication", value: "IMMEDIATE", model: radioPublicationValue, checked: radioPublicationValue === "IMMEDIATE", onChange: handleRadioPublicationChange }),
+    /* @__PURE__ */ jsx(Radio, { label: t("explorer.validate.publication"), id: "publication-validate", name: "publication", value: "RESTRAINT", checked: radioPublicationValue === "RESTRAINT", model: radioPublicationValue, onChange: handleRadioPublicationChange })
+  ] });
+}
+export {
+  ShareBlog as default
+};

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

@@ -0,0 +1,178 @@
+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

@@ -0,0 +1,192 @@
+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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,15 @@
+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/common/ShareModal/utils/hasRight.js

@@ -0,0 +1,4 @@
+const hasRight = (shareRight, shareAction) => shareRight.actions.filter((a) => shareAction.id === a.id).length > 0;
+export {
+  hasRight
+};

package/dist/ui/src/common/ShareModal/utils/showShareRightLine.js

@@ -0,0 +1,4 @@
+const showShareRightLine = (shareRight, showBookmarkMembers) => shareRight.isBookmarkMember && showBookmarkMembers || !shareRight.isBookmarkMember;
+export {
+  showShareRightLine
+};