@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop.20261013171251

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js

@@ -1 +1,151 @@
-import SvgIconApplications from"../../../icons/components/IconApplications.js";import Button from"../../../../components/Button/Button.js";import{useEdificeTheme}from"../../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";import{emptyScreenMapping}from"../../../../utilities/emptyscreen-mapping/emptyscreen-mapping.js";import{useResourceSearch}from"../../../../hooks/useResourceSearch/useResourceSearch.js";import LinkerCard from"../../LinkerCard/LinkerCard.js";import AppIcon from"../../../../components/AppIcon/AppIcon.js";import SearchBar from"../../../../components/SearchBar/SearchBar.js";import Dropdown from"../../../../components/Dropdown/Dropdown.js";import EmptyScreen from"../../../../components/EmptyScreen/EmptyScreen.js";import{useCallback,useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{useDebounce}from"@uidotdev/usehooks";var InternalLinker=({appCode,defaultAppCode,defaultResourceId,onChange,onSelect,multiple=!0,resourceList,applicationList,showApplicationSelector=!0,disableApplicationSelector=!1,resourceFilter,onSearch,hasMoreResources,onLoadMore,loadMoreLabel})=>{let{t}=useTranslation(),{theme}=useEdificeTheme(),{resourceApplications,loadResources}=useResourceSearch(appCode),[options,setOptions]=useState(),[selectedApplication,setSelectedApplication]=useState(),[searchTerms,setSearchTerms]=useState(),debounceSearch=useDebounce(searchTerms||``,500),[resources,setResources]=useState([]),filterResources=useCallback((resource,search)=>{if(!search)return!0;let searchParam=search?.toLowerCase()||``;return resource.name?.toLowerCase().includes(searchParam)||resource.creatorName?.toLowerCase().includes(searchParam)||resource.description?.toLowerCase().includes(searchParam)},[]),sortResources=useCallback(resources=>resources.sort((a,b)=>a.modifiedAt<b.modifiedAt?1:-1),[]),loadAndDisplayResources=useCallback(search=>{async function load(){if(onSearch){try{setResources(await onSearch(search||``,selectedApplication))}catch{setResources([])}return}if(resourceList){let filteredResources=resourceList.filter(resource=>filterResources(resource,search));resourceFilter&&(filteredResources=filteredResources.filter(resourceFilter)),setResources(sortResources(filteredResources));return}else if(selectedApplication)try{let resources=(await loadResources({application:selectedApplication.application,search,types:[selectedApplication.application],filters:{},pagination:{startIdx:0,pageSize:300}})).filter(resource=>filterResources(resource,search));resourceFilter&&(resources=resources.filter(resourceFilter)),setResources(sortResources(resources));return}catch{}setResources([])}load()},[onSearch,loadResources,selectedApplication,filterResources,sortResources,resourceList,resourceFilter]),[selectedDocuments,setSelectedDocuments]=useState([]),handleOptionClick=option=>{onChange?.(option),setSelectedApplication(option)},handleSearchChange=event=>{let newText=event.target.value;setSearchTerms(newText.toString())},handleSubmit=useCallback(event=>{loadAndDisplayResources(searchTerms),event.stopPropagation(),event.preventDefault()},[loadAndDisplayResources,searchTerms]),getSelectedResourceIndex=useCallback(resourceId=>selectedDocuments.findIndex(selectedDocument=>selectedDocument.assetId===resourceId),[selectedDocuments]),selectResource=useCallback(resource=>{setSelectedDocuments(multiple?previousState=>[...previousState,resource]:[resource])},[setSelectedDocuments,multiple]),toggleResourceSelection=useCallback(resource=>{let index=getSelectedResourceIndex(resource.assetId);index<0?selectResource(resource):setSelectedDocuments(selectedDocuments.filter((_value,i)=>i!==index))},[getSelectedResourceIndex,selectResource,selectedDocuments]);return useEffect(()=>{(async()=>{if(applicationList){setOptions(applicationList.sort((app1,app2)=>app1.displayName.localeCompare(app2.displayName)));return}let appPromises=resourceApplications.map(application=>odeServices.session().getWebApp(application)),webApps=await Promise.all(appPromises);setOptions(resourceApplications.map((application,index)=>{let displayName=webApps[index]?.displayName??application;return application===`exercizer`?displayName=`bbm.linker.int.app.exercizer`:application===`formulaire`&&(displayName=`bbm.linker.int.app.forms`),{application,displayName:t(displayName??application),icon:jsx(AppIcon,{app:webApps[index],size:`24`})}}).sort((a,b)=>a.displayName.localeCompare(b.displayName)))})()},[resourceApplications,t,applicationList]),useEffect(()=>{loadAndDisplayResources(debounceSearch)},[loadAndDisplayResources,debounceSearch]),useEffect(()=>{onSelect?.(selectedDocuments)},[selectedDocuments]),useEffect(()=>{let safeDefaultAppCode=defaultAppCode??(applicationList?.length===1&&applicationList?.[0]?.application);if(safeDefaultAppCode){let option=options?.find(option=>safeDefaultAppCode===option.application);setSelectedApplication(option),loadAndDisplayResources(``)}},[options,defaultAppCode]),useEffect(()=>{if(defaultResourceId&&getSelectedResourceIndex(defaultResourceId)<0){let resource=resources?.find(resource=>defaultResourceId===resource.assetId);resource&&selectResource(resource)}},[resources]),jsxs(`div`,{className:`d-flex flex-column flex-fill overflow-hidden`,children:[jsxs(`div`,{className:`search d-flex bg-light rounded-top border border-bottom-0`,children:[showApplicationSelector&&jsx(`div`,{className:`flex-shrink-1 px-8 py-12 border-end`,children:jsxs(Dropdown,{overflow:!0,children:[jsx(Dropdown.Trigger,{icon:jsx(`div`,{className:`pe-8`,children:selectedApplication?.icon||jsx(SvgIconApplications,{})}),label:jsxs(`span`,{className:`d-md-inline d-sm-none`,children:[` `,t(selectedApplication?.displayName||`bbm.linker.int.choose`)]}),variant:`ghost`,size:`md`,disabled:disableApplicationSelector}),jsx(Dropdown.Menu,{children:options?.map(option=>jsx(Dropdown.Item,{icon:option.icon,onClick:()=>handleOptionClick(option),children:option.displayName},option.application))})]})}),jsx(`div`,{className:`flex-grow-1 align-self-center`,children:jsx(`form`,{className:`gap-16 d-flex w-100 align-items-center px-16 py-8`,onSubmit:handleSubmit,children:jsx(SearchBar,{isVariant:!0,placeholder:t(`search`),size:`lg`,className:`w-100`,disabled:!selectedApplication,onChange:handleSearchChange})})})]}),jsxs(`div`,{className:`internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto`,children:[selectedApplication&&resources&&resources.length>0&&jsxs(`div`,{children:[resources.map(resource=>jsx(LinkerCard,{doc:resource,isSelected:selectedDocuments.findIndex(doc=>doc.assetId===resource.assetId)>=0,onClick:()=>toggleResourceSelection(resource)},resource.path)),hasMoreResources&&jsx(`div`,{className:`d-grid gap-2 col-4 mx-auto my-24`,children:jsx(Button,{type:`button`,color:`secondary`,variant:`filled`,onClick:onLoadMore,children:loadMoreLabel??t(`bbm.linker.see.more`)})})]}),selectedApplication&&resources&&resources.length<=0&&jsx(`div`,{className:`d-flex justify-content-center mt-16`,children:jsx(EmptyScreen,{imageSrc:emptyScreenMapping[theme?.bootstrapVersion??`one`][selectedApplication?.application],text:t(`bbm.linker.int.notfound`),className:`mt-16`})}),!selectedApplication&&jsx(`div`,{className:`d-flex justify-content-center mt-32`,children:jsx(EmptyScreen,{imageSrc:emptyScreenMapping[theme?.bootstrapVersion??`one`].empty,text:t(`bbm.linker.int.empty`),className:`mt-32`})})]})]})};export{InternalLinker as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import { useDebounce } from "@uidotdev/usehooks";
+import { useEdificeTheme } from "../../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import SvgIconApplications from "../../../icons/components/IconApplications.js";
+import LinkerCard from "../../LinkerCard/LinkerCard.js";
+import { useResourceSearch } from "../../../../hooks/useResourceSearch/useResourceSearch.js";
+import AppIcon from "../../../../components/AppIcon/AppIcon.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import SearchBar from "../../../../components/SearchBar/SearchBar.js";
+import Button from "../../../../components/Button/Button.js";
+import EmptyScreen from "../../../../components/EmptyScreen/EmptyScreen.js";
+import { emptyScreenMapping } from "../../../../utilities/emptyscreen-mapping/emptyscreen-mapping.js";
+const InternalLinker = ({
+  appCode,
+  defaultAppCode,
+  defaultResourceId,
+  onChange,
+  onSelect,
+  multiple = !0,
+  resourceList,
+  applicationList,
+  showApplicationSelector = !0,
+  disableApplicationSelector = !1,
+  resourceFilter,
+  onSearch,
+  hasMoreResources,
+  onLoadMore,
+  loadMoreLabel
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    theme
+  } = useEdificeTheme(), {
+    resourceApplications,
+    loadResources
+  } = useResourceSearch(appCode), [options, setOptions] = useState(), [selectedApplication, setSelectedApplication] = useState(), [searchTerms, setSearchTerms] = useState(), debounceSearch = useDebounce(searchTerms || "", 500), [resources, setResources] = useState([]), filterResources = useCallback((resource, search) => {
+    var _a, _b, _c;
+    if (!search) return !0;
+    const searchParam = (search == null ? void 0 : search.toLowerCase()) || "";
+    return ((_a = resource.name) == null ? void 0 : _a.toLowerCase().includes(searchParam)) || ((_b = resource.creatorName) == null ? void 0 : _b.toLowerCase().includes(searchParam)) || ((_c = resource.description) == null ? void 0 : _c.toLowerCase().includes(searchParam));
+  }, []), sortResources = useCallback((resources2) => resources2.sort((a, b) => a.modifiedAt < b.modifiedAt ? 1 : -1), []), loadAndDisplayResources = useCallback((search) => {
+    async function load() {
+      if (onSearch) {
+        try {
+          setResources(await onSearch(search || "", selectedApplication));
+        } catch {
+          setResources([]);
+        }
+        return;
+      }
+      if (resourceList) {
+        let filteredResources = resourceList.filter((resource) => filterResources(resource, search));
+        resourceFilter && (filteredResources = filteredResources.filter(resourceFilter)), setResources(sortResources(filteredResources));
+        return;
+      } else if (selectedApplication)
+        try {
+          let resources2 = (await loadResources({
+            application: selectedApplication.application,
+            search,
+            types: [selectedApplication.application],
+            filters: {},
+            pagination: {
+              startIdx: 0,
+              pageSize: 300
+            }
+            // ignored at the moment
+          })).filter((resource) => filterResources(resource, search));
+          resourceFilter && (resources2 = resources2.filter(resourceFilter)), setResources(sortResources(resources2));
+          return;
+        } catch {
+        }
+      setResources([]);
+    }
+    load();
+  }, [onSearch, loadResources, selectedApplication, filterResources, sortResources, resourceList, resourceFilter]), [selectedDocuments, setSelectedDocuments] = useState([]), handleOptionClick = (option) => {
+    onChange == null || onChange(option), setSelectedApplication(option);
+  }, handleSearchChange = (event) => {
+    const newText = event.target.value;
+    setSearchTerms(newText.toString());
+  }, handleSubmit = useCallback((event) => {
+    loadAndDisplayResources(searchTerms), event.stopPropagation(), event.preventDefault();
+  }, [loadAndDisplayResources, searchTerms]), getSelectedResourceIndex = useCallback((resourceId) => selectedDocuments.findIndex((selectedDocument) => selectedDocument.assetId === resourceId), [selectedDocuments]), selectResource = useCallback((resource) => {
+    setSelectedDocuments(multiple ? (previousState) => [...previousState, resource] : [resource]);
+  }, [setSelectedDocuments, multiple]), toggleResourceSelection = useCallback((resource) => {
+    const index = getSelectedResourceIndex(resource.assetId);
+    index < 0 ? selectResource(resource) : setSelectedDocuments(selectedDocuments.filter((_value, i) => i !== index));
+  }, [getSelectedResourceIndex, selectResource, selectedDocuments]);
+  return useEffect(() => {
+    (async () => {
+      if (applicationList) {
+        setOptions(applicationList.sort((app1, app2) => app1.displayName.localeCompare(app2.displayName)));
+        return;
+      }
+      const appPromises = resourceApplications.map((application) => odeServices.session().getWebApp(application)), webApps = await Promise.all(appPromises), opts = resourceApplications.map((application, index) => {
+        var _a;
+        let displayName = ((_a = webApps[index]) == null ? void 0 : _a.displayName) ?? application;
+        return application === "exercizer" ? displayName = "bbm.linker.int.app.exercizer" : application === "formulaire" && (displayName = "bbm.linker.int.app.forms"), {
+          application,
+          displayName: t(displayName ?? application),
+          icon: /* @__PURE__ */ jsx(AppIcon, { app: webApps[index], size: "24" })
+        };
+      }).sort((a, b) => a.displayName.localeCompare(b.displayName));
+      setOptions(opts);
+    })();
+  }, [resourceApplications, t, applicationList]), useEffect(() => {
+    loadAndDisplayResources(debounceSearch);
+  }, [loadAndDisplayResources, debounceSearch]), useEffect(() => {
+    onSelect == null || onSelect(selectedDocuments);
+  }, [selectedDocuments]), useEffect(() => {
+    var _a;
+    const safeDefaultAppCode = defaultAppCode ?? ((applicationList == null ? void 0 : applicationList.length) === 1 && ((_a = applicationList == null ? void 0 : applicationList[0]) == null ? void 0 : _a.application));
+    if (safeDefaultAppCode) {
+      const option = options == null ? void 0 : options.find((option2) => safeDefaultAppCode === option2.application);
+      setSelectedApplication(option), loadAndDisplayResources("");
+    }
+  }, [options, defaultAppCode]), useEffect(() => {
+    if (defaultResourceId && getSelectedResourceIndex(defaultResourceId) < 0) {
+      const resource = resources == null ? void 0 : resources.find((resource2) => defaultResourceId === resource2.assetId);
+      resource && selectResource(resource);
+    }
+  }, [resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "search d-flex bg-light rounded-top border border-bottom-0", children: [
+      showApplicationSelector && /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end", children: /* @__PURE__ */ jsxs(Dropdown, { overflow: !0, children: [
+        /* @__PURE__ */ jsx(Dropdown.Trigger, { icon: /* @__PURE__ */ jsx("div", { className: "pe-8", children: (selectedApplication == null ? void 0 : selectedApplication.icon) || /* @__PURE__ */ jsx(SvgIconApplications, {}) }), label: /* @__PURE__ */ jsxs("span", { className: "d-md-inline d-sm-none", children: [
+          " ",
+          t((selectedApplication == null ? void 0 : selectedApplication.displayName) || "bbm.linker.int.choose")
+        ] }), variant: "ghost", size: "md", disabled: disableApplicationSelector }),
+        /* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto", children: [
+      selectedApplication && resources && resources.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        resources.map((resource) => {
+          const isSelected = selectedDocuments.findIndex((doc) => doc.assetId === resource.assetId) >= 0;
+          return /* @__PURE__ */ jsx(LinkerCard, { doc: resource, isSelected, onClick: () => toggleResourceSelection(resource) }, resource.path);
+        }),
+        hasMoreResources && /* @__PURE__ */ jsx("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ jsx(Button, { type: "button", color: "secondary", variant: "filled", onClick: onLoadMore, children: loadMoreLabel ?? t("bbm.linker.see.more") }) })
+      ] }),
+      selectedApplication && resources && resources.length <= 0 && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-16", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyScreenMapping[(theme == null ? void 0 : theme.bootstrapVersion) ?? "one"][selectedApplication == null ? void 0 : selectedApplication.application], text: t("bbm.linker.int.notfound"), className: "mt-16" }) }),
+      !selectedApplication && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-32", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyScreenMapping[(theme == null ? void 0 : theme.bootstrapVersion) ?? "one"].empty, text: t("bbm.linker.int.empty"), className: "mt-32" }) })
+    ] })
+  ] });
+};
+export {
+  InternalLinker
+};

