@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/modules/multimedia/MediaLibrary/innertabs/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Upload.tsx"],"sourcesContent":["import { WorkspaceElement } from '@edifice.io/ts-client';\n\nimport { Dropzone } from '../../../../components/Dropzone';\nimport { UploadFiles } from '../../UploadFiles';\nimport { MediaLibraryType } from '../MediaLibrary';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\n/**\n * Get acceptable file (MIME-)types or extensions, for a MediaLibraryType.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers\n *\n * @param type type of MediaLibrary\n * @returns array of acceptable types\n */\nconst acceptedTypes = (type: MediaLibraryType) => {\n  const acceptedTypes = [];\n\n  switch (type) {\n    case 'audio':\n      acceptedTypes.push('audio/*');\n      break;\n    case 'video':\n      acceptedTypes.push('video/*');\n      break;\n    case 'image':\n      acceptedTypes.push('image/png');\n      acceptedTypes.push('image/jpeg');\n      acceptedTypes.push('image/webp');\n      acceptedTypes.push('image/gif');\n      acceptedTypes.push('image/avif');\n      break;\n    default:\n      break;\n  }\n  return acceptedTypes;\n};\n\nexport const Upload = () => {\n  const {\n    type,\n    visibility,\n    multiple,\n    setResult,\n    setResultCounter,\n    setCancellable,\n  } = useMediaLibraryContext();\n\n  const handleOnFilesChange = (uploadedFiles: WorkspaceElement[]) => {\n    if (uploadedFiles.length) {\n      // Uploaded files are subject to cancel action\n      setCancellable(uploadedFiles);\n      // Uploaded files are subject to success action\n      setResultCounter(uploadedFiles.length);\n      setResult(uploadedFiles);\n    } else {\n      setCancellable([]);\n      setResultCounter(undefined);\n      setResult(undefined);\n    }\n  };\n\n  return (\n    <div className=\"py-8 flex-grow-1\">\n      <Dropzone multiple={multiple} accept={acceptedTypes(type ?? 'embedder')}>\n        <UploadFiles\n          onFilesChange={handleOnFilesChange}\n          visibility={visibility}\n        />\n      </Dropzone>\n    </div>\n  );\n};\n"],"names":["acceptedTypes","type","push","Upload","visibility","multiple","setResult","setResultCounter","setCancellable","useMediaLibraryContext","handleOnFilesChange","uploadedFiles","length","undefined","jsx","Dropzone","UploadFiles"],"mappings":";;;;AAcA,MAAMA,IAAgBA,CAACC,MAA2B;AAChD,QAAMD,IAAgB,CAAA;AAEtB,UAAQC,GAAI;AAAA,IACV,KAAK;AACHD,MAAAA,EAAcE,KAAK,SAAS;AAC5B;AAAA,IACF,KAAK;AACHF,MAAAA,EAAcE,KAAK,SAAS;AAC5B;AAAA,IACF,KAAK;AACHF,MAAAA,EAAcE,KAAK,WAAW,GAC9BF,EAAcE,KAAK,YAAY,GAC/BF,EAAcE,KAAK,YAAY,GAC/BF,EAAcE,KAAK,WAAW,GAC9BF,EAAcE,KAAK,YAAY;AAC/B;AAAA,EAGJ;AACOF,SAAAA;AACT,GAEaG,IAASA,MAAM;AACpB,QAAA;AAAA,IACJF,MAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MACEC,EAAuB,GAErBC,IAAsBA,CAACC,MAAsC;AACjE,IAAIA,EAAcC,UAEhBJ,EAAeG,CAAa,GAE5BJ,EAAiBI,EAAcC,MAAM,GACrCN,EAAUK,CAAa,MAEvBH,EAAe,CAAE,CAAA,GACjBD,EAAiBM,MAAS,GAC1BP,EAAUO,MAAS;AAAA,EACrB;AAGF,2BACG,OAAI,EAAA,WAAU,oBACb,UAAC,gBAAAC,EAAAC,GAAA,EAAS,UAAAV,GAAoB,QAAQL,EAAcC,KAAQ,UAAU,GACpE,UAAC,gBAAAa,EAAAE,GAAA,EACC,eAAeN,GACf,YAAAN,EAAA,CAAuB,EAE3B,CAAA,EACF,CAAA;AAEJ;"}

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

@@ -1,22 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { useTranslation } from "react-i18next";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import VideoRecorder from "../../VideoRecorder/VideoRecorder.js";
-const Video = () => {
+import { jsx as d } from "react/jsx-runtime";
+import { useRef as a } from "react";
+import { useTranslation as p } from "react-i18next";
+import { useMediaLibraryContext as m } from "../MediaLibraryContext.js";
+import u from "../../VideoRecorder/VideoRecorder.js";
+const v = () => {
   const {
-    appCode,
-    setResult,
-    setPreSuccess
-  } = useMediaLibraryContext(), {
-    t
-  } = useTranslation(), ref = useRef(null), handleRecordUpdated = (recordUrl) => {
-    recordUrl ? (setResult(recordUrl), setPreSuccess(() => ref.current.save)) : setResult();
-  }, handleError = (err) => {
-    console.error(err);
+    appCode: t,
+    setResult: e,
+    setPreSuccess: n
+  } = m(), {
+    t: s
+  } = p(), r = a(null), i = (o) => {
+    o ? (e(o), n(() => r.current.save)) : e();
+  }, c = (o) => {
+    console.error(o);
   };
-  return /* @__PURE__ */ jsx(VideoRecorder, { ref, appCode, caption: t("bbm.video.caption"), onRecordUpdated: handleRecordUpdated, onError: handleError, hideSaveAction: !0 });
+  return /* @__PURE__ */ d(u, { ref: r, appCode: t, caption: s("bbm.video.caption"), onRecordUpdated: i, onError: c, hideSaveAction: !0 });
 };
 export {
-  Video
+  v as Video
 };
+//# sourceMappingURL=Video.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Video.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { VideoRecorder } from '../../VideoRecorder';\nimport { VideoRecorderRef } from '../../VideoRecorder/VideoRecorder';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const Video = () => {\n  const { appCode, setResult, setPreSuccess } = useMediaLibraryContext();\n  const { t } = useTranslation();\n  const ref = useRef<VideoRecorderRef>(null);\n\n  const handleRecordUpdated = (recordUrl?: string) => {\n    if (recordUrl) {\n      setResult(recordUrl);\n      setPreSuccess(() => ref.current!.save);\n    } else {\n      setResult();\n    }\n  };\n\n  const handleError = (err: string) => {\n    console.error(err);\n  };\n\n  return (\n    <VideoRecorder\n      ref={ref}\n      appCode={appCode}\n      caption={t('bbm.video.caption')}\n      onRecordUpdated={handleRecordUpdated}\n      onError={handleError}\n      hideSaveAction={true}\n    ></VideoRecorder>\n  );\n};\n"],"names":["Video","appCode","setResult","setPreSuccess","useMediaLibraryContext","t","useTranslation","ref","useRef","handleRecordUpdated","recordUrl","current","save","handleError","err","console","error","jsx","VideoRecorder"],"mappings":";;;;;AAQO,MAAMA,IAAQA,MAAM;AACnB,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,WAAAA;AAAAA,IAAWC,eAAAA;AAAAA,MAAkBC,EAAuB,GAC/D;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvBC,IAAMC,EAAyB,IAAI,GAEnCC,IAAsBA,CAACC,MAAuB;AAClD,IAAIA,KACFR,EAAUQ,CAAS,GACLP,EAAA,MAAMI,EAAII,QAASC,IAAI,KAE3BV;EACZ,GAGIW,IAAcA,CAACC,MAAgB;AACnCC,YAAQC,MAAMF,CAAG;AAAA,EAAA;AAGnB,SACG,gBAAAG,EAAAC,GAAA,EACC,KAAAX,GACA,SAAAN,GACA,SAASI,EAAE,mBAAmB,GAC9B,iBAAiBI,GACjB,SAASI,GACT,gBAAgB,GACjB,CAAA;AAEL;"}

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

@@ -1,14 +1,15 @@
-import { jsx } from "react/jsx-runtime";
-import VideoEmbed from "../../VideoEmbed/VideoEmbed.js";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-const VideoEmbedder = () => {
+import { jsx as s } from "react/jsx-runtime";
+import r from "../../VideoEmbed/VideoEmbed.js";
+import { useMediaLibraryContext as t } from "../MediaLibraryContext.js";
+const i = () => {
   const {
-    setResult
-  } = useMediaLibraryContext();
-  return /* @__PURE__ */ jsx(VideoEmbed, { onSuccess: (ressource) => {
-    setResult(ressource);
+    setResult: e
+  } = t();
+  return /* @__PURE__ */ s(r, { onSuccess: (o) => {
+    e(o);
   } });
 };
 export {
-  VideoEmbedder
+  i as VideoEmbedder
 };
+//# sourceMappingURL=VideoEmbedder.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/VideoEmbedder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoEmbedder.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/VideoEmbedder.tsx"],"sourcesContent":["import VideoEmbed from '../../VideoEmbed/VideoEmbed';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const VideoEmbedder = () => {\n  const { setResult } = useMediaLibraryContext();\n\n  const handleOnSuccess = (ressource?: string) => {\n    setResult(ressource);\n  };\n\n  return <VideoEmbed onSuccess={handleOnSuccess}></VideoEmbed>;\n};\n"],"names":["VideoEmbedder","setResult","useMediaLibraryContext","jsx","VideoEmbed","handleOnSuccess","ressource"],"mappings":";;;AAGO,MAAMA,IAAgBA,MAAM;AAC3B,QAAA;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAuB;AAMtC,SAAA,gBAAAC,EAACC,GAAW,EAAA,WAJKC,CAACC,MAAuB;AAC9CL,IAAAA,EAAUK,CAAS;AAAA,EAAA,EAG0B,CAAA;AACjD;"}

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

@@ -1,16 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import Component from "../../Workspace/Workspace.js";
-const Workspace = () => {
+import { jsx as s } from "react/jsx-runtime";
+import { useMediaLibraryContext as a } from "../MediaLibraryContext.js";
+import c from "../../Workspace/Workspace.js";
+const p = () => {
   const {
-    type,
-    setResultCounter,
-    setResult,
-    multiple,
-    visibility
-  } = useMediaLibraryContext();
-  function getDocumentRoleFilter() {
-    switch (type) {
+    type: r,
+    setResultCounter: i,
+    setResult: t,
+    multiple: l,
+    visibility: o
+  } = a();
+  function n() {
+    switch (r) {
       case "image":
         return "img";
       case "audio":
@@ -21,11 +21,12 @@ const Workspace = () => {
         return null;
     }
   }
-  function handleSelect(result) {
-    setResultCounter(result.length), result.length ? setResult(result) : setResult();
+  function u(e) {
+    i(e.length), e.length ? t(e) : t();
   }
-  return /* @__PURE__ */ jsx(Component, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto", defaultFolder: visibility, showPublicFolder: visibility === "public" });
+  return /* @__PURE__ */ s(c, { roles: n(), onSelect: u, multiple: l, className: "border rounded overflow-y-auto", defaultFolder: o, showPublicFolder: o === "public" });
 };
 export {
-  Workspace
+  p as Workspace
 };
+//# sourceMappingURL=Workspace.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/Workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Workspace.tsx"],"sourcesContent":["import { Role, WorkspaceElement } from '@edifice.io/ts-client';\n\nimport { Workspace as Component } from '../../Workspace';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const Workspace = () => {\n  const { type, setResultCounter, setResult, multiple, visibility } =\n    useMediaLibraryContext();\n\n  function getDocumentRoleFilter(): Role | Role[] | null {\n    switch (type) {\n      case 'image':\n        return 'img';\n      case 'audio':\n        return 'audio';\n      case 'video':\n        return 'video';\n      default:\n        return null; // = all document roles\n    }\n  }\n\n  function handleSelect(result: WorkspaceElement[]) {\n    setResultCounter(result.length);\n    if (result.length) {\n      setResult(result);\n    } else {\n      setResult();\n    }\n  }\n\n  return (\n    <Component\n      roles={getDocumentRoleFilter()}\n      onSelect={handleSelect}\n      multiple={multiple}\n      className=\"border rounded overflow-y-auto\"\n      defaultFolder={visibility}\n      showPublicFolder={visibility === 'public'}\n    ></Component>\n  );\n};\n"],"names":["Workspace","type","setResultCounter","setResult","multiple","visibility","useMediaLibraryContext","getDocumentRoleFilter","handleSelect","result","length","jsx","Component"],"mappings":";;;AAKO,MAAMA,IAAYA,MAAM;AACvB,QAAA;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,kBAAAA;AAAAA,IAAkBC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,YAAAA;AAAAA,MACnDC,EAAuB;AAEzB,WAASC,IAA8C;AACrD,YAAQN,GAAI;AAAA,MACV,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EACF;AAEA,WAASO,EAAaC,GAA4B;AAChDP,IAAAA,EAAiBO,EAAOC,MAAM,GAC1BD,EAAOC,SACTP,EAAUM,CAAM,IAENN;EAEd;AAEA,SACG,gBAAAQ,EAAAC,GAAA,EACC,OAAOL,KACP,UAAUC,GACV,UAAAJ,GACA,WAAU,kCACV,eAAeC,GACf,kBAAkBA,MAAe,SAClC,CAAA;AAEL;"}

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

@@ -1,21 +1,22 @@
-import { Audio } from "./Audio.js";
-import { ExternalLink } from "./ExternalLink.js";
-import { Iframe } from "./Iframe.js";
-import { InternalLink } from "./InternalLink.js";
-import { Upload } from "./Upload.js";
-import { Video } from "./Video.js";
-import { VideoEmbedder } from "./VideoEmbedder.js";
-import { Workspace } from "./Workspace.js";
-const InnerTabs = {
-  Audio,
-  Video,
-  Upload,
-  ExternalLink,
-  Workspace,
-  InternalLink,
-  Iframe,
-  VideoEmbedder
+import { Audio as o } from "./Audio.js";
+import { ExternalLink as r } from "./ExternalLink.js";
+import { Iframe as m } from "./Iframe.js";
+import { InternalLink as i } from "./InternalLink.js";
+import { Upload as t } from "./Upload.js";
+import { Video as p } from "./Video.js";
+import { VideoEmbedder as e } from "./VideoEmbedder.js";
+import { Workspace as f } from "./Workspace.js";
+const c = {
+  Audio: o,
+  Video: p,
+  Upload: t,
+  ExternalLink: r,
+  Workspace: f,
+  InternalLink: i,
+  Iframe: m,
+  VideoEmbedder: e
 };
 export {
-  InnerTabs
+  c as InnerTabs
 };
+//# sourceMappingURL=index.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/index.ts"],"sourcesContent":["import { Audio } from './Audio';\nimport { ExternalLink } from './ExternalLink';\nimport { Iframe } from './Iframe';\nimport { InternalLink } from './InternalLink';\nimport { Upload } from './Upload';\nimport { Video } from './Video';\nimport { VideoEmbedder } from './VideoEmbedder';\nimport { Workspace } from './Workspace';\n\nexport const InnerTabs = {\n  Audio,\n  Video,\n  Upload,\n  ExternalLink,\n  Workspace,\n  InternalLink,\n  Iframe,\n  VideoEmbedder,\n};\n"],"names":["InnerTabs","Audio","Video","Upload","ExternalLink","Workspace","InternalLink","Iframe","VideoEmbedder"],"mappings":";;;;;;;;AASO,MAAMA,IAAY;AAAA,EACvBC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,eAAAA;AACF;"}

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

@@ -1,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
 declare const UploadFiles: {
     ({ onFilesChange, visibility, }: {
         onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;

package/dist/modules/multimedia/UploadFiles/UploadFiles.js

@@ -1,56 +1,57 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { customSize } from "../../../utils/fileSize.js";
-import useUploadFiles from "../../../core/useUploadFiles/useUploadFiles.js";
-import { UploadCard } from "../../../components/UploadCard/UploadCard.js";
-import ImageEditor from "../ImageEditor/components/ImageEditor.js";
-const UploadFiles = ({
-  onFilesChange,
-  visibility = "protected"
+import { jsxs as h, Fragment as y, jsx as s } from "react/jsx-runtime";
+import { useRef as F, useEffect as I } from "react";
+import { customSize as v } from "../../../utils/fileSize.js";
+import E from "../../../core/useUploadFiles/useUploadFiles.js";
+import { UploadCard as L } from "../../../components/UploadCard/UploadCard.js";
+import j from "../ImageEditor/components/ImageEditor.js";
+const k = ({
+  onFilesChange: m,
+  visibility: c = "protected"
 }) => {
   const {
-    files,
-    uploadedFiles,
-    getUploadStatus,
-    uploadFile,
-    removeFile,
-    updateImage,
-    editingImage,
-    setEditingImage,
-    getUrl
-  } = useUploadFiles({
-    handleOnChange: onFilesChange,
+    files: i,
+    uploadedFiles: p,
+    getUploadStatus: d,
+    uploadFile: u,
+    removeFile: l,
+    updateImage: g,
+    editingImage: o,
+    setEditingImage: a,
+    getUrl: U
+  } = E({
+    handleOnChange: m,
     application: "media-library",
-    visibility
-  }), fileBlobs = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const blobs = fileBlobs.current;
+    visibility: c
+  }), r = F(/* @__PURE__ */ new Map());
+  I(() => {
+    const e = r.current;
     return () => {
-      blobs.forEach((url) => URL.revokeObjectURL(url)), blobs.clear();
+      e.forEach((t) => URL.revokeObjectURL(t)), e.clear();
     };
   }, []);
-  const renderItem = (file) => {
-    const src = file.type.startsWith("image") ? fileBlobs.current.get(file.name) : "";
-    return fileBlobs.current.has(file.name) || fileBlobs.current.set(file.name, URL.createObjectURL(file)), {
-      name: file.name,
+  const b = (e) => {
+    const n = e.type.startsWith("image") ? r.current.get(e.name) : "";
+    return r.current.has(e.name) || r.current.set(e.name, URL.createObjectURL(e)), {
+      name: e.name,
       info: {
-        type: file.type,
-        weight: customSize(file.size || 0, 1)
+        type: e.type,
+        weight: v(e.size || 0, 1)
       },
-      src
+      src: n
     };
-  }, handleRemoveFile = (file) => {
-    const blobUrl = fileBlobs.current.get(file.name);
-    blobUrl && (URL.revokeObjectURL(blobUrl), fileBlobs.current.delete(file.name)), removeFile(file);
+  }, R = (e) => {
+    const t = r.current.get(e.name);
+    t && (URL.revokeObjectURL(t), r.current.delete(e.name)), l(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    files.map((file) => {
-      const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-      return /* @__PURE__ */ jsx(UploadCard, { status: getUploadStatus(file), item: renderItem(file), onEdit: () => setEditingImage(resource), onRetry: () => uploadFile(file), onDelete: () => handleRemoveFile(file) }, file.name);
+  return /* @__PURE__ */ h(y, { children: [
+    i.map((e) => {
+      const t = p.find((n) => n.name === e.name);
+      return /* @__PURE__ */ s(L, { status: d(e), item: b(e), onEdit: () => a(t), onRetry: () => u(e), onDelete: () => R(e) }, e.name);
     }),
-    editingImage && /* @__PURE__ */ jsx(ImageEditor, { altText: editingImage.alt, legend: editingImage.title, image: getUrl(editingImage, !0), isOpen: !!editingImage, onCancel: () => setEditingImage(void 0), onSave: updateImage, onError: console.error })
+    o && /* @__PURE__ */ s(j, { altText: o.alt, legend: o.title, image: U(o, !0), isOpen: !!o, onCancel: () => a(void 0), onSave: g, onError: console.error })
   ] });
 };
 export {
-  UploadFiles as default
+  k as default
 };
+//# sourceMappingURL=UploadFiles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFiles.js","sources":["../../../../src/modules/multimedia/UploadFiles/UploadFiles.tsx"],"sourcesContent":["import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';\n\nimport { useEffect, useRef } from 'react';\nimport { UploadCard } from '../../../components';\nimport { useUploadFiles } from '../../../core';\nimport { customSize } from '../../../utils/fileSize';\nimport { ImageEditor } from '../ImageEditor';\n\nconst UploadFiles = ({\n  onFilesChange,\n  visibility = 'protected',\n}: {\n  onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;\n  visibility?: WorkspaceVisibility;\n}) => {\n  const {\n    files,\n    uploadedFiles,\n    getUploadStatus,\n    uploadFile,\n    removeFile,\n    updateImage,\n    editingImage,\n    setEditingImage,\n    getUrl,\n  } = useUploadFiles({\n    handleOnChange: onFilesChange,\n    application: 'media-library',\n    visibility,\n  });\n\n  /**\n   * By using useRef to store blobs\n   * We know that ref doesn't re-render\n   * We avoid unexpected images/blob download when uploading files\n   */\n  const fileBlobs = useRef(new Map());\n\n  useEffect(() => {\n    const blobs = fileBlobs.current;\n\n    /**\n     * We use the clean up function inside the useEffect to revoke blobs\n     */\n    return () => {\n      blobs.forEach((url) => URL.revokeObjectURL(url));\n      blobs.clear();\n    };\n  }, []);\n\n  /**\n   * We create the current element with a function\n   * @param file\n   */\n  const renderItem = (file: File) => {\n    const isTypeImage = file.type.startsWith('image');\n    const src = isTypeImage ? fileBlobs.current.get(file.name) : '';\n    /**\n     * We check if a blob already exists for a file\n     * If not, we add a new blob\n     */\n    if (!fileBlobs.current.has(file.name)) {\n      fileBlobs.current.set(file.name, URL.createObjectURL(file));\n    }\n\n    return {\n      name: file.name,\n      info: {\n        type: file.type,\n        weight: customSize(file.size || 0, 1),\n      },\n      src,\n    };\n  };\n\n  /**\n   * We delete file's blob\n   * We remove the file from the uploaded list\n   * @param file\n   */\n  const handleRemoveFile = (file: File) => {\n    const blobUrl = fileBlobs.current.get(file.name);\n    if (blobUrl) {\n      URL.revokeObjectURL(blobUrl);\n      fileBlobs.current.delete(file.name);\n    }\n    removeFile(file);\n  };\n\n  return (\n    <>\n      {files.map((file) => {\n        const resource = uploadedFiles.find(\n          (uploadedFile) => uploadedFile.name === file.name,\n        );\n\n        return (\n          <UploadCard\n            key={file.name}\n            status={getUploadStatus(file)}\n            item={renderItem(file)}\n            onEdit={() => setEditingImage(resource)}\n            onRetry={() => uploadFile(file)}\n            onDelete={() => handleRemoveFile(file)}\n          />\n        );\n      })}\n      {editingImage && (\n        <ImageEditor\n          altText={editingImage.alt}\n          legend={editingImage.title}\n          image={getUrl(editingImage, true)}\n          isOpen={!!editingImage}\n          onCancel={() => setEditingImage(undefined)}\n          onSave={updateImage}\n          onError={console.error}\n        />\n      )}\n    </>\n  );\n};\n\nUploadFiles.displayName = 'UploadFiles';\n\nexport default UploadFiles;\n"],"names":["UploadFiles","onFilesChange","visibility","files","uploadedFiles","getUploadStatus","uploadFile","removeFile","updateImage","editingImage","setEditingImage","getUrl","useUploadFiles","handleOnChange","application","fileBlobs","useRef","Map","useEffect","blobs","current","forEach","url","URL","revokeObjectURL","clear","renderItem","file","src","type","startsWith","get","name","has","set","createObjectURL","info","weight","customSize","size","handleRemoveFile","blobUrl","delete","map","resource","find","uploadedFile","jsx","UploadCard","ImageEditor","alt","title","undefined","console","error"],"mappings":";;;;;;AAQA,MAAMA,IAAcA,CAAC;AAAA,EACnBC,eAAAA;AAAAA,EACAC,YAAAA,IAAa;AAIf,MAAM;AACE,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,QAAAA;AAAAA,MACEC,EAAe;AAAA,IACjBC,gBAAgBZ;AAAAA,IAChBa,aAAa;AAAA,IACbZ,YAAAA;AAAAA,EAAAA,CACD,GAOKa,IAAYC,EAAWC,oBAAAA,IAAK,CAAA;AAElCC,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAQJ,EAAUK;AAKxB,WAAO,MAAM;AACXD,MAAAA,EAAME,QAASC,CAAAA,MAAQC,IAAIC,gBAAgBF,CAAG,CAAC,GAC/CH,EAAMM,MAAM;AAAA,IAAA;AAAA,EAEhB,GAAG,CAAE,CAAA;AAMCC,QAAAA,IAAaA,CAACC,MAAe;AAEjC,UAAMC,IADcD,EAAKE,KAAKC,WAAW,OAAO,IACtBf,EAAUK,QAAQW,IAAIJ,EAAKK,IAAI,IAAI;AAK7D,WAAKjB,EAAUK,QAAQa,IAAIN,EAAKK,IAAI,KAClCjB,EAAUK,QAAQc,IAAIP,EAAKK,MAAMT,IAAIY,gBAAgBR,CAAI,CAAC,GAGrD;AAAA,MACLK,MAAML,EAAKK;AAAAA,MACXI,MAAM;AAAA,QACJP,MAAMF,EAAKE;AAAAA,QACXQ,QAAQC,EAAWX,EAAKY,QAAQ,GAAG,CAAC;AAAA,MACtC;AAAA,MACAX,KAAAA;AAAAA,IAAAA;AAAAA,EACF,GAQIY,IAAmBA,CAACb,MAAe;AACvC,UAAMc,IAAU1B,EAAUK,QAAQW,IAAIJ,EAAKK,IAAI;AAC/C,IAAIS,MACFlB,IAAIC,gBAAgBiB,CAAO,GACjBrB,EAAAA,QAAQsB,OAAOf,EAAKK,IAAI,IAEpCzB,EAAWoB,CAAI;AAAA,EAAA;AAGjB,SAEKxB,gBAAAA,EAAAA,GAAAA,EAAAA,UAAAA;AAAAA,IAAAA,EAAMwC,IAAKhB,CAASA,MAAA;AACnB,YAAMiB,IAAWxC,EAAcyC,KAC5BC,OAAiBA,EAAad,SAASL,EAAKK,IAC/C;AAGE,aAAA,gBAAAe,EAACC,GAEC,EAAA,QAAQ3C,EAAgBsB,CAAI,GAC5B,MAAMD,EAAWC,CAAI,GACrB,QAAQ,MAAMjB,EAAgBkC,CAAQ,GACtC,SAAS,MAAMtC,EAAWqB,CAAI,GAC9B,UAAU,MAAMa,EAAiBb,CAAI,EALhCA,GAAAA,EAAKK,IAMV;AAAA,IAAA,CAEL;AAAA,IACAvB,KACE,gBAAAsC,EAAAE,GAAA,EACC,SAASxC,EAAayC,KACtB,QAAQzC,EAAa0C,OACrB,OAAOxC,EAAOF,GAAc,EAAI,GAChC,QAAQ,CAAC,CAACA,GACV,UAAU,MAAMC,EAAgB0C,MAAS,GACzC,QAAQ5C,GACR,SAAS6C,QAAQC,MAEpB,CAAA;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/modules/multimedia/VideoEmbed/VideoEmbed.js

@@ -1,77 +1,78 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useId, useEffect } from "react";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import { useMediaLibraryContext } from "../MediaLibrary/MediaLibraryContext.js";
-import useDebounce from "../../../hooks/useDebounce/useDebounce.js";
-import usePaths from "../../../core/usePaths/usePaths.js";
-import { Icon } from "../../../components/Icon/Icon.js";
-import { FormControl } from "../../../components/Form/FormControl.js";
-import { Input } from "../../../components/Input/Input.js";
-import { Image } from "../../../components/Image/Image.js";
-import { EmptyScreen } from "../../../components/EmptyScreen/EmptyScreen.js";
-import { Button } from "../../../components/Button/Button.js";
-const VideoEmbed = ({
-  onSuccess
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { useState as s, useId as I, useEffect as h } from "react";
+import { odeServices as l } from "@edifice.io/ts-client";
+import { useTranslation as T } from "react-i18next";
+import { useMediaLibraryContext as F } from "../MediaLibrary/MediaLibraryContext.js";
+import S from "../../../hooks/useDebounce/useDebounce.js";
+import U from "../../../core/usePaths/usePaths.js";
+import { Icon as c } from "../../../components/Icon/Icon.js";
+import { FormControl as V } from "../../../components/Form/FormControl.js";
+import { Input as k } from "../../../components/Input/Input.js";
+import { Image as j } from "../../../components/Image/Image.js";
+import { EmptyScreen as D } from "../../../components/EmptyScreen/EmptyScreen.js";
+import { Button as p } from "../../../components/Button/Button.js";
+const O = ({
+  onSuccess: n
 }) => {
   const {
-    t
-  } = useTranslation(), {
-    switchType
-  } = useMediaLibraryContext(), [url, setUrl] = useState(), [embedVideo, setEmbedVideo] = useState(), [embedder, setEmbedder] = useState(void 0), [whiteListProvider, setWhiteListProvider] = useState(), debounceChangeUrl = useDebounce(url || "", 300), formControlId = useId(), [imagePath] = usePaths();
-  useEffect(() => {
-    initWhiteListProvider();
-  }, []), useEffect(() => {
-    if (whiteListProvider && debounceChangeUrl) {
-      const embedderFound = odeServices.embedder().getProviderFromUrl(whiteListProvider, debounceChangeUrl);
-      if (embedderFound) {
-        setEmbedder(embedderFound);
-        const embedVideo2 = odeServices.embedder().getEmbedCodeForProvider(embedderFound, debounceChangeUrl);
-        setEmbedVideo(embedVideo2), onSuccess(embedVideo2);
+    t: i
+  } = T(), {
+    switchType: u
+  } = F(), [g, x] = s(), [b, C] = s(), [d, v] = s(void 0), [a, N] = s(), m = S(g || "", 300), y = I(), [E] = U();
+  h(() => {
+    w();
+  }, []), h(() => {
+    if (a && m) {
+      const t = l.embedder().getProviderFromUrl(a, m);
+      if (t) {
+        v(t);
+        const e = l.embedder().getEmbedCodeForProvider(t, m);
+        C(e), n(e);
       } else
-        setEmbedder(void 0), onSuccess();
+        v(void 0), n();
     }
-  }, [debounceChangeUrl, whiteListProvider]);
-  const initWhiteListProvider = async () => {
-    const whiteListProviderResponse = await Promise.all([odeServices.embedder().getDefault(), odeServices.embedder().getCustom()]).then((results) => results.flat());
-    setWhiteListProvider(whiteListProviderResponse);
+  }, [m, a]);
+  const w = async () => {
+    const t = await Promise.all([l.embedder().getDefault(), l.embedder().getCustom()]).then((e) => e.flat());
+    N(t);
   };
-  function handleUrlChange(event) {
-    const url2 = event.currentTarget.value;
-    setUrl(url2), onSuccess(url2 != null && url2.length ? url2 : void 0);
+  function P(t) {
+    const e = t.currentTarget.value;
+    x(e), n(e != null && e.length ? e : void 0);
   }
-  function handleSwitchToEmbedderClick() {
-    switchType("embedder");
+  function f() {
+    u("embedder");
   }
-  const renderContent = () => debounceChangeUrl ? embedder ? /* @__PURE__ */ jsxs("div", { className: "mx-auto mt-16", children: [
-    /* @__PURE__ */ jsxs("div", { className: "video-embed-provider d-flex align-items-center", children: [
-      /* @__PURE__ */ jsx(Image, { src: embedder.logo, alt: "Logo " + embedder.displayName, className: "video-embed-provider-logo" }),
-      embedder.displayName
+  const L = () => m ? d ? /* @__PURE__ */ o("div", { className: "mx-auto mt-16", children: [
+    /* @__PURE__ */ o("div", { className: "video-embed-provider d-flex align-items-center", children: [
+      /* @__PURE__ */ r(j, { src: d.logo, alt: "Logo " + d.displayName, className: "video-embed-provider-logo" }),
+      d.displayName
     ] }),
-    embedVideo && /* @__PURE__ */ jsx("div", { className: "video-embed-preview mt-12", dangerouslySetInnerHTML: {
-      __html: embedVideo
+    b && /* @__PURE__ */ r("div", { className: "video-embed-preview mt-12", dangerouslySetInnerHTML: {
+      __html: b
     } })
-  ] }) : /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column align-items-center m-16", children: [
-    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-error.svg`, title: t("bbm.video.previewError.title"), text: t("bbm.video.previewError.text") }),
-    /* @__PURE__ */ jsxs(Button, { variant: "ghost", color: "primary", onClick: handleSwitchToEmbedderClick, className: "align-items-start mt-16", children: [
-      t("bbm.video.useEmbedCode"),
+  ] }) : /* @__PURE__ */ o("div", { className: "d-flex flex-column align-items-center m-16", children: [
+    /* @__PURE__ */ r(D, { imageSrc: `${E}/emptyscreen/illu-error.svg`, title: i("bbm.video.previewError.title"), text: i("bbm.video.previewError.text") }),
+    /* @__PURE__ */ o(p, { variant: "ghost", color: "primary", onClick: f, className: "align-items-start mt-16", children: [
+      i("bbm.video.useEmbedCode"),
       " ",
-      /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+      /* @__PURE__ */ r(c, { name: "arrow-right" })
     ] })
-  ] }) : /* @__PURE__ */ jsx("div", { className: "d-flex my-16 align-items-start", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", color: "primary", onClick: handleSwitchToEmbedderClick, className: "align-items-start", children: [
-    t("bbm.video.useEmbedCode"),
+  ] }) : /* @__PURE__ */ r("div", { className: "d-flex my-16 align-items-start", children: /* @__PURE__ */ o(p, { variant: "ghost", color: "primary", onClick: f, className: "align-items-start", children: [
+    i("bbm.video.useEmbedCode"),
     " ",
-    /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+    /* @__PURE__ */ r(c, { name: "arrow-right" })
   ] }) });
-  return /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill video-embed", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-8 d-flex", children: [
-      /* @__PURE__ */ jsx(Icon, { name: "globe", className: "me-8" }),
-      t("bbm.video.url.title")
+  return /* @__PURE__ */ o("div", { className: "d-flex flex-column flex-fill video-embed", children: [
+    /* @__PURE__ */ o("div", { className: "mb-8 d-flex", children: [
+      /* @__PURE__ */ r(c, { name: "globe", className: "me-8" }),
+      i("bbm.video.url.title")
     ] }),
-    /* @__PURE__ */ jsx(FormControl, { id: formControlId, children: /* @__PURE__ */ jsx(Input, { size: "md", type: "text", placeholder: t("bbm.video.url.placeholder"), onChange: handleUrlChange }) }),
-    /* @__PURE__ */ jsx(Fragment, { children: renderContent() })
+    /* @__PURE__ */ r(V, { id: y, children: /* @__PURE__ */ r(k, { size: "md", type: "text", placeholder: i("bbm.video.url.placeholder"), onChange: P }) }),
+    L()
   ] });
 };
 export {
-  VideoEmbed as default
+  O as default
 };
+//# sourceMappingURL=VideoEmbed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoEmbed.js","sources":["../../../../src/modules/multimedia/VideoEmbed/VideoEmbed.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react';\n\nimport { Embedder, odeServices } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Button,\n  EmptyScreen,\n  FormControl,\n  Icon,\n  Image,\n  Input,\n} from '../../../components';\nimport { usePaths } from '../../../core';\nimport { useDebounce } from '../../../hooks';\nimport { useMediaLibraryContext } from '../MediaLibrary/MediaLibraryContext';\n\nexport interface VideoEmbedProps {\n  onSuccess: (resource?: string) => void;\n}\n\nconst VideoEmbed = ({ onSuccess }: VideoEmbedProps) => {\n  const { t } = useTranslation();\n  const { switchType } = useMediaLibraryContext();\n\n  const [url, setUrl] = useState<string>();\n  const [embedVideo, setEmbedVideo] = useState<string>();\n  const [embedder, setEmbedder] = useState<Embedder | undefined>(undefined);\n  const [whiteListProvider, setWhiteListProvider] = useState<Embedder[]>();\n  const debounceChangeUrl = useDebounce<string>(url || '', 300);\n  const formControlId = useId();\n\n  const [imagePath] = usePaths();\n\n  useEffect(() => {\n    initWhiteListProvider();\n  }, []);\n\n  useEffect(() => {\n    if (whiteListProvider && debounceChangeUrl) {\n      const embedderFound = odeServices\n        .embedder()\n        .getProviderFromUrl(whiteListProvider, debounceChangeUrl);\n      if (embedderFound) {\n        setEmbedder(embedderFound);\n        const embedVideo = odeServices\n          .embedder()\n          .getEmbedCodeForProvider(embedderFound, debounceChangeUrl);\n        setEmbedVideo(embedVideo);\n        onSuccess(embedVideo);\n      } else {\n        setEmbedder(undefined);\n        onSuccess();\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debounceChangeUrl, whiteListProvider]);\n\n  const initWhiteListProvider = async () => {\n    const whiteListProviderResponse = await Promise.all([\n      odeServices.embedder().getDefault(),\n      odeServices.embedder().getCustom(),\n    ]).then((results) => results.flat());\n    setWhiteListProvider(whiteListProviderResponse);\n  };\n\n  function handleUrlChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const url: string = event.currentTarget.value;\n    setUrl(url);\n    onSuccess(url?.length ? url : undefined);\n  }\n\n  function handleSwitchToEmbedderClick() {\n    switchType('embedder');\n  }\n\n  const renderContent = () => {\n    if (debounceChangeUrl) {\n      if (embedder) {\n        return (\n          <div className=\"mx-auto mt-16\">\n            <div className=\"video-embed-provider d-flex align-items-center\">\n              <Image\n                src={embedder.logo}\n                alt={'Logo ' + embedder.displayName}\n                className=\"video-embed-provider-logo\"\n              ></Image>\n              {embedder.displayName}\n            </div>\n            {embedVideo && (\n              <div\n                className=\"video-embed-preview mt-12\"\n                dangerouslySetInnerHTML={{\n                  __html: embedVideo,\n                }}\n              ></div>\n            )}\n          </div>\n        );\n      } else {\n        return (\n          <div className=\"d-flex flex-column align-items-center m-16\">\n            <EmptyScreen\n              imageSrc={`${imagePath}/emptyscreen/illu-error.svg`}\n              title={t('bbm.video.previewError.title')}\n              text={t('bbm.video.previewError.text')}\n            />\n            <Button\n              variant=\"ghost\"\n              color=\"primary\"\n              onClick={handleSwitchToEmbedderClick}\n              className=\"align-items-start mt-16\"\n            >\n              {t('bbm.video.useEmbedCode')} <Icon name=\"arrow-right\" />\n            </Button>\n          </div>\n        );\n      }\n    } else {\n      return (\n        <div className=\"d-flex my-16 align-items-start\">\n          <Button\n            variant=\"ghost\"\n            color=\"primary\"\n            onClick={handleSwitchToEmbedderClick}\n            className=\"align-items-start\"\n          >\n            {t('bbm.video.useEmbedCode')} <Icon name=\"arrow-right\" />\n          </Button>\n        </div>\n      );\n    }\n  };\n\n  return (\n    <div className=\"d-flex flex-column flex-fill video-embed\">\n      <div className=\"mb-8 d-flex\">\n        <Icon name=\"globe\" className=\"me-8\" />\n        {t('bbm.video.url.title')}\n      </div>\n      <FormControl id={formControlId}>\n        <Input\n          size=\"md\"\n          type=\"text\"\n          placeholder={t('bbm.video.url.placeholder')}\n          onChange={handleUrlChange}\n        />\n      </FormControl>\n      {renderContent()}\n    </div>\n  );\n};\n\nexport default VideoEmbed;\n"],"names":["VideoEmbed","onSuccess","t","useTranslation","switchType","useMediaLibraryContext","url","setUrl","useState","embedVideo","setEmbedVideo","embedder","setEmbedder","undefined","whiteListProvider","setWhiteListProvider","debounceChangeUrl","useDebounce","formControlId","useId","imagePath","usePaths","useEffect","initWhiteListProvider","embedderFound","odeServices","getProviderFromUrl","getEmbedCodeForProvider","whiteListProviderResponse","Promise","all","getDefault","getCustom","then","results","flat","handleUrlChange","event","currentTarget","value","length","handleSwitchToEmbedderClick","renderContent","jsxs","jsx","Image","logo","displayName","__html","EmptyScreen","Button","Icon","FormControl","Input"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { WorkspaceElement } from 'edifice-ts-client';
+import { WorkspaceElement } from '@edifice.io/ts-client';
 export interface VideoRecorderProps {
     appCode: string;
     caption?: string;