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

package/dist/modules/modals/ShareModal/hooks/useShare.js

@@ -1 +1,199 @@
-import{useEdificeClient}from"../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useToast from"../../../../hooks/useToast/useToast.js";import useUser from"../../../../hooks/useUser/useUser.js";import{useEffect,useReducer}from"react";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";var initialState={isSharing:!1,isDirty:!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,isDirty:!0};case`updateShareRights`:return{...state,shareRights:action.payload,isDirty:!0};case`toggleRight`:return{...state,shareRights:action.payload,isDirty:!0};case`isSharing`:return{...state,isSharing:action.payload};default:throw Error(`Unhandled action type`)}}function useShare({resourceId,resourceRights,resourceCreatorId,shareResource,setIsLoading,onSuccess,filteredActions,shareUrls}){let{appCode}=useEdificeClient(),{user,avatar}=useUser(),toast=useToast(),{t}=useTranslation(),[state,dispatch]=useReducer(reducer,initialState);useEffect(()=>{resourceId&&(async()=>{try{let[shareRightActions,shareRights]=await Promise.all([odeServices.share().getActionsForApp(appCode,shareUrls?.getShareMapping),odeServices.share().getRightsForResource(appCode,resourceId,shareUrls)]);dispatch({type:`init`,payload:{shareRightActions:filteredActions?shareRightActions.filter(action=>filteredActions.includes(action.id)):shareRightActions,shareRights}})}catch(error){console.error(error)}setIsLoading?.(!1)})()},[resourceId]);let toggleRight=(shareRight,actionName)=>{let{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),requiredActions=state.shareRightActions.filter(shareRightAction=>shareRightAction.requires?.includes(actionName));updatedActions=updatedActions.filter(action=>!requiredActions.find(requiredAction=>requiredAction.id===action.id)),newShareRights[index]={...newShareRights[index],actions:updatedActions}}else{let requiredActions=state.shareRightActions.filter(shareRightAction=>actionObject.requires?.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`&&(newShareRights[index].users?.forEach(user=>{let userIndex=newShareRights.findIndex(item=>item.id===user.id);newShareRights[userIndex]={...newShareRights[userIndex],actions:newShareRights[index].actions}}),newShareRights[index].groups?.forEach(user=>{let userIndex=newShareRights.findIndex(item=>item.id===user.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?.userId,myAvatar:avatar,handleDeleteRow:shareRight=>{dispatch({type:`deleteRow`,payload:{...state.shareRights,rights:state.shareRights.rights.filter(right=>right.id!==shareRight.id&&!shareRight.users?.find(user=>user.id===right.id)&&!shareRight.groups?.find(group=>group.id===right.id))}})},handleShare:async(notify=!0)=>{dispatch({type:`isSharing`,payload:!0});try{let 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){let actions=myRights.map(right=>({displayName:right,id:right}));shares.push({actions,avatarUrl:``,directoryUrl:``,displayName:user.username,id:user.userId,type:`user`})}if(shareResource){let result=await shareResource.mutateAsync({resourceId,rights:shares});notify&&notifySuccess(result)}else{let result=await odeServices.share().saveRights(appCode,resourceId,shares,shareUrls);notify&&notifySuccess(result)}shareUrls?.getResourceRights&&odeServices.cache().clearCache(shareUrls.getResourceRights),onSuccess()}catch(error){typeof error==`string`&&toast.error(t(`explorer.shared.status.error`)),typeof error==`object`&&toast.error(t(error?.error||`explorer.shared.status.error`)),console.error(`Failed to save share`,error)}finally{dispatch({type:`isSharing`,payload:!1})}},toggleRight,isDirty:!!state.isDirty}}export{useShare as default};
+import { useReducer, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useUser from "../../../../hooks/useUser/useUser.js";
+import useToast from "../../../../hooks/useToast/useToast.js";
+const initialState = {
+  isSharing: !1,
+  isDirty: !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,
+        isDirty: !0
+      };
+    case "updateShareRights":
+      return {
+        ...state,
+        shareRights: action.payload,
+        isDirty: !0
+      };
+    case "toggleRight":
+      return {
+        ...state,
+        shareRights: action.payload,
+        isDirty: !0
+      };
+    case "isSharing":
+      return {
+        ...state,
+        isSharing: action.payload
+      };
+    default:
+      throw new Error("Unhandled action type");
+  }
+}
+function useShare({
+  resourceId,
+  resourceRights,
+  resourceCreatorId,
+  shareResource,
+  setIsLoading,
+  onSuccess,
+  filteredActions,
+  shareUrls
+}) {
+  const {
+    appCode
+  } = useEdificeClient(), {
+    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, shareUrls == null ? void 0 : shareUrls.getShareMapping), odeServices.share().getRightsForResource(appCode, resourceId, shareUrls)]), filteredShareRightActions = filteredActions ? shareRightActions.filter((action) => filteredActions.includes(action.id)) : shareRightActions;
+        dispatch({
+          type: "init",
+          payload: {
+            shareRightActions: filteredShareRightActions,
+            shareRights
+          }
+        });
+      } catch (error) {
+        console.error(error);
+      }
+      setIsLoading == null || 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 (notify = !0) => {
+      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
+          });
+          notify && notifySuccess(result);
+        } else {
+          const result = await odeServices.share().saveRights(appCode, resourceId, shares, shareUrls);
+          notify && notifySuccess(result);
+        }
+        shareUrls != null && shareUrls.getResourceRights && odeServices.cache().clearCache(shareUrls.getResourceRights), onSuccess();
+      } catch (error) {
+        typeof error == "string" && toast.error(t("explorer.shared.status.error")), typeof error == "object" && toast.error(t((error == null ? void 0 : error.error) || "explorer.shared.status.error")), console.error("Failed to save share", error);
+      } finally {
+        dispatch({
+          type: "isSharing",
+          payload: !1
+        });
+      }
+    },
+    toggleRight,
+    isDirty: !!state.isDirty
+  };
+}
+export {
+  useShare as default
+};

package/dist/modules/modals/ShareModal/hooks/useShareBookmark.js

@@ -1 +1,68 @@
-import useToast from"../../../../hooks/useToast/useToast.js";import{useId,useRef,useState}from"react";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{useToggle}from"@uidotdev/usehooks";var useShareBookmark=({shareRights,shareDispatch})=>{let 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=>({...prev,name:refBookmark.current?.value||``}))},saveBookmark=async name=>{try{let 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,notVisibleCount:0}]}}),setBookmark(prev=>({...prev,bookmarkId:prev.id+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:()=>saveBookmark(refBookmark.current?.value||``),toggleBookmark,toggleBookmarkInput}};export{useShareBookmark};
+import { useRef, useState, useId } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import { useToggle } from "@uidotdev/usehooks";
+import useToast from "../../../../hooks/useToast/useToast.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,
+            notVisibleCount: 0
+          }]
+        }
+      }), 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) || "";
+      return saveBookmark(inputValue);
+    },
+    toggleBookmark,
+    toggleBookmarkInput
+  };
+};
+export {
+  useShareBookmark
+};

package/dist/modules/modals/ShareModal/hooks/useShareMutation.js

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

package/dist/modules/modals/ShareModal/hooks/useShareRightDisabled.js

@@ -1 +1,11 @@
-var DISABLED_GROUP_LABELS=[`CommunityMemberGroup`,`CommunityAdminGroup`],useShareRightDisabled=()=>({isShareRightDisabled:(shareRight,shareRights)=>{if(shareRight.type!==`group`)return!1;let group=shareRights.visibleGroups.find(g=>g.id===shareRight.id);return!group||!group.labels||!Array.isArray(group.labels)?!1:!!group.labels.some(label=>DISABLED_GROUP_LABELS.includes(label))}});export{useShareRightDisabled};
+const DISABLED_GROUP_LABELS = ["CommunityMemberGroup", "CommunityAdminGroup"], useShareRightDisabled = () => ({
+  isShareRightDisabled: (shareRight, shareRights) => {
+    if (shareRight.type !== "group")
+      return !1;
+    const group = shareRights.visibleGroups.find((g) => g.id === shareRight.id);
+    return !group || !group.labels || !Array.isArray(group.labels) ? !1 : !!group.labels.some((label) => DISABLED_GROUP_LABELS.includes(label));
+  }
+});
+export {
+  useShareRightDisabled
+};

package/dist/modules/modals/ShareModal/hooks/useShareRightVisible.js

@@ -1 +1,11 @@
-var HIDDEN_GROUP_LABELS=[`CommunityAdminGroup`],useShareRightVisible=()=>({isShareRightVisible:(shareRight,shareRights)=>{if(shareRight.type!==`group`)return!0;let group=shareRights.visibleGroups.find(g=>g.id===shareRight.id);return!group||!group.labels||!Array.isArray(group.labels)?!0:!group.labels.some(label=>HIDDEN_GROUP_LABELS.includes(label))}});export{useShareRightVisible};
+const HIDDEN_GROUP_LABELS = ["CommunityAdminGroup"], useShareRightVisible = () => ({
+  isShareRightVisible: (shareRight, shareRights) => {
+    if (shareRight.type !== "group")
+      return !0;
+    const group = shareRights.visibleGroups.find((g) => g.id === shareRight.id);
+    return !group || !group.labels || !Array.isArray(group.labels) ? !0 : !group.labels.some((label) => HIDDEN_GROUP_LABELS.includes(label));
+  }
+});
+export {
+  useShareRightVisible
+};

package/dist/modules/modals/ShareModal/utils/hasRight.js

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

package/dist/modules/modals/ShareModal/utils/showShareRightLine.js

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

package/dist/modules/multimedia/AudioRecorder/AudioRecorder.js

@@ -1 +1,53 @@
-import SvgIconMic from"../../icons/components/IconMic.js";import AudioRecorderTimer from"./AudioRecorderTimer.js";import useAudioRecorder from"./useAudioRecorder.js";import Input from"../../../components/Input/Input.js";import FormControl from"../../../components/Form/FormControl.js";import Toolbar from"../../../components/Toolbar/Toolbar.js";import clsx$1 from"clsx";import{forwardRef,useImperativeHandle,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var AudioRecorder=forwardRef(({onSaveSuccess,onRecordUpdated,hideSaveAction=!1,visibility=`protected`},ref)=>{let{recordState,playState,recordTime,audioRef,audioNameRef,toolbarItems,maxDuration,handlePlayEnded,handleSave}=useAudioRecorder(onSaveSuccess,onRecordUpdated,hideSaveAction,visibility,`media-library`),{t}=useTranslation();function getDefaultDate(){let d=new Date;return`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,`0`)}-${String(d.getDate()).padStart(2,`0`)} ${String(d.getHours()).padStart(2,`0`)}h${String(d.getMinutes()).padStart(2,`0`)}  `+t(`bbm.audio.recorder.defaultName`)}useImperativeHandle(ref,()=>({save:handleSave}));let[audioTime,setAudioTime]=useState(0),classColor=clsx$1({"text-danger":recordState===`RECORDING`,"text-success":playState===`PLAYING`});return jsxs(`div`,{className:`audio-recorder m-auto d-flex flex-column`,children:[jsx(FormControl,{id:`recordName`,className:`mb-32`,isRequired:!0,isReadOnly:recordState===`SAVED`||recordState===`SAVING`,children:jsx(Input,{type:`text`,size:`sm`,placeholder:t(`bbm.audio.recorder.name`),ref:audioNameRef,defaultValue:getDefaultDate()})}),jsx(`div`,{className:`audio-recorder-icon mx-auto`,children:jsx(SvgIconMic,{width:64,height:64,className:classColor})}),jsx(AudioRecorderTimer,{recordState,playState,recordTime,audioTime,maxDuration}),jsx(`audio`,{ref:audioRef,onEnded:handlePlayEnded,onTimeUpdate:event=>{setAudioTime(event.target.currentTime)},children:jsx(`track`,{default:!0,kind:`captions`,srcLang:`fr`,src:``})}),jsx(Toolbar,{items:toolbarItems})]})});export{AudioRecorder as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useState } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import AudioRecorderTimer from "./AudioRecorderTimer.js";
+import useAudioRecorder from "./useAudioRecorder.js";
+import FormControl from "../../../components/Form/FormControl.js";
+import Input from "../../../components/Input/Input.js";
+import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
+const AudioRecorder = /* @__PURE__ */ forwardRef(({
+  onSaveSuccess,
+  onRecordUpdated,
+  hideSaveAction = !1,
+  visibility = "protected"
+}, ref) => {
+  const {
+    recordState,
+    playState,
+    recordTime,
+    audioRef,
+    audioNameRef,
+    toolbarItems,
+    maxDuration,
+    handlePlayEnded,
+    handleSave
+  } = useAudioRecorder(onSaveSuccess, onRecordUpdated, hideSaveAction, visibility, "media-library"), {
+    t
+  } = useTranslation();
+  function getDefaultDate() {
+    const d = /* @__PURE__ */ new Date();
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")} ${String(d.getHours()).padStart(2, "0")}h${String(d.getMinutes()).padStart(2, "0")}  ` + t("bbm.audio.recorder.defaultName");
+  }
+  useImperativeHandle(ref, () => ({
+    save: handleSave
+  }));
+  const [audioTime, setAudioTime] = useState(0), classColor = clsx({
+    "text-danger": recordState === "RECORDING",
+    "text-success": playState === "PLAYING"
+  }), handleTimeUpdate = (event) => {
+    setAudioTime(event.target.currentTime);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "audio-recorder m-auto d-flex flex-column", children: [
+    /* @__PURE__ */ jsx(FormControl, { id: "recordName", className: "mb-32", isRequired: !0, isReadOnly: recordState === "SAVED" || recordState === "SAVING", children: /* @__PURE__ */ jsx(Input, { type: "text", size: "sm", placeholder: t("bbm.audio.recorder.name"), ref: audioNameRef, defaultValue: getDefaultDate() }) }),
+    /* @__PURE__ */ jsx("div", { className: "audio-recorder-icon mx-auto", children: /* @__PURE__ */ jsx(SvgIconMic, { width: 64, height: 64, className: classColor }) }),
+    /* @__PURE__ */ jsx(AudioRecorderTimer, { recordState, playState, recordTime, audioTime, maxDuration }),
+    /* @__PURE__ */ jsx("audio", { ref: audioRef, onEnded: handlePlayEnded, onTimeUpdate: handleTimeUpdate, children: /* @__PURE__ */ jsx("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
+    /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems })
+  ] });
+});
+export {
+  AudioRecorder as default
+};

