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

package/dist/modules/modals/ShareModal/ShareModal.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode } from 'react';
-import { ID, PutShareResponse, RightStringified, ShareRight } from '@edifice.io/ts-client';
-import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
-export type ShareOptions = {
-    resourceId: ID;
-    resourceRights: RightStringified[];
-    resourceCreatorId: string;
-};
-export type ShareResourceMutation = UseMutationResult<PutShareResponse, unknown, {
-    resourceId: string;
-    rights: ShareRight[];
-}, unknown>;
-interface ShareResourceModalProps {
-    /** Handle open/close state */
-    isOpen: boolean;
-    /**
-     * Expect resourceId,
-     * new rights array (replace shared array),
-     * creatorId
-     * of a resource */
-    shareOptions: ShareOptions;
-    /**
-     * Use the `shareResource` props when you need to do Optimistic UI
-     * otherwise ShareModal handles everything
-     * Must use React Query */
-    shareResource?: ShareResourceMutation;
-    /**
-     * To pass any specific app related component (e.g: Blog)
-     */
-    children?: ReactNode;
-    /**
-     * onSuccess callback when a resource is successfully shared
-     */
-    onSuccess: () => void;
-    /**
-     * onCancel handler to close ShareModal
-     */
-    onCancel: () => void;
-}
-export default function ShareResourceModal({ isOpen, shareOptions, shareResource, children, onSuccess, onCancel, }: ShareResourceModalProps): import('react').ReactPortal;
-export {};

package/dist/modules/modals/ShareModal/apps/ShareBlog.d.ts