package/dist/modules/multimedia/LinkerCard/LinkerCard.js

@@ -1 +1,34 @@
-import SvgIconUsers from"../../icons/components/IconUsers.js";import useDate from"../../../hooks/useDate/useDate.js";import Image from"../../../components/Image/Image.js";import AppIcon from"../../../components/AppIcon/AppIcon.js";import Card from"../../../components/Card/Card.js";import clsx$1 from"clsx";import{useMemo}from"react";import{jsx,jsxs}from"react/jsx-runtime";var LinkerCard=({doc,isClickable=!0,isSelectable=!1,isSelected=!1,onClick,className})=>{let{fromNow}=useDate(),displayDate=useMemo(()=>doc.fromDate??fromNow(doc.modifiedAt),[doc.fromDate,doc.modifiedAt,fromNow]);return jsx(Card,{className:clsx$1(`card-linker shadow-none`,className),isClickable,isSelectable,isSelected,onClick,children:jsxs(Card.Body,{space:`8`,children:[jsx(`div`,{className:`card-image ps-8 pe-4`,children:doc.thumbnail&&doc.thumbnail.length>0?jsx(Image,{alt:``,height:48,width:48,src:doc.thumbnail,objectFit:`cover`,className:`rounded h-full`,style:{aspectRatio:1/1}}):jsx(AppIcon,{app:doc.application,iconFit:`ratio`,size:`48`,variant:`rounded`})}),jsxs(`div`,{className:`w-75`,children:[jsx(Card.Text,{children:doc.name}),jsx(Card.Text,{className:`text-black-50`,children:doc?.creatorName})]}),jsx(`div`,{className:`d-none d-md-block text-black-50 ps-4 pe-8`,children:jsx(Card.Text,{children:displayDate})}),doc.shared&&jsx(`div`,{className:`ps-4 pe-8`,children:jsx(SvgIconUsers,{width:`20`,height:`20`})})]})})};export{LinkerCard as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import SvgIconUsers from "../../icons/components/IconUsers.js";
+import useDate from "../../../hooks/useDate/useDate.js";
+import Card from "../../../components/Card/Card.js";
+import Image from "../../../components/Image/Image.js";
+import AppIcon from "../../../components/AppIcon/AppIcon.js";
+const LinkerCard = ({
+  doc,
+  isClickable = !0,
+  isSelectable = !1,
+  isSelected = !1,
+  onClick,
+  className
+}) => {
+  const {
+    fromNow
+  } = useDate(), displayDate = useMemo(() => doc.fromDate ?? fromNow(doc.modifiedAt), [doc.fromDate, doc.modifiedAt, fromNow]);
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-linker shadow-none", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+    /* @__PURE__ */ jsx("div", { className: "card-image ps-8 pe-4", children: doc.thumbnail && doc.thumbnail.length > 0 ? /* @__PURE__ */ jsx(Image, { alt: "", height: 48, width: 48, src: doc.thumbnail, objectFit: "cover", className: "rounded h-full", style: {
+      aspectRatio: 1 / 1
+    } }) : /* @__PURE__ */ jsx(AppIcon, { app: doc.application, iconFit: "ratio", size: "48", variant: "rounded" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "w-75", children: [
+      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
+      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.creatorName })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "d-none d-md-block text-black-50 ps-4 pe-8", children: /* @__PURE__ */ jsx(Card.Text, { children: displayDate }) }),
+    doc.shared && /* @__PURE__ */ jsx("div", { className: "ps-4 pe-8", children: /* @__PURE__ */ jsx(SvgIconUsers, { width: "20", height: "20" }) })
+  ] }) });
+};
+export {
+  LinkerCard as default
+};

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts

@@ -54,7 +54,7 @@ export interface MediaLibraryRef {
 /**
  * The resulting type depends on the actual selected Tab when modal is closed.
  */
-export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | InternalLinkTabResult | string | /*TODO(ENABLING-1155): type des autres résultats ?*/ any;
+export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
 /**
  * MediaLibrary component properties
  */

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -1 +1,226 @@
-import SvgIconApplications from"../../icons/components/IconApplications.js";import SvgIconCode from"../../icons/components/IconCode.js";import SvgIconFolder from"../../icons/components/IconFolder.js";import SvgIconGlobe from"../../icons/components/IconGlobe.js";import SvgIconMic from"../../icons/components/IconMic.js";import SvgIconRecordVideo from"../../icons/components/IconRecordVideo.js";import SvgIconSmartphone from"../../icons/components/IconSmartphone.js";import Button from"../../../components/Button/Button.js";import useHasWorkflow from"../../../hooks/useHasWorkflow/useHasWorkflow.js";import{MediaLibraryContext}from"./MediaLibraryContext.js";import{InnerTabs}from"./innertabs/index.js";import useHttpErrorToast from"../../../hooks/useHttpErrorToast/useHttpErrorToast.js";import Modal from"../../../components/Modal/Modal.js";import Tabs from"../../../components/Tabs/components/Tabs.js";import{forwardRef,useCallback,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";var orderedTabs=[`audio-capture`,`video-capture`,`internal-link`,`external-link`,`iframe`,`upload`,`workspace`,`video-embedder`],mediaLibraryTypes={none:null,audio:{title:`bbm.audio.modal.title`,defaultTab:`audio-capture`},video:{title:`bbm.video.modal.title`,defaultTab:`video-capture`},image:{title:`bbm.image.modal.title`,defaultTab:`workspace`},attachment:{title:`bbm.attachment.modal.title`,defaultTab:`workspace`},hyperlink:{title:`bbm.link.modal.title`,defaultTab:`linker`},embedder:{title:`bbm.embed.modal.title`,defaultTab:`iframe`},studio:{title:`bbm.studio.modal.title`,defaultTab:`audio-capture`}},MediaLibrary=forwardRef(({appCode,visibility,multiple,onSuccess,onCancel,onTabChange},ref)=>{let linkTabProps=useRef(),refModal=useRef(null);useImperativeHandle(ref,()=>({show,hide,showLink,type,...refModal.current}));let{t}=useTranslation(),workspaceCreateWorkflow=useHasWorkflow(`org.entcore.workspace.controllers.WorkspaceController|addDocument`),videoCaptureWorkflow=useHasWorkflow(`com.opendigitaleducation.video.controllers.VideoController|capture`),[type,setType]=useState(null);useHttpErrorToast({active:!!type,isDismissible:!0,duration:1/0});let availableTabs={workspace:{id:`workspace`,icon:jsx(SvgIconFolder,{}),label:t(`bbm.workspace`),content:jsx(InnerTabs.Workspace,{}),availableFor:[`audio`,`video`,`image`,`attachment`],isEnable:null},upload:{id:`upload`,icon:jsx(SvgIconSmartphone,{}),label:t(`bbm.device`),content:jsx(InnerTabs.Upload,{}),availableFor:[`audio`,`video`,`image`,`attachment`],isEnable:()=>!!workspaceCreateWorkflow},"video-capture":{id:`video-capture`,icon:jsx(SvgIconRecordVideo,{}),label:t(`bbm.video`),content:jsx(InnerTabs.Video,{}),availableFor:[`video`,`studio`],isEnable:()=>!!videoCaptureWorkflow},"audio-capture":{id:`audio-capture`,icon:jsx(SvgIconMic,{}),label:t(`bbm.audio`),content:jsx(InnerTabs.Audio,{}),availableFor:[`audio`,`studio`],isEnable:()=>!!workspaceCreateWorkflow},"external-link":{id:`external-link`,icon:jsx(SvgIconGlobe,{}),label:t(`bbm.linker.ext`),content:jsx(InnerTabs.ExternalLink,{...linkTabProps.current}),availableFor:[`hyperlink`],isEnable:null},"internal-link":{id:`internal-link`,icon:jsx(SvgIconApplications,{}),label:t(`bbm.linker.int`),content:jsx(InnerTabs.InternalLink,{...linkTabProps.current}),availableFor:[`hyperlink`],isEnable:null},iframe:{id:`iframe`,icon:jsx(SvgIconCode,{}),label:t(`bbm.embed`),content:jsx(InnerTabs.Iframe,{}),availableFor:[`embedder`],isEnable:null},"video-embedder":{id:`iframe`,icon:jsx(SvgIconCode,{}),label:t(`bbm.embed`),content:jsx(InnerTabs.VideoEmbedder,{}),availableFor:[`video`],isEnable:null}},tabs=useMemo(()=>orderedTabs.map(key=>availableTabs[key]).filter(tab=>tab.isEnable?.()!==!1&&(tab.availableFor.length===0||tab.availableFor.includes(type))),[type]),[defaultTabId,setDefaultTabId]=useState(),defaultTabIdx=useMemo(()=>{let index=tabs.findIndex(t=>t.id===defaultTabId);return 0>index||index>=tabs.length?0:index},[tabs,defaultTabId]),[resultCounter,setResultCounter]=useState(),[result,setResult]=useState(),[deletionsOnCancel,setDeletionsOnCancel]=useState([]),[onSuccessAction,setPreSuccess]=useState();function setVisibleTab(tab){throw tabs.findIndex(t=>t.id===tab)<0?`tab.not.visible`:`not.implemented.yet`}function switchType(type){linkTabProps.current=void 0,setDefaultTabId(void 0),setType(type)}let show=type=>{setType(type)},hide=()=>{setType(null)},showLink=props=>{linkTabProps.current=props,`resourceId`in props||`appPrefix`in props||setDefaultTabId(`external-link`),setType(`hyperlink`)};useEffect(()=>{let typeKey=type||`none`;!defaultTabId&&typeof mediaLibraryTypes[typeKey]?.defaultTab==`string`&&setDefaultTabId(mediaLibraryTypes[typeKey]?.defaultTab)},[defaultTabId,type]);let modalHeader=t(mediaLibraryTypes[type??`none`]?.title??`bbm`),resetState=()=>{linkTabProps.current=void 0,setResult(void 0),setResultCounter(void 0),setDefaultTabId(void 0),setPreSuccess(void 0),setDeletionsOnCancel([])},handleTabChange=tab=>{onTabChange?.(tab,deletionsOnCancel),resetState()},handleOnSuccess=useCallback(()=>{let triggerSuccess=async result=>{result instanceof Array&&[`protected`,`public`].findIndex(v=>v===visibility)>=0&&(result=await odeServices.workspace().transferDocuments(result,appCode??`media-library`,visibility)),onSuccess(result)};onSuccessAction?onSuccessAction().then(result=>{triggerSuccess(result)}):result&&triggerSuccess(result),resetState()},[onSuccessAction,result,onSuccess,visibility,appCode]),handleOnCancel=()=>{onCancel(deletionsOnCancel),resetState()};return type&&jsx(MediaLibraryContext.Provider,{value:{appCode,visibility,multiple,type,setResultCounter,setResult,setCancellable:uploads=>setDeletionsOnCancel([...uploads]),setVisibleTab,switchType,setPreSuccess},children:jsxs(Modal,{id:`media-library`,isOpen:type!==null,onModalClose:handleOnCancel,size:`lg`,viewport:!0,scrollable:!0,children:[jsx(Modal.Header,{onModalClose:handleOnCancel,children:modalHeader}),jsx(Tabs,{items:tabs,defaultId:tabs[defaultTabIdx].id,onChange:handleTabChange,children:currentItem=>jsxs(Fragment$1,{children:[tabs.length>1&&jsx(Tabs.List,{className:`mt-16`}),jsx(Modal.Body,{className:`d-flex`,children:jsx(Tabs.Panel,{currentItem,children:currentItem?.content})})]})}),jsxs(Modal.Footer,{children:[jsx(Button,{type:`button`,color:`tertiary`,variant:`ghost`,onClick:handleOnCancel,children:t(`cancel`)}),jsx(Button,{type:`button`,color:`primary`,variant:`filled`,disabled:result===void 0,onClick:handleOnSuccess,children:resultCounter&&resultCounter>1?t(`addMultiple`,{number:resultCounter}):t(`add`)})]})]})})});export{MediaLibrary as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import SvgIconApplications from "../../icons/components/IconApplications.js";
+import SvgIconCode from "../../icons/components/IconCode.js";
+import SvgIconFolder from "../../icons/components/IconFolder.js";
+import SvgIconGlobe from "../../icons/components/IconGlobe.js";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconRecordVideo from "../../icons/components/IconRecordVideo.js";
+import SvgIconSmartphone from "../../icons/components/IconSmartphone.js";
+import { InnerTabs } from "./innertabs/index.js";
+import { MediaLibraryContext } from "./MediaLibraryContext.js";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import useHttpErrorToast from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
+import Modal from "../../../components/Modal/Modal.js";
+import { Tabs } from "../../../components/Tabs/components/Tabs.js";
+import Button from "../../../components/Button/Button.js";
+const orderedTabs = [
+  "audio-capture",
+  "video-capture",
+  "internal-link",
+  // Link to a shared resource (previously known as "internal linker")
+  "external-link",
+  // Link to an external website (previously known as "external linker")
+  "iframe",
+  // Framed website
+  "upload",
+  // Filesystem browser + drag'n'drop of files
+  "workspace",
+  // Media browser
+  "video-embedder"
+  // Link to a hosted video
+], mediaLibraryTypes = {
+  none: null,
+  audio: {
+    title: "bbm.audio.modal.title",
+    defaultTab: "audio-capture"
+  },
+  video: {
+    title: "bbm.video.modal.title",
+    defaultTab: "video-capture"
+  },
+  image: {
+    title: "bbm.image.modal.title",
+    defaultTab: "workspace"
+  },
+  attachment: {
+    title: "bbm.attachment.modal.title",
+    defaultTab: "workspace"
+  },
+  hyperlink: {
+    title: "bbm.link.modal.title",
+    defaultTab: "linker"
+  },
+  embedder: {
+    title: "bbm.embed.modal.title",
+    defaultTab: "iframe"
+  },
+  // Add studio type with video-capture as default tab
+  studio: {
+    title: "bbm.studio.modal.title",
+    defaultTab: "audio-capture"
+  }
+}, MediaLibrary = /* @__PURE__ */ forwardRef(({
+  appCode,
+  visibility,
+  multiple,
+  onSuccess,
+  onCancel,
+  onTabChange
+}, ref) => {
+  var _a;
+  const linkTabProps = useRef(), refModal = useRef(null);
+  useImperativeHandle(ref, () => ({
+    show,
+    hide,
+    showLink,
+    type,
+    ...refModal.current
+  }));
+  const {
+    t
+  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null);
+  useHttpErrorToast({
+    active: !!type,
+    isDismissible: !0,
+    duration: 1 / 0
+  });
+  const availableTabs = {
+    workspace: {
+      id: "workspace",
+      icon: /* @__PURE__ */ jsx(SvgIconFolder, {}),
+      label: t("bbm.workspace"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Workspace, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: null
+    },
+    upload: {
+      id: "upload",
+      icon: /* @__PURE__ */ jsx(SvgIconSmartphone, {}),
+      label: t("bbm.device"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Upload, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: () => !!workspaceCreateWorkflow
+    },
+    "video-capture": {
+      id: "video-capture",
+      icon: /* @__PURE__ */ jsx(SvgIconRecordVideo, {}),
+      label: t("bbm.video"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
+      availableFor: ["video", "studio"],
+      isEnable: () => !!videoCaptureWorkflow
+    },
+    "audio-capture": {
+      id: "audio-capture",
+      icon: /* @__PURE__ */ jsx(SvgIconMic, {}),
+      label: t("bbm.audio"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
+      availableFor: ["audio", "studio"],
+      isEnable: () => !!workspaceCreateWorkflow
+    },
+    "external-link": {
+      id: "external-link",
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe, {}),
+      label: t("bbm.linker.ext"),
+      content: /* @__PURE__ */ jsx(InnerTabs.ExternalLink, { ...linkTabProps.current }),
+      availableFor: ["hyperlink"],
+      isEnable: null
+    },
+    "internal-link": {
+      id: "internal-link",
+      icon: /* @__PURE__ */ jsx(SvgIconApplications, {}),
+      label: t("bbm.linker.int"),
+      content: /* @__PURE__ */ jsx(InnerTabs.InternalLink, { ...linkTabProps.current }),
+      availableFor: ["hyperlink"],
+      isEnable: null
+    },
+    iframe: {
+      id: "iframe",
+      icon: /* @__PURE__ */ jsx(SvgIconCode, {}),
+      label: t("bbm.embed"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Iframe, {}),
+      availableFor: ["embedder"],
+      isEnable: null
+    },
+    "video-embedder": {
+      id: "iframe",
+      icon: /* @__PURE__ */ jsx(SvgIconCode, {}),
+      label: t("bbm.embed"),
+      content: /* @__PURE__ */ jsx(InnerTabs.VideoEmbedder, {}),
+      availableFor: ["video"],
+      isEnable: null
+    }
+  }, tabs = useMemo(
+    () => orderedTabs.map((key) => availableTabs[key]).filter((tab) => {
+      var _a2;
+      return ((_a2 = tab.isEnable) == null ? void 0 : _a2.call(tab)) !== !1 && (tab.availableFor.length === 0 || tab.availableFor.includes(type));
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [type]
+  ), [defaultTabId, setDefaultTabId] = useState(), defaultTabIdx = useMemo(() => {
+    const index = tabs.findIndex((t2) => t2.id === defaultTabId);
+    return 0 > index || index >= tabs.length ? 0 : index;
+  }, [tabs, defaultTabId]), [resultCounter, setResultCounter] = useState(), [result, setResult] = useState(), [deletionsOnCancel, setDeletionsOnCancel] = useState([]), [onSuccessAction, setPreSuccess] = useState();
+  function setVisibleTab(tab) {
+    throw tabs.findIndex((t2) => t2.id === tab) < 0 ? "tab.not.visible" : "not.implemented.yet";
+  }
+  function switchType(type2) {
+    linkTabProps.current = void 0, setDefaultTabId(void 0), setType(type2);
+  }
+  const show = (type2) => {
+    setType(type2);
+  }, hide = () => {
+    setType(null);
+  }, showLink = (props) => {
+    linkTabProps.current = props, "resourceId" in props || "appPrefix" in props || setDefaultTabId("external-link"), setType("hyperlink");
+  };
+  useEffect(() => {
+    var _a2, _b;
+    const typeKey = type || "none";
+    !defaultTabId && typeof ((_a2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _a2.defaultTab) == "string" && setDefaultTabId((_b = mediaLibraryTypes[typeKey]) == null ? void 0 : _b.defaultTab);
+  }, [defaultTabId, type]);
+  const modalHeader = t(((_a = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _a.title) ?? "bbm"), resetState = () => {
+    linkTabProps.current = void 0, setResult(void 0), setResultCounter(void 0), setDefaultTabId(void 0), setPreSuccess(void 0), setDeletionsOnCancel([]);
+  }, handleTabChange = (tab) => {
+    onTabChange == null || onTabChange(tab, deletionsOnCancel), resetState();
+  }, handleOnSuccess = useCallback(() => {
+    const triggerSuccess = async (result2) => {
+      result2 instanceof Array && ["protected", "public"].findIndex((v) => v === visibility) >= 0 && (result2 = await odeServices.workspace().transferDocuments(result2, appCode ?? "media-library", visibility)), onSuccess(result2);
+    };
+    onSuccessAction ? onSuccessAction().then((result2) => {
+      triggerSuccess(result2);
+    }) : result && triggerSuccess(result), resetState();
+  }, [onSuccessAction, result, onSuccess, visibility, appCode]), handleOnCancel = () => {
+    onCancel(deletionsOnCancel), resetState();
+  };
+  return type && /* @__PURE__ */ jsx(MediaLibraryContext.Provider, { value: {
+    appCode,
+    visibility,
+    multiple,
+    type,
+    setResultCounter,
+    setResult,
+    setCancellable: (uploads) => setDeletionsOnCancel([...uploads]),
+    setVisibleTab,
+    switchType,
+    setPreSuccess
+  }, children: /* @__PURE__ */ jsxs(Modal, { id: "media-library", isOpen: type !== null, onModalClose: handleOnCancel, size: "lg", viewport: !0, scrollable: !0, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleOnCancel, children: modalHeader }),
+    /* @__PURE__ */ jsx(Tabs, { items: tabs, defaultId: tabs[defaultTabIdx].id, onChange: handleTabChange, children: (currentItem) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      tabs.length > 1 && /* @__PURE__ */ jsx(Tabs.List, { className: "mt-16" }),
+      /* @__PURE__ */ jsx(Modal.Body, { className: "d-flex", children: /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleOnCancel, children: t("cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", disabled: typeof result > "u", onClick: handleOnSuccess, children: resultCounter && resultCounter > 1 ? t("addMultiple", {
+        number: resultCounter
+      }) : t("add") })
+    ] })
+  ] }) });
+});
+Object.assign(MediaLibrary, InnerTabs);
+export {
+  MediaLibrary as default
+};

package/dist/modules/multimedia/MediaLibrary/MediaLibraryContext.js

@@ -1 +1,12 @@
-import{createContext,useContext}from"react";var MediaLibraryContext=createContext(null);function useMediaLibraryContext(){let context=useContext(MediaLibraryContext);if(!context)throw Error(`Innertabs compound components cannot be rendered outside the MediaLibrary component`);return context}export{MediaLibraryContext,useMediaLibraryContext};
+import { createContext, useContext } from "react";
+const MediaLibraryContext = /* @__PURE__ */ createContext(null);
+function useMediaLibraryContext() {
+  const context = useContext(MediaLibraryContext);
+  if (!context)
+    throw new Error("Innertabs compound components cannot be rendered outside the MediaLibrary component");
+  return context;
+}
+export {
+  MediaLibraryContext,
+  useMediaLibraryContext
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/Audio.js

@@ -1 +1,19 @@
-import AudioRecorder from"../../AudioRecorder/AudioRecorder.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import{useRef}from"react";import{jsx}from"react/jsx-runtime";var Audio=()=>{let{setResult,setPreSuccess,visibility}=useMediaLibraryContext(),ref=useRef(null);return jsx(AudioRecorder,{ref,onRecordUpdated:recordURL=>{recordURL?(setResult(recordURL),setPreSuccess(()=>ref.current.save)):setResult()},onSaveSuccess:audioRessource=>{audioRessource&&setResult(audioRessource)},hideSaveAction:!0,visibility})};export{Audio};
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import AudioRecorder from "../../AudioRecorder/AudioRecorder.js";
+const Audio = () => {
+  const {
+    setResult,
+    setPreSuccess,
+    visibility
+  } = useMediaLibraryContext(), ref = useRef(null);
+  return /* @__PURE__ */ jsx(AudioRecorder, { ref, onRecordUpdated: (recordURL) => {
+    recordURL ? (setResult(recordURL), setPreSuccess(() => ref.current.save)) : setResult();
+  }, onSaveSuccess: (audioRessource) => {
+    audioRessource && setResult(audioRessource);
+  }, hideSaveAction: !0, visibility });
+};
+export {
+  Audio
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/ExternalLink.js

@@ -1 +1,17 @@
-import ExternalLinker from"../../Linker/ExternalLinker/ExternalLinker.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import{jsx}from"react/jsx-runtime";var ExternalLink=({link,multiNodeSelected=!1})=>{let{setResult}=useMediaLibraryContext();return jsx(ExternalLinker,{link,onChange:link=>{setResult(link)},multiNodeSelected})};export{ExternalLink};
+import { jsx } from "react/jsx-runtime";
+import { ExternalLinker } from "../../Linker/ExternalLinker/ExternalLinker.js";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+const ExternalLink = ({
+  link,
+  multiNodeSelected = !1
+}) => {
+  const {
+    setResult
+  } = useMediaLibraryContext();
+  return /* @__PURE__ */ jsx(ExternalLinker, { link, onChange: (link2) => {
+    setResult(link2);
+  }, multiNodeSelected });
+};
+export {
+  ExternalLink
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/Iframe.js

@@ -1 +1,14 @@
-import Embed from"../../Embed/Embed.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import{jsx}from"react/jsx-runtime";var Iframe=()=>{let{setResult}=useMediaLibraryContext();return jsx(Embed,{onSuccess:ressource=>{ressource=ressource?.replace(/<p /g,`<div `).replace(/\/p>/g,`/div>`),setResult(ressource)}})};export{Iframe};
+import { jsx } from "react/jsx-runtime";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import Embed from "../../Embed/Embed.js";
+const Iframe = () => {
+  const {
+    setResult
+  } = useMediaLibraryContext();
+  return /* @__PURE__ */ jsx(Embed, { onSuccess: (ressource) => {
+    ressource = ressource == null ? void 0 : ressource.replace(/<p /g, "<div ").replace(/\/p>/g, "/div>"), setResult(ressource);
+  } });
+};
+export {
+  Iframe
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/InternalLink.js

@@ -1 +1,35 @@
-import InternalLinker from"../../Linker/InternalLinker/InternalLinker.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import Checkbox from"../../../../components/Checkbox/Checkbox.js";import useToggle from"../../../../hooks/useToggle/useToggle.js";import{useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var InternalLink=({target,resourceId,appPrefix})=>{let{t}=useTranslation(),{setResult,setResultCounter,appCode,multiple}=useMediaLibraryContext(),[isChecked,toggleChecked]=useToggle(target===`_blank`),[resources,setRessources]=useState([]);return useEffect(()=>{setResult({target:isChecked?`_blank`:void 0,resources}),resources&&resources.length?setResultCounter(resources.length):setResultCounter(void 0)},[isChecked,resources]),jsxs(`div`,{className:`d-flex flex-column flex-fill gap-16 overflow-hidden`,children:[jsx(InternalLinker,{appCode,defaultAppCode:appPrefix,defaultResourceId:resourceId,onSelect:resources=>{setRessources(resources)},multiple}),jsx(Checkbox,{className:`align-items-center`,checked:isChecked,label:t(`bbm.linker.open.tab`),onChange:toggleChecked})]})};export{InternalLink};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import Checkbox from "../../../../components/Checkbox/Checkbox.js";
+import useToggle from "../../../../hooks/useToggle/useToggle.js";
+import { InternalLinker } from "../../Linker/InternalLinker/InternalLinker.js";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+const InternalLink = ({
+  target,
+  resourceId,
+  appPrefix
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    setResult,
+    setResultCounter,
+    appCode,
+    multiple
+  } = useMediaLibraryContext(), [isChecked, toggleChecked] = useToggle(target === "_blank"), [resources, setRessources] = useState([]), handleSelect = (resources2) => {
+    setRessources(resources2);
+  };
+  return useEffect(() => {
+    setResult({
+      target: isChecked ? "_blank" : void 0,
+      resources
+    }), resources && resources.length ? setResultCounter(resources.length) : setResultCounter(void 0);
+  }, [isChecked, resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-16 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(InternalLinker, { appCode, defaultAppCode: appPrefix, defaultResourceId: resourceId, onSelect: handleSelect, multiple }),
+    /* @__PURE__ */ jsx(Checkbox, { className: "align-items-center", checked: isChecked, label: t("bbm.linker.open.tab"), onChange: toggleChecked })
+  ] });
+};
+export {
+  InternalLink
+};