package/dist/modules/multimedia/AudioRecorder/AudioRecorderTimer.js

@@ -1 +1,26 @@
-import SvgIconMic from"../../icons/components/IconMic.js";import SvgIconPause from"../../icons/components/IconPause.js";import SvgIconRecord from"../../icons/components/IconRecord.js";import{convertMsToMS}from"@edifice.io/utilities";import{jsx,jsxs}from"react/jsx-runtime";var AudioRecorderTimer=({recordState,playState,recordTime,audioTime,maxDuration})=>jsxs(`div`,{className:`audio-recorder-time my-16 mx-auto`,children:[playState===`IDLE`&&jsxs(`div`,{className:`d-flex align-items-center`,children:[jsx(recordState===`PAUSED`?SvgIconPause:SvgIconRecord,{width:12,height:12,className:`me-8 text-danger`}),convertMsToMS(recordState===`IDLE`?0:recordTime)+` / `+convertMsToMS(maxDuration)]}),playState!==`IDLE`&&jsxs(`div`,{className:`d-flex align-items-center mx-auto`,children:[jsx(SvgIconMic,{width:12,height:12,className:`me-8`}),convertMsToMS(audioTime*1e3),` /`,convertMsToMS(recordTime)]})]});export{AudioRecorderTimer as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { convertMsToMS } from "@edifice.io/utilities";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconPause from "../../icons/components/IconPause.js";
+import SvgIconRecord from "../../icons/components/IconRecord.js";
+const AudioRecorderTimer = ({
+  recordState,
+  playState,
+  recordTime,
+  audioTime,
+  maxDuration
+}) => /* @__PURE__ */ jsxs("div", { className: "audio-recorder-time my-16 mx-auto", children: [
+  playState === "IDLE" && /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center", children: [
+    recordState === "PAUSED" ? /* @__PURE__ */ jsx(SvgIconPause, { width: 12, height: 12, className: "me-8 text-danger" }) : /* @__PURE__ */ jsx(SvgIconRecord, { width: 12, height: 12, className: "me-8 text-danger" }),
+    convertMsToMS(recordState !== "IDLE" ? recordTime : 0) + " / " + convertMsToMS(maxDuration)
+  ] }),
+  playState !== "IDLE" && /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center mx-auto", children: [
+    /* @__PURE__ */ jsx(SvgIconMic, { width: 12, height: 12, className: "me-8" }),
+    convertMsToMS(audioTime * 1e3),
+    " /",
+    convertMsToMS(recordTime)
+  ] })
+] });
+export {
+  AudioRecorderTimer as default
+};