@@ -1,9 +0,0 @@
-import { ID, UpdateParameters, UpdateResult } from '@edifice.io/ts-client';
-import { UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
-export type PublicationType = 'RESTRAINT' | 'IMMEDIATE' | undefined;
-export interface ShareBlogProps {
-    resourceId: ID;
-    updateResource?: UseMutationResult<UpdateResult, unknown, UpdateParameters, unknown>;
-}
-export declare function ShareBlog({ resourceId, updateResource }: ShareBlogProps): import("react/jsx-runtime").JSX.Element;
-export default ShareBlog;

package/dist/modules/modals/ShareModal/apps/ShareBlog.js

@@ -1,44 +0,0 @@
-import { jsxs as b, Fragment as h, jsx as i } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { odeServices as f } from "@edifice.io/ts-client";
-import { useTranslation as T } from "react-i18next";
-import I from "../../../../core/useResource/useResource.js";
-import { useOdeClient as R } from "../../../../core/OdeClientProvider/OdeClientProvider.js";
-import { Heading as v } from "../../../../components/Heading/Heading.js";
-import { Radio as s } from "../../../../components/Radio/Radio.js";
-function w({
-  resourceId: c,
-  updateResource: t
-}) {
-  const {
-    appCode: u
-  } = R(), {
-    t: o
-  } = T(u), e = I("blog", c), p = e && e["publish-type"], [a, m] = g(p ?? "RESTRAINT"), l = async (d) => {
-    const n = d.target.value;
-    (async () => {
-      const r = {
-        description: e.description || "",
-        entId: e.assetId,
-        name: e.name,
-        public: !!e.public,
-        slug: e.slug || "",
-        thumbnail: e.thumbnail,
-        trashed: e.trashed,
-        "publish-type": n
-      };
-      t ? await t.mutateAsync(r) : await f.resource("blog").update(r), m(n);
-    })();
-  };
-  return /* @__PURE__ */ b(h, { children: [
-    /* @__PURE__ */ i("hr", {}),
-    /* @__PURE__ */ i(v, { headingStyle: "h4", level: "h3", className: "mb-16", children: o("explorer.publication.steps") }),
-    /* @__PURE__ */ i(s, { label: o("explorer.immediat.publication"), id: "publication-now", name: "publication", value: "IMMEDIATE", model: a, checked: a === "IMMEDIATE", onChange: l }),
-    /* @__PURE__ */ i(s, { label: o("explorer.validate.publication"), id: "publication-validate", name: "publication", value: "RESTRAINT", checked: a === "RESTRAINT", model: a, onChange: l })
-  ] });
-}
-export {
-  w as ShareBlog,
-  w as default
-};
-//# sourceMappingURL=ShareBlog.js.map

package/dist/modules/modals/ShareModal/apps/ShareBlog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareBlog.js","sources":["../../../../../src/modules/modals/ShareModal/apps/ShareBlog.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\n\nimport {\n  BlogResource,\n  BlogUpdate,\n  ID,\n  UpdateParameters,\n  UpdateResult,\n  odeServices,\n} from '@edifice.io/ts-client';\nimport { UseMutationResult } from '@tanstack/react-query';\nimport { useTranslation } from 'react-i18next';\nimport { Heading, Radio } from '../../../../components';\nimport { useOdeClient } from '../../../../core';\nimport { useResource } from '../../../../core/useResource';\n\nexport type PublicationType = 'RESTRAINT' | 'IMMEDIATE' | undefined;\n\nexport interface ShareBlogProps {\n  resourceId: ID;\n  updateResource?: UseMutationResult<\n    UpdateResult,\n    unknown,\n    UpdateParameters,\n    unknown\n  >;\n}\n\nexport function ShareBlog({ resourceId, updateResource }: ShareBlogProps) {\n  const { appCode } = useOdeClient();\n  const { t } = useTranslation(appCode);\n\n  const resource = useResource('blog', resourceId) as BlogResource;\n\n  const publishType = resource && resource['publish-type'];\n\n  const [radioPublicationValue, setRadioPublicationValue] =\n    useState<PublicationType>(publishType ?? 'RESTRAINT');\n\n  const handleRadioPublicationChange = async (\n    event: ChangeEvent<HTMLInputElement>,\n  ) => {\n    const value = event.target.value as PublicationType;\n    (async () => {\n      const params = {\n        description: resource.description || '',\n        entId: resource.assetId,\n        name: resource.name,\n        public: !!resource.public,\n        slug: resource.slug || '',\n        thumbnail: resource.thumbnail,\n        trashed: resource.trashed,\n        'publish-type': value,\n      } as BlogUpdate;\n\n      if (updateResource) {\n        await updateResource.mutateAsync(params);\n      } else {\n        await odeServices.resource('blog').update(params);\n      }\n\n      setRadioPublicationValue(value);\n    })();\n  };\n\n  return (\n    <>\n      <hr />\n\n      <Heading headingStyle=\"h4\" level=\"h3\" className=\"mb-16\">\n        {t('explorer.publication.steps')}\n      </Heading>\n      <Radio\n        label={t('explorer.immediat.publication')}\n        id=\"publication-now\"\n        name=\"publication\"\n        value={'IMMEDIATE' as PublicationType}\n        model={radioPublicationValue as string}\n        checked={radioPublicationValue === 'IMMEDIATE'}\n        onChange={handleRadioPublicationChange}\n      />\n      <Radio\n        label={t('explorer.validate.publication')}\n        id=\"publication-validate\"\n        name=\"publication\"\n        value={'RESTRAINT' as PublicationType}\n        checked={radioPublicationValue === 'RESTRAINT'}\n        model={radioPublicationValue as string}\n        onChange={handleRadioPublicationChange}\n      />\n    </>\n  );\n}\n\nexport default ShareBlog;\n"],"names":["ShareBlog","resourceId","updateResource","appCode","useOdeClient","t","useTranslation","resource","useResource","publishType","radioPublicationValue","setRadioPublicationValue","useState","handleRadioPublicationChange","event","value","target","params","description","entId","assetId","name","public","slug","thumbnail","trashed","mutateAsync","odeServices","update","jsxs","Fragment","jsx","Heading","Radio"],"mappings":";;;;;;;;AA4BO,SAASA,EAAU;AAAA,EAAEC,YAAAA;AAAAA,EAAYC,gBAAAA;AAA+B,GAAG;AAClE,QAAA;AAAA,IAAEC,SAAAA;AAAAA,MAAYC,EAAa,GAC3B;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeH,CAAO,GAE9BI,IAAWC,EAAY,QAAQP,CAAU,GAEzCQ,IAAcF,KAAYA,EAAS,cAAc,GAEjD,CAACG,GAAuBC,CAAwB,IACpDC,EAA0BH,KAAe,WAAW,GAEhDI,IAA+B,OACnCC,MACG;AACGC,UAAAA,IAAQD,EAAME,OAAOD;AAC3B,KAAC,YAAY;AACX,YAAME,IAAS;AAAA,QACbC,aAAaX,EAASW,eAAe;AAAA,QACrCC,OAAOZ,EAASa;AAAAA,QAChBC,MAAMd,EAASc;AAAAA,QACfC,QAAQ,CAAC,CAACf,EAASe;AAAAA,QACnBC,MAAMhB,EAASgB,QAAQ;AAAA,QACvBC,WAAWjB,EAASiB;AAAAA,QACpBC,SAASlB,EAASkB;AAAAA,QAClB,gBAAgBV;AAAAA,MAAAA;AAGlB,MAAIb,IACIA,MAAAA,EAAewB,YAAYT,CAAM,IAEvC,MAAMU,EAAYpB,SAAS,MAAM,EAAEqB,OAAOX,CAAM,GAGlDN,EAAyBI,CAAK;AAAA,IAAA;EAC7B;AAGL,SAEI,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAE,EAAA;AAAA,IAEH,gBAAAA,EAACC,GAAQ,EAAA,cAAa,MAAK,OAAM,MAAK,WAAU,SAC7C3B,UAAEA,EAAA,4BAA4B,EACjC,CAAA;AAAA,sBACC4B,GACC,EAAA,OAAO5B,EAAE,+BAA+B,GACxC,IAAG,mBACH,MAAK,eACL,OAAO,aACP,OAAOK,GACP,SAASA,MAA0B,aACnC,UAAUG,GAA6B;AAAA,sBAExCoB,GACC,EAAA,OAAO5B,EAAE,+BAA+B,GACxC,IAAG,wBACH,MAAK,eACL,OAAO,aACP,SAASK,MAA0B,aACnC,OAAOA,GACP,UAAUG,GAA6B;AAAA,EAE3C,EAAA,CAAA;AAEJ;"}

package/dist/modules/modals/ShareModal/hooks/useSearch.d.ts

@@ -1,24 +0,0 @@
-import { ChangeEvent, Dispatch } from 'react';
-import { ShareRightWithVisibles, ShareSubject } from '@edifice.io/ts-client';
-import { OptionListItemType } from '../../../../components';
-import { ShareOptions } from '../ShareModal';
-import { ShareAction } from './useShare';
-export declare const useSearch: ({ resourceId, resourceCreatorId, shareRights, shareDispatch, }: {
-    resourceId: ShareOptions['resourceCreatorId'];
-    resourceCreatorId: ShareOptions['resourceCreatorId'];
-    shareRights: ShareRightWithVisibles;
-    shareDispatch: Dispatch<ShareAction>;
-}) => {
-    state: {
-        searchInputValue: string;
-        searchResults: OptionListItemType[];
-        searchAPIResults: ShareSubject[];
-        isSearching: boolean;
-    };
-    showSearchAdmlHint: () => boolean;
-    showSearchLoading: () => boolean;
-    showSearchNoResults: () => boolean;
-    getSearchMinLength: () => number;
-    handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    handleSearchResultsChange: (model: Array<string | number>) => Promise<void>;
-};

package/dist/modules/modals/ShareModal/hooks/useShare.d.ts

@@ -1,54 +0,0 @@
-import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles } from '@edifice.io/ts-client';
-import { ShareOptions, ShareResourceMutation } from '../ShareModal';
-interface UseShareResourceModalProps {
-    /**
-     * Resource ID (assetId)
-     */
-    resourceId: ShareOptions['resourceId'];
-    /**
-     * Resource Rights (based on the new rights array)
-     */
-    resourceRights: ShareOptions['resourceRights'];
-    /**
-     * Resource Creator Id: Id of the user who created the resource
-     */
-    resourceCreatorId: ShareOptions['resourceCreatorId'];
-    shareResource?: ShareResourceMutation;
-    onSuccess: () => void;
-    setIsLoading: (value: boolean) => void;
-}
-type State = {
-    isSharing: boolean;
-    shareRights: ShareRightWithVisibles;
-    shareRightActions: ShareRightAction[];
-};
-export type ShareAction = {
-    type: 'init';
-    payload: Partial<State>;
-} | {
-    type: 'updateShareRights';
-    payload: ShareRightWithVisibles;
-} | {
-    type: 'toggleRight';
-    payload: ShareRightWithVisibles;
-} | {
-    type: 'deleteRow';
-    payload: ShareRightWithVisibles;
-} | {
-    type: 'isSharing';
-    payload: boolean;
-};
-export default function useShare({ resourceId, resourceRights, resourceCreatorId, shareResource, setIsLoading, onSuccess, }: UseShareResourceModalProps): {
-    state: {
-        isSharing: boolean;
-        shareRights: ShareRightWithVisibles;
-        shareRightActions: ShareRightAction[];
-    };
-    dispatch: import('react').Dispatch<ShareAction>;
-    currentIsAuthor: () => boolean;
-    myAvatar: string;
-    handleDeleteRow: (shareRight: ShareRight) => void;
-    handleShare: () => Promise<void>;
-    toggleRight: (shareRight: ShareRight, actionName: ShareRightActionDisplayName) => void;
-};
-export {};

