@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.11

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.js

@@ -1,13 +1,14 @@
-import { useMutation } from "@tanstack/react-query";
-import { odeServices } from "edifice-ts-client";
-const useUpdateMutation = ({
-  application,
-  options
-}) => useMutation({
-  mutationFn: async (params) => await odeServices.resource(application).update(params),
-  ...options
+import { odeServices as a } from "@edifice.io/ts-client";
+import { useMutation as r } from "@tanstack/react-query";
+const n = ({
+  application: t,
+  options: e
+}) => r({
+  mutationFn: async (o) => await a.resource(t).update(o),
+  ...e
 });
 export {
-  useUpdateMutation as default,
-  useUpdateMutation
+  n as default,
+  n as useUpdateMutation
 };
+//# sourceMappingURL=useUpdateMutation.js.map

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateMutation.js","sources":["../../../../../src/modules/modals/ResourceModal/hooks/useUpdateMutation.ts"],"sourcesContent":["import {\n  UpdateParameters,\n  UpdateResult,\n  odeServices,\n} from '@edifice.io/ts-client';\nimport {\n  UseMutationOptions,\n  UseMutationResult,\n  useMutation,\n} from '@tanstack/react-query';\n\nexport const useUpdateMutation = ({\n  application,\n  options,\n}: {\n  application: string;\n  options?: UseMutationOptions<UpdateResult, Error, UpdateParameters>;\n}): UseMutationResult<UpdateResult, Error, UpdateParameters> => {\n  return useMutation({\n    mutationFn: async (params: UpdateParameters) =>\n      await odeServices.resource(application).update(params),\n    ...options,\n  });\n};\n\nexport default useUpdateMutation;\n"],"names":["useUpdateMutation","application","options","useMutation","mutationFn","params","odeServices","resource","update"],"mappings":";;AAWO,MAAMA,IAAoBA,CAAC;AAAA,EAChCC,aAAAA;AAAAA,EACAC,SAAAA;AAIF,MACSC,EAAY;AAAA,EACjBC,YAAY,OAAOC,MACjB,MAAMC,EAAYC,SAASN,CAAW,EAAEO,OAAOH,CAAM;AAAA,EACvD,GAAGH;AAAAA,CACJ;"}

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

@@ -1,4 +1,4 @@
-import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles } from 'edifice-ts-client';
+import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles } from '@edifice.io/ts-client';
 export declare const ShareBookmarkLine: ({ shareRights, showBookmark, toggleBookmark, shareRightActions, toggleRight, onDeleteRow, }: {
     shareRights: ShareRightWithVisibles;
     shareRightActions: ShareRightAction[];
@@ -6,4 +6,4 @@ export declare const ShareBookmarkLine: ({ shareRights, showBookmark, toggleBook
     toggleRight: (shareRight: ShareRight, actionName: ShareRightActionDisplayName) => void;
     toggleBookmark: () => void;
     onDeleteRow: (shareRight: ShareRight) => void;
-}) => any;
+}) => (false | import("react/jsx-runtime").JSX.Element)[];

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
+import { ID, PutShareResponse, RightStringified, ShareRight } from '@edifice.io/ts-client';
 import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