package/dist/modules/modals/ShareModal/hooks/useShareBookmark.d.ts

@@ -1,23 +0,0 @@
-import { Dispatch } from 'react';
-import { ShareRightWithVisibles } from '@edifice.io/ts-client';
-import { ShareAction } from './useShare';
-interface UseShareBookmarkProps {
-    shareRights: ShareRightWithVisibles;
-    shareDispatch: Dispatch<ShareAction>;
-}
-export type BookmarkProps = {
-    name: string;
-    id: string;
-};
-export declare const useShareBookmark: ({ shareRights, shareDispatch, }: UseShareBookmarkProps) => {
-    refBookmark: import('react').RefObject<HTMLInputElement>;
-    showBookmark: boolean;
-    showBookmarkInput: boolean;
-    bookmark: BookmarkProps;
-    handleBookmarkChange: () => void;
-    setBookmark: Dispatch<import('react').SetStateAction<BookmarkProps>>;
-    handleOnSave: () => void;
-    toggleBookmark: () => void;
-    toggleBookmarkInput: Dispatch<import('react').SetStateAction<boolean>>;
-};
-export {};

package/dist/modules/modals/ShareModal/hooks/useShareMutation.d.ts

@@ -1,13 +0,0 @@
-import { PutShareResponse, ShareRight } from '@edifice.io/ts-client';
-import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
-export declare const useShareMutation: ({ application, options, }: {
-    application: string;
-    options?: UseMutationOptions<PutShareResponse, Error, {
-        resourceId: string;
-        rights: ShareRight[];
-    }, unknown> | undefined;
-}) => UseMutationResult<PutShareResponse, Error, {
-    resourceId: string;
-    rights: ShareRight[];
-}>;
-export default useShareMutation;

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

@@ -1,17 +0,0 @@
-import { odeServices as r } from "@edifice.io/ts-client";
-import { useMutation as s } from "@tanstack/react-query";
-const u = ({
-  application: t,
-  options: a
-}) => s({
-  mutationFn: async ({
-    resourceId: e,
-    rights: o
-  }) => await r.share().saveRights(t, e, o),
-  ...a
-});
-export {
-  u as default,
-  u as useShareMutation
-};
-//# sourceMappingURL=useShareMutation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useShareMutation.js","sources":["../../../../../src/modules/modals/ShareModal/hooks/useShareMutation.ts"],"sourcesContent":["import {\n  PutShareResponse,\n  ShareRight,\n  odeServices,\n} from '@edifice.io/ts-client';\nimport {\n  UseMutationOptions,\n  UseMutationResult,\n  useMutation,\n} from '@tanstack/react-query';\n\nexport const useShareMutation = ({\n  application,\n  options,\n}: {\n  application: string;\n  options?: UseMutationOptions<\n    PutShareResponse,\n    Error,\n    {\n      resourceId: string;\n      rights: ShareRight[];\n    }\n  >;\n}): UseMutationResult<\n  PutShareResponse,\n  Error,\n  {\n    resourceId: string;\n    rights: ShareRight[];\n  }\n> => {\n  return useMutation({\n    mutationFn: async ({\n      resourceId,\n      rights,\n    }: {\n      resourceId: string;\n      rights: ShareRight[];\n    }) => await odeServices.share().saveRights(application, resourceId, rights),\n    ...options,\n  });\n};\n\nexport default useShareMutation;\n"],"names":["useShareMutation","application","options","useMutation","mutationFn","resourceId","rights","odeServices","share","saveRights"],"mappings":";;AAWO,MAAMA,IAAmBA,CAAC;AAAA,EAC/BC,aAAAA;AAAAA,EACAC,SAAAA;AAWF,MAQSC,EAAY;AAAA,EACjBC,YAAY,OAAO;AAAA,IACjBC,YAAAA;AAAAA,IACAC,QAAAA;AAAAA,EAAAA,MAII,MAAMC,EAAYC,QAAQC,WAAWR,GAAaI,GAAYC,CAAM;AAAA,EAC1E,GAAGJ;AAAAA,CACJ;"}

package/dist/modules/modals/ShareModal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ShareModal';
-export * from './apps/ShareBlog';
-export * from './hooks/useShareMutation';

package/dist/modules/modals/ShareModal/utils/hasRight.d.ts

@@ -1,2 +0,0 @@
-import { ShareRight, ShareRightAction } from '@edifice.io/ts-client';
-export declare const hasRight: (shareRight: ShareRight, shareAction: ShareRightAction) => boolean;

package/dist/modules/modals/ShareModal/utils/showShareRightLine.d.ts

@@ -1,2 +0,0 @@
-import { ShareRight } from '@edifice.io/ts-client';
-export declare const showShareRightLine: (shareRight: ShareRight, showBookmarkMembers: boolean) => boolean;

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

@@ -1,12 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
-export interface AudioRecorderProps {
-    onSaveSuccess?: (resource: WorkspaceElement) => void;
-    onRecordUpdated?: (recordURL?: string) => void;
-    hideSaveAction?: boolean;
-    visibility?: WorkspaceVisibility;
-}
-export interface AudioRecorderRef {
-    save: () => Promise<WorkspaceElement | undefined>;
-}
-declare const AudioRecorder: import('react').ForwardRefExoticComponent<AudioRecorderProps & import('react').RefAttributes<unknown>>;
-export default AudioRecorder;

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

@@ -1,50 +0,0 @@
-import { jsxs as A, jsx as e } from "react/jsx-runtime";
-import { forwardRef as I, useImperativeHandle as S, useState as v } from "react";
-import y from "clsx";
-import { useTranslation as D } from "react-i18next";
-import g from "./AudioRecorderTimer.js";
-import E from "./useAudioRecorder.js";
-import { Toolbar as C } from "../../../components/Toolbar/Toolbar.js";
-import { FormControl as G } from "../../../components/Form/FormControl.js";
-import { Input as L } from "../../../components/Input/Input.js";
-import { Icon as V } from "../../../components/Icon/Icon.js";
-const Y = /* @__PURE__ */ I(({
-  onSaveSuccess: t,
-  onRecordUpdated: d,
-  hideSaveAction: i = !1,
-  visibility: m = "protected"
-}, s) => {
-  const {
-    recordState: r,
-    playState: o,
-    recordTime: c,
-    audioRef: n,
-    audioNameRef: l,
-    toolbarItems: u,
-    maxDuration: f,
-    handlePlayEnded: p,
-    handleSave: x
-  } = E(t, d, i, m, "media-library"), {
-    t: a
-  } = D();
-  S(s, () => ({
-    save: x
-  }));
-  const [N, R] = v(0), T = y({
-    "text-danger": r === "RECORDING",
-    "text-success": o === "PLAYING"
-  }), b = (h) => {
-    R(h.target.currentTime);
-  };
-  return /* @__PURE__ */ A("div", { className: "audio-recorder m-auto d-flex flex-column", children: [
-    /* @__PURE__ */ e(G, { id: "recordName", className: "mb-32", isRequired: !0, isReadOnly: r === "SAVED" || r === "SAVING", children: /* @__PURE__ */ e(L, { type: "text", size: "sm", placeholder: a("bbm.audio.recorder.name"), ref: l, defaultValue: a("bbm.audio.recorder.defaultName") + (/* @__PURE__ */ new Date()).toLocaleDateString() }) }),
-    /* @__PURE__ */ e("div", { className: "audio-recorder-icon mx-auto", children: /* @__PURE__ */ e(V, { name: "mic", size: "64", className: T }) }),
-    /* @__PURE__ */ e(g, { recordState: r, playState: o, recordTime: c, audioTime: N, maxDuration: f }),
-    /* @__PURE__ */ e("audio", { ref: n, onEnded: p, onTimeUpdate: b, children: /* @__PURE__ */ e("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
-    /* @__PURE__ */ e(C, { items: u })
-  ] });
-});
-export {
-  Y as default
-};
-//# sourceMappingURL=AudioRecorder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AudioRecorder.js","sources":["../../../../src/modules/multimedia/AudioRecorder/AudioRecorder.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useState } from 'react';\n\nimport { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { FormControl, Icon, Input, Toolbar } from '../../../components';\nimport AudioRecorderTimer from './AudioRecorderTimer';\nimport useAudioRecorder from './useAudioRecorder';\n\nexport interface AudioRecorderProps {\n  onSaveSuccess?: (resource: WorkspaceElement) => void;\n  onRecordUpdated?: (recordURL?: string) => void;\n  hideSaveAction?: boolean;\n  visibility?: WorkspaceVisibility;\n}\n\nexport interface AudioRecorderRef {\n  save: () => Promise<WorkspaceElement | undefined>;\n}\n\nconst AudioRecorder = forwardRef(\n  (\n    {\n      onSaveSuccess,\n      onRecordUpdated,\n      hideSaveAction = false,\n      visibility = 'protected',\n    }: AudioRecorderProps,\n    ref,\n  ) => {\n    const {\n      recordState,\n      playState,\n      recordTime,\n      audioRef,\n      audioNameRef,\n      toolbarItems,\n      maxDuration,\n      handlePlayEnded,\n      handleSave,\n    } = useAudioRecorder(\n      onSaveSuccess,\n      onRecordUpdated,\n      hideSaveAction,\n      visibility,\n      'media-library',\n    );\n    const { t } = useTranslation();\n\n    // We add one methods to handle save action from parent component\n    useImperativeHandle(ref, () => ({\n      save: handleSave,\n    }));\n\n    const [audioTime, setAudioTime] = useState<number>(0);\n\n    const classColor = clsx({\n      'text-danger': recordState === 'RECORDING',\n      'text-success': playState === 'PLAYING',\n    });\n\n    const handleTimeUpdate = (event: any) => {\n      setAudioTime(event.target.currentTime);\n    };\n\n    return (\n      <div className=\"audio-recorder m-auto d-flex flex-column\">\n        <FormControl\n          id=\"recordName\"\n          className=\"mb-32\"\n          isRequired\n          isReadOnly={recordState === 'SAVED' || recordState === 'SAVING'}\n        >\n          <Input\n            type=\"text\"\n            size={'sm'}\n            placeholder={t('bbm.audio.recorder.name')}\n            ref={audioNameRef}\n            defaultValue={\n              t('bbm.audio.recorder.defaultName') +\n              new Date().toLocaleDateString()\n            }\n          />\n        </FormControl>\n        <div className=\"audio-recorder-icon mx-auto\">\n          <Icon name=\"mic\" size=\"64\" className={classColor} />\n        </div>\n        <AudioRecorderTimer\n          recordState={recordState}\n          playState={playState}\n          recordTime={recordTime}\n          audioTime={audioTime}\n          maxDuration={maxDuration}\n        ></AudioRecorderTimer>\n        <audio\n          ref={audioRef}\n          onEnded={handlePlayEnded}\n          onTimeUpdate={handleTimeUpdate}\n        >\n          <track default kind=\"captions\" srcLang=\"fr\" src=\"\"></track>\n        </audio>\n        <Toolbar items={toolbarItems} />\n      </div>\n    );\n  },\n);\n\nexport default AudioRecorder;\n"],"names":["AudioRecorder","onSaveSuccess","onRecordUpdated","hideSaveAction","visibility","ref","recordState","playState","recordTime","audioRef","audioNameRef","toolbarItems","maxDuration","handlePlayEnded","handleSave","useAudioRecorder","t","useTranslation","useImperativeHandle","save","audioTime","setAudioTime","useState","classColor","clsx","handleTimeUpdate","event","target","currentTime","jsxs","jsx","FormControl","Input","Date","toLocaleDateString","Icon","AudioRecorderTimer","Toolbar"],"mappings":";;;;;;;;;;AAqBMA,MAAAA,sBACJ,CACE;AAAA,EACEC,eAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,gBAAAA,IAAiB;AAAA,EACjBC,YAAAA,IAAa;AACK,GACpBC,MACG;AACG,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,YAAAA;AAAAA,EAAAA,IACEC,EACFd,GACAC,GACAC,GACAC,GACA,eACF,GACM;AAAA,IAAEY,GAAAA;AAAAA,MAAMC,EAAe;AAG7BC,EAAAA,EAAoBb,GAAK,OAAO;AAAA,IAC9Bc,MAAML;AAAAA,EACN,EAAA;AAEF,QAAM,CAACM,GAAWC,CAAY,IAAIC,EAAiB,CAAC,GAE9CC,IAAaC,EAAK;AAAA,IACtB,eAAelB,MAAgB;AAAA,IAC/B,gBAAgBC,MAAc;AAAA,EAAA,CAC/B,GAEKkB,IAAmBA,CAACC,MAAe;AAC1BA,IAAAA,EAAAA,EAAMC,OAAOC,WAAW;AAAA,EAAA;AAIrC,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,4CACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,GACC,EAAA,IAAG,cACH,WAAU,SACV,YAAU,IACV,YAAYzB,MAAgB,WAAWA,MAAgB,UAEvD,UAAA,gBAAAwB,EAACE,KACC,MAAK,QACL,MAAM,MACN,aAAahB,EAAE,yBAAyB,GACxC,KAAKN,GACL,cACEM,EAAE,gCAAgC,KAC9BiB,oBAAAA,KAAAA,GAAOC,mBAAAA,EACZ,CAAA,GAEL;AAAA,IACC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,+BACb,UAAC,gBAAAA,EAAAK,GAAA,EAAK,MAAK,OAAM,MAAK,MAAK,WAAWZ,EAAW,CAAA,GACnD;AAAA,sBACCa,GACC,EAAA,aAAA9B,GACA,WAAAC,GACA,YAAAC,GACA,WAAAY,GACA,aAAAR,GACD;AAAA,sBACA,SACC,EAAA,KAAKH,GACL,SAASI,GACT,cAAcY,GAEd,UAAA,gBAAAK,EAAC,SAAM,EAAA,SAAO,IAAC,MAAK,YAAW,SAAQ,MAAK,KAAI,GAAG,CAAA,GACrD;AAAA,IACA,gBAAAA,EAACO,GAAQ,EAAA,OAAO1B,EAAa,CAAA;AAAA,EAC/B,EAAA,CAAA;AAEJ,CACF;"}

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

@@ -1,25 +0,0 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { convertMsToMS as e } from "../../../utils/time.js";
-import { Icon as a } from "../../../components/Icon/Icon.js";
-const x = ({
-  recordState: r,
-  playState: i,
-  recordTime: c,
-  audioTime: n,
-  maxDuration: o
-}) => /* @__PURE__ */ m("div", { className: "audio-recorder-time my-16 mx-auto", children: [
-  i === "IDLE" && /* @__PURE__ */ m("div", { className: "d-flex align-items-center", children: [
-    r === "PAUSED" ? /* @__PURE__ */ s(a, { name: "pause", size: "12", className: "me-8 text-danger" }) : /* @__PURE__ */ s(a, { name: "record", size: "12", className: "me-8 text-danger" }),
-    e(r !== "IDLE" ? c : 0) + " / " + e(o)
-  ] }),
-  i !== "IDLE" && /* @__PURE__ */ m("div", { className: "d-flex align-items-center mx-auto", children: [
-    /* @__PURE__ */ s(a, { name: "mic", size: "12", className: "me-8" }),
-    e(n * 1e3),
-    " /",
-    e(c)
-  ] })
-] });
-export {
-  x as default
-};
-//# sourceMappingURL=AudioRecorderTimer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AudioRecorderTimer.js","sources":["../../../../src/modules/multimedia/AudioRecorder/AudioRecorderTimer.tsx"],"sourcesContent":["import { Icon } from '../../..';\nimport { convertMsToMS } from '../../../utils';\nimport { PlayState, RecordState } from './useAudioRecorder';\n\nexport interface AudioRecorderTimerProps {\n  recordState: RecordState;\n  playState: PlayState;\n  recordTime: number | undefined;\n  audioTime: number;\n  maxDuration: number;\n}\n\nconst AudioRecorderTimer = ({\n  recordState,\n  playState,\n  recordTime,\n  audioTime,\n  maxDuration,\n}: AudioRecorderTimerProps) => {\n  return (\n    <div className=\"audio-recorder-time my-16 mx-auto\">\n      {playState === 'IDLE' && (\n        <div className=\"d-flex align-items-center\">\n          {recordState === 'PAUSED' ? (\n            <Icon name=\"pause\" size=\"12\" className=\"me-8 text-danger\" />\n          ) : (\n            <Icon name=\"record\" size=\"12\" className=\"me-8 text-danger\" />\n          )}\n          {convertMsToMS(recordState !== 'IDLE' ? recordTime! : 0) +\n            ' / ' +\n            convertMsToMS(maxDuration)}\n        </div>\n      )}\n      {playState !== 'IDLE' && (\n        <div className=\"d-flex align-items-center mx-auto\">\n          <Icon name=\"mic\" size=\"12\" className=\"me-8\" />\n          {convertMsToMS(audioTime * 1000)} /{convertMsToMS(recordTime!)}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default AudioRecorderTimer;\n"],"names":["AudioRecorderTimer","recordState","playState","recordTime","audioTime","maxDuration","jsxs","jsx","Icon","convertMsToMS"],"mappings":";;;AAYA,MAAMA,IAAqBA,CAAC;AAAA,EAC1BC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AACuB,MAErB,gBAAAC,EAAC,OAAI,EAAA,WAAU,qCACZJ,UAAAA;AAAAA,EAAAA,MAAc,UACb,gBAAAI,EAAC,OAAI,EAAA,WAAU,6BACZL,UAAAA;AAAAA,IAAAA,MAAgB,WACd,gBAAAM,EAAAC,GAAA,EAAK,MAAK,SAAQ,MAAK,MAAK,WAAU,0CAEtCA,GAAK,EAAA,MAAK,UAAS,MAAK,MAAK,WAAU,oBACzC;AAAA,IACAC,EAAcR,MAAgB,SAASE,IAAc,CAAC,IACrD,QACAM,EAAcJ,CAAW;AAAA,EAAA,GAC7B;AAAA,EAEDH,MAAc,UACZ,gBAAAI,EAAA,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,MAAK,OAAM,MAAK,MAAK,WAAU,QAAM;AAAA,IAC1CC,EAAcL,IAAY,GAAI;AAAA,IAAE;AAAA,IAAGK,EAAcN,CAAW;AAAA,EAAA,GAC/D;AAEJ,EAAA,CAAA;"}

package/dist/modules/multimedia/AudioRecorder/useAudioRecorder.d.ts

@@ -1,16 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
-import { ToolbarItem } from '../../../components';
-export type RecordState = 'IDLE' | 'RECORDING' | 'PAUSED' | 'RECORDED' | 'SAVING' | 'SAVED';
-export type PlayState = 'IDLE' | 'PLAYING' | 'PAUSED';
-export default function useAudioRecorder(onSaveSuccess?: (resource: WorkspaceElement) => void, onUpdateRecord?: (audioUrl?: string) => void, hideSaveAction?: boolean, visibility?: WorkspaceVisibility, application?: string): {
-    recordState: RecordState;
-    playState: PlayState;
-    audioContext: AudioContext | undefined;
-    recordTime: number;
-    maxDuration: number;
-    audioRef: import('react').RefObject<HTMLAudioElement>;
-    audioNameRef: import('react').RefObject<HTMLInputElement>;
-    toolbarItems: ToolbarItem[];
-    handlePlayEnded: () => void;
-    handleSave: () => Promise<WorkspaceElement | undefined>;
-};