-import { ID, PutShareResponse, RightStringified, ShareRight } from 'edifice-ts-client';
 export type ShareOptions = {
     resourceId: ID;
     resourceRights: RightStringified[];

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

@@ -1,5 +1,5 @@
+import { ID, UpdateParameters, UpdateResult } from '@edifice.io/ts-client';
 import { UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
-import { ID, UpdateParameters, UpdateResult } from 'edifice-ts-client';
 export type PublicationType = 'RESTRAINT' | 'IMMEDIATE' | undefined;
 export interface ShareBlogProps {
     resourceId: ID;

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

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

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

@@ -0,0 +1 @@
+{"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,5 +1,5 @@
 import { ChangeEvent, Dispatch } from 'react';
-import { ShareRightWithVisibles, ShareSubject } from 'edifice-ts-client';
+import { ShareRightWithVisibles, ShareSubject } from '@edifice.io/ts-client';
 import { OptionListItemType } from '../../../../components';
 import { ShareOptions } from '../ShareModal';
 import { ShareAction } from './useShare';

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

@@ -1,4 +1,4 @@
-import { ShareRightAction, ShareRightWithVisibles } from 'edifice-ts-client';
+import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles } from '@edifice.io/ts-client';
 import { ShareOptions, ShareResourceMutation } from '../ShareModal';
 interface UseShareResourceModalProps {
     /**
@@ -41,7 +41,7 @@ export type ShareAction = {
 export default function useShare({ resourceId, resourceRights, resourceCreatorId, shareResource, setIsLoading, onSuccess, }: UseShareResourceModalProps): {
     state: {
         isSharing: boolean;
-        shareRights: any;
+        shareRights: ShareRightWithVisibles;
         shareRightActions: ShareRightAction[];
     };
     dispatch: import('react').Dispatch<ShareAction>;

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

@@ -1,5 +1,5 @@
 import { Dispatch } from 'react';
-import { ShareRightWithVisibles } from 'edifice-ts-client';
+import { ShareRightWithVisibles } from '@edifice.io/ts-client';
 import { ShareAction } from './useShare';
 interface UseShareBookmarkProps {
     shareRights: ShareRightWithVisibles;

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

@@ -1,5 +1,5 @@
+import { PutShareResponse, ShareRight } from '@edifice.io/ts-client';
 import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
-import { PutShareResponse, ShareRight } from 'edifice-ts-client';
 export declare const useShareMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<PutShareResponse, Error, {

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

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

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

@@ -0,0 +1 @@
+{"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/utils/hasRight.d.ts

@@ -1 +1,2 @@
+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 +1,2 @@
+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,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
 export interface AudioRecorderProps {
     onSaveSuccess?: (resource: WorkspaceElement) => void;
     onRecordUpdated?: (recordURL?: string) => void;

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

@@ -1,49 +1,50 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useState } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import AudioRecorderTimer from "./AudioRecorderTimer.js";
-import useAudioRecorder from "./useAudioRecorder.js";
-import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
-import { FormControl } from "../../../components/Form/FormControl.js";
-import { Input } from "../../../components/Input/Input.js";
-import { Icon } from "../../../components/Icon/Icon.js";
-const AudioRecorder = /* @__PURE__ */ forwardRef(({
-  onSaveSuccess,
-  onRecordUpdated,
-  hideSaveAction = !1,
-  visibility = "protected"
-}, ref) => {
+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,
-    playState,
-    recordTime,
-    audioRef,
-    audioNameRef,
-    toolbarItems,
-    maxDuration,
-    handlePlayEnded,
-    handleSave
-  } = useAudioRecorder(onSaveSuccess, onRecordUpdated, hideSaveAction, visibility, "media-library"), {
-    t
-  } = useTranslation();
-  useImperativeHandle(ref, () => ({
-    save: handleSave
+    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 [audioTime, setAudioTime] = useState(0), classColor = clsx({
-    "text-danger": recordState === "RECORDING",
-    "text-success": playState === "PLAYING"
-  }), handleTimeUpdate = (event) => {
-    setAudioTime(event.target.currentTime);
+  const [N, R] = v(0), T = y({
+    "text-danger": r === "RECORDING",
+    "text-success": o === "PLAYING"
+  }), b = (h) => {
+    R(h.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: t("bbm.audio.recorder.defaultName") + (/* @__PURE__ */ new Date()).toLocaleDateString() }) }),
-    /* @__PURE__ */ jsx("div", { className: "audio-recorder-icon mx-auto", children: /* @__PURE__ */ jsx(Icon, { name: "mic", size: "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 })
+  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 {
-  AudioRecorder as default
+  Y as default
 };
+//# sourceMappingURL=AudioRecorder.js.map

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

@@ -0,0 +1 @@
+{"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,24 +1,25 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { convertMsToMS } from "../../../utils/time.js";
-import { Icon } from "../../../components/Icon/Icon.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(Icon, { name: "pause", size: "12", className: "me-8 text-danger" }) : /* @__PURE__ */ jsx(Icon, { name: "record", size: "12", className: "me-8 text-danger" }),
-    convertMsToMS(recordState !== "IDLE" ? recordTime : 0) + " / " + convertMsToMS(maxDuration)
+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)
   ] }),
-  playState !== "IDLE" && /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center mx-auto", children: [
-    /* @__PURE__ */ jsx(Icon, { name: "mic", size: "12", className: "me-8" }),
-    convertMsToMS(audioTime * 1e3),
+  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),
     " /",
-    convertMsToMS(recordTime)
+    e(c)
   ] })
 ] });
 export {
-  AudioRecorderTimer as default
+  x as default
 };
+//# sourceMappingURL=AudioRecorderTimer.js.map

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

@@ -0,0 +1 @@
+{"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,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+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';