@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

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

@@ -1,23 +0,0 @@
-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: 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__ */ d(u, { ref: r, appCode: t, caption: s("bbm.video.caption"), onRecordUpdated: i, onError: c, hideSaveAction: !0 });
-};
-export {
-  v as Video
-};
-//# sourceMappingURL=Video.js.map

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

@@ -1 +0,0 @@
-{"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,15 +0,0 @@
-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: e
-  } = t();
-  return /* @__PURE__ */ s(r, { onSuccess: (o) => {
-    e(o);
-  } });
-};
-export {
-  i as VideoEmbedder
-};
-//# sourceMappingURL=VideoEmbedder.js.map

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

@@ -1 +0,0 @@
-{"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,32 +0,0 @@
-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: r,
-    setResultCounter: i,
-    setResult: t,
-    multiple: l,
-    visibility: o
-  } = a();
-  function n() {
-    switch (r) {
-      case "image":
-        return "img";
-      case "audio":
-        return "audio";
-      case "video":
-        return "video";
-      default:
-        return null;
-    }
-  }
-  function u(e) {
-    i(e.length), e.length ? t(e) : t();
-  }
-  return /* @__PURE__ */ s(c, { roles: n(), onSelect: u, multiple: l, className: "border rounded overflow-y-auto", defaultFolder: o, showPublicFolder: o === "public" });
-};
-export {
-  p as Workspace
-};
-//# sourceMappingURL=Workspace.js.map

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

@@ -1 +0,0 @@
-{"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,22 +0,0 @@
-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 {
-  c as InnerTabs
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,57 +0,0 @@
-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: i,
-    uploadedFiles: p,
-    getUploadStatus: d,
-    uploadFile: u,
-    removeFile: l,
-    updateImage: g,
-    editingImage: o,
-    setEditingImage: a,
-    getUrl: U
-  } = E({
-    handleOnChange: m,
-    application: "media-library",
-    visibility: c
-  }), r = F(/* @__PURE__ */ new Map());
-  I(() => {
-    const e = r.current;
-    return () => {
-      e.forEach((t) => URL.revokeObjectURL(t)), e.clear();
-    };
-  }, []);
-  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: e.type,
-        weight: v(e.size || 0, 1)
-      },
-      src: n
-    };
-  }, R = (e) => {
-    const t = r.current.get(e.name);
-    t && (URL.revokeObjectURL(t), r.current.delete(e.name)), l(e);
-  };
-  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);
-    }),
-    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 {
-  k as default
-};
-//# sourceMappingURL=UploadFiles.js.map

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

@@ -1 +0,0 @@
-{"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,78 +0,0 @@
-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: 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
-        v(void 0), n();
-    }
-  }, [m, a]);
-  const w = async () => {
-    const t = await Promise.all([l.embedder().getDefault(), l.embedder().getCustom()]).then((e) => e.flat());
-    N(t);
-  };
-  function P(t) {
-    const e = t.currentTarget.value;
-    x(e), n(e != null && e.length ? e : void 0);
-  }
-  function f() {
-    u("embedder");
-  }
-  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
-    ] }),
-    b && /* @__PURE__ */ r("div", { className: "video-embed-preview mt-12", dangerouslySetInnerHTML: {
-      __html: b
-    } })
-  ] }) : /* @__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__ */ r(c, { name: "arrow-right" })
-    ] })
-  ] }) : /* @__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__ */ r(c, { name: "arrow-right" })
-  ] }) });
-  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__ */ r(V, { id: y, children: /* @__PURE__ */ r(k, { size: "md", type: "text", placeholder: i("bbm.video.url.placeholder"), onChange: P }) }),
-    L()
-  ] });
-};
-export {
-  O as default
-};
-//# sourceMappingURL=VideoEmbed.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,260 +0,0 @@
-import { jsx as i, jsxs as m, Fragment as G } from "react/jsx-runtime";
-import { forwardRef as pe, useState as n, useRef as W, useImperativeHandle as ve, useEffect as f, useCallback as N } from "react";
-import { odeServices as fe } from "@edifice.io/ts-client";
-import { useTranslation as be } from "react-i18next";
-import he from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
-import ye from "../../../core/useUpload/useUpload.js";
-import { getBestSupportedMimeType as ge } from "../../../utils/video.js";
-import { Select as we } from "../../../components/Select/Select.js";
-import { Icon as u } from "../../../components/Icon/Icon.js";
-import { FormControl as Ie } from "../../../components/Form/FormControl.js";
-import { Label as ke } from "../../../components/Label/Label.js";
-import { convertMsToMS as w } from "../../../utils/time.js";
-import { Toolbar as Ce } from "../../../components/Toolbar/Toolbar.js";
-import { LoadingScreen as Te } from "../../../components/LoadingScreen/LoadingScreen.js";
-const L = 9, V = 16, He = /* @__PURE__ */ pe(({
-  appCode: J,
-  caption: K,
-  onSuccess: I,
-  onError: Q,
-  onRecordUpdated: h,
-  hideSaveAction: X = !1
-}, Y) => {
-  const [O, Z] = n(18e4), [k, C] = n([]), [d, T] = n(!1), [l, j] = n(!1), [v, y] = n(!1), [p, R] = n(!1), [$, S] = n(!1), [U, ee] = n({
-    audio: !0,
-    video: {
-      facingMode: "environment",
-      aspectRatio: V / L
-    }
-  }), [c, P] = n(), [re, oe] = n(""), [x, B] = n([]), [H, z] = n(), [b, q] = n(0), [te, A] = n(0), o = W(null), a = W(null), {
-    uploadBlob: ie
-  } = ye(void 0, J), {
-    device: ne
-  } = he(navigator.userAgent);
-  ve(Y, () => ({
-    save: _
-  }));
-  const {
-    t
-  } = be();
-  f(() => {
-    ae(), se();
-  }, []), f(() => (c || D(U), () => {
-    c && c.getTracks().forEach((r) => r.stop());
-  }), [c]), f(() => {
-    if (x.length && !d && o.current) {
-      const r = new Blob(x, {
-        type: re
-      });
-      if (z(r), h) {
-        const e = window.URL.createObjectURL(r);
-        h(e);
-      }
-      o.current.autoplay = !1, o.current.srcObject = null, o.current.src = window.URL.createObjectURL(r);
-    }
-  }, [d, x]), f(() => {
-    if (d) {
-      const r = Date.now(), e = window.setInterval(
-        // Compute exact elapsed time by diffing the start time.
-        () => q(Date.now() - r),
-        500
-      );
-      return () => {
-        window.clearInterval(e);
-      };
-    }
-  }, [d]), f(() => {
-    if (v) {
-      const r = window.setInterval(() => A((e) => e + 500), 500);
-      return () => {
-        window.clearInterval(r);
-      };
-    }
-  }, [v]);
-  const ae = async () => {
-    const r = await fe.video().getVideoConf();
-    Z((r.maxDuration ?? 3) * 60 * 1e3);
-  }, se = async () => {
-    const e = (await navigator.mediaDevices.enumerateDevices()).filter((s) => s.kind === "videoinput");
-    switch (ne.type) {
-      case "mobile":
-      case "tablet": {
-        const s = {
-          deviceId: "environment",
-          label: t("video.back.camera"),
-          groupId: "",
-          kind: "videoinput"
-        }, g = {
-          deviceId: "user",
-          label: t("video.front.camera"),
-          groupId: "",
-          kind: "videoinput"
-        };
-        (e == null ? void 0 : e.length) > 1 ? C([s, g]) : C([s]);
-        break;
-      }
-      default:
-        C(e);
-        break;
-    }
-  }, D = async (r) => {
-    try {
-      const e = await navigator.mediaDevices.getUserMedia(r);
-      P(e), o.current && (o.current.src && (window.URL.revokeObjectURL(o.current.src), o.current.src = ""), o.current.srcObject = e, o.current.autoplay = !0, o.current.volume = 1, o.current.muted = !0);
-    } catch (e) {
-      console.error(e);
-    }
-  }, ce = N(() => {
-    T(!0), o && o.current && (o.current.muted = !0);
-    const r = ge();
-    oe(r), c && (a.current = new MediaRecorder(c, {
-      mimeType: r
-    }), a.current.ondataavailable = ({
-      data: e
-    }) => {
-      e.size > 0 && B((s) => [...s, e]);
-    }, a.current.onerror = (e) => console.error(e), a.current.start(1e3));
-  }, [c]), M = N(() => {
-    var r;
-    T(!1), j(!0), ((r = a.current) == null ? void 0 : r.state) === "recording" && (a.current.requestData(), a.current.stop());
-  }, [a]), F = N(() => {
-    var r, e;
-    o && o.current && (o.current.muted = !1), v ? ((e = o == null ? void 0 : o.current) == null || e.pause(), y(!1)) : ((r = o == null ? void 0 : o.current) == null || r.play(), y(!0));
-  }, [v]), de = () => {
-    j(!1), T(!1), y(!1), S(!1), q(0), B([]), z(void 0), D(U), h && h();
-  }, _ = async () => {
-    if (R(!0), !H) {
-      console.error("Error while saving video: recorded video is undefined.");
-      return;
-    }
-    const r = await ie(H, {
-      duration: b
-    });
-    if (r != null)
-      return I == null || I([r]), R(!1), S(!0), [r];
-    Q("Error while uploading video"), R(!1), S(!0);
-  }, le = () => {
-    y(!1), A(0), o.current && (o.current.currentTime = 0);
-  }, me = (r) => {
-    var g;
-    const e = k.find((E) => E.label === r);
-    let s = {};
-    e != null && e.deviceId ? ((e == null ? void 0 : e.deviceId) === "environment" || (e == null ? void 0 : e.deviceId) === "user" ? s = {
-      audio: !0,
-      video: {
-        aspectRatio: V / L,
-        facingMode: e == null ? void 0 : e.deviceId
-      }
-    } : s = {
-      audio: !0,
-      video: {
-        aspectRatio: V / L,
-        deviceId: e.deviceId
-      }
-    }, ee(s), c && (((g = a.current) == null ? void 0 : g.state) === "recording" && (a.current.requestData(), a.current.stop()), c.getTracks().forEach((E) => E.stop()), P(void 0)), D(s)) : console.error("Selected input device id is null");
-  };
-  f(() => {
-    b >= O && M();
-  }, [b, M]);
-  const ue = [{
-    type: "icon",
-    name: "record",
-    props: {
-      icon: /* @__PURE__ */ i(u, { name: "record", color: d || l ? "" : "red" }),
-      color: "danger",
-      disabled: d || l || p,
-      onClick: ce,
-      "aria-label": t("bbm.video.record.start")
-    },
-    tooltip: t("bbm.video.record.start")
-  }, {
-    type: "icon",
-    name: "stop",
-    props: {
-      icon: /* @__PURE__ */ i(u, { name: "record-stop" }),
-      disabled: !d || l || p,
-      onClick: M,
-      "aria-label": t("bbm.video.record.stop")
-    },
-    tooltip: t("bbm.video.record.stop")
-  }, {
-    type: "icon",
-    name: "play",
-    visibility: v ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ i(u, { name: "play-filled" }),
-      disabled: !l || p,
-      onClick: F,
-      "aria-label": t("bbm.video.play.start")
-    },
-    tooltip: t("bbm.video.play.start")
-  }, {
-    type: "icon",
-    name: "pause",
-    visibility: v ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ i(u, { name: "pause" }),
-      disabled: !l || p,
-      onClick: F,
-      "aria-label": t("bbm.video.play.pause")
-    },
-    tooltip: t("bbm.video.play.pause")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "reset",
-    props: {
-      icon: /* @__PURE__ */ i(u, { name: "refresh" }),
-      disabled: !l || p,
-      onClick: de,
-      "aria-label": t("bbm.video.record.reset")
-    },
-    tooltip: t("bbm.video.record.reset")
-  }, {
-    type: "icon",
-    name: "save",
-    visibility: X ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ i(u, { name: "save" }),
-      disabled: !l || p || $,
-      onClick: _,
-      "aria-label": t("bbm.video.record.save")
-    },
-    tooltip: t("bbm.video.record.save")
-  }];
-  return /* @__PURE__ */ m("div", { className: "video-recorder d-flex flex-fill flex-column align-items-center pb-8", children: [
-    /* @__PURE__ */ i("div", { className: "video-recorder-caption d-none d-md-block", children: K }),
-    k.length > 1 && /* @__PURE__ */ i("div", { className: "video-recorder-devices mb-12", children: /* @__PURE__ */ m(Ie, { id: "selectInputDevice", children: [
-      /* @__PURE__ */ i(ke, { className: "d-none d-md-block", children: t("bbm.video.record.select.devices.label") }),
-      /* @__PURE__ */ i(we, { placeholderOption: t("bbm.video.record.select.devices.placeholder"), options: k.map((r) => r.label), onValueChange: me })
-    ] }) }),
-    /* @__PURE__ */ m("div", { className: "video-recorder-video-container position-relative align-self-stretch", children: [
-      /* @__PURE__ */ i("video", { ref: o, playsInline: !0, autoPlay: !0, controls: !1, muted: !0, onEnded: le, className: "rounded", children: /* @__PURE__ */ i("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
-      (d || l) && /* @__PURE__ */ m("div", { className: "video-recorder-time d-flex align-items-center font-monospace fs-6 text-bg-dark rounded", children: [
-        d && /* @__PURE__ */ m(G, { children: [
-          /* @__PURE__ */ i(u, { name: "record", size: "12", color: "red", className: "me-4" }),
-          /* @__PURE__ */ m("span", { children: [
-            w(b),
-            "/",
-            w(O)
-          ] })
-        ] }),
-        l && /* @__PURE__ */ m(G, { children: [
-          /* @__PURE__ */ i(u, { name: "record-video", size: "14", className: "me-4" }),
-          /* @__PURE__ */ m("span", { children: [
-            w(te),
-            "/",
-            w(b)
-          ] })
-        ] })
-      ] }),
-      c && /* @__PURE__ */ i(Ce, { items: ue, className: "position-absolute bottom-0 start-50 bg-white" })
-    ] }),
-    p && /* @__PURE__ */ i(Te, { position: !1, caption: t("bbm.video.save.loader.caption") })
-  ] });
-});
-export {
-  He as default
-};
-//# sourceMappingURL=VideoRecorder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VideoRecorder.js","sources":["../../../../src/modules/multimedia/VideoRecorder/VideoRecorder.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { WorkspaceElement, odeServices } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  FormControl,\n  Icon,\n  Label,\n  LoadingScreen,\n  OptionsType,\n  Select,\n} from '../../../components';\nimport { Toolbar, ToolbarItem } from '../../../components/Toolbar';\nimport { useUpload } from '../../../core/useUpload';\nimport useBrowserInfo from '../../../hooks/useBrowserInfo/useBrowserInfo';\nimport { convertMsToMS, getBestSupportedMimeType } from '../../../utils';\n\nexport interface VideoRecorderProps {\n  appCode: string;\n  caption?: string;\n  onSuccess?: (res: WorkspaceElement[]) => void;\n  onError: (error: string) => void;\n  onRecordUpdated?: (recordURL?: string) => void;\n  hideSaveAction?: boolean;\n}\n\nconst VIDEO_HEIGHT = 9;\nconst VIDEO_WIDTH = 16;\n\nexport interface VideoRecorderRef {\n  save: () => Promise<WorkspaceElement | undefined>;\n}\n\nconst VideoRecorder = forwardRef(\n  (\n    {\n      appCode,\n      caption,\n      onSuccess,\n      onError,\n      onRecordUpdated,\n      hideSaveAction = false,\n    }: VideoRecorderProps,\n    ref,\n  ) => {\n    const [maxDuration, setMaxDuration] = useState<number>(180000);\n    const [inputDevices, setInputDevices] = useState<MediaDeviceInfo[]>([]);\n\n    const [recording, setRecording] = useState<boolean>(false);\n    const [recorded, setRecorded] = useState<boolean>(false);\n    const [playing, setPlaying] = useState<boolean>(false);\n    const [saving, setSaving] = useState<boolean>(false);\n    const [saved, setSaved] = useState<boolean>(false);\n\n    const [mediaStreamConstraints, setMediaStreamConstraints] =\n      useState<MediaStreamConstraints>({\n        audio: true,\n        video: {\n          facingMode: 'environment',\n          aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n        },\n      });\n    const [stream, setStream] = useState<MediaStream>();\n    const [mimeType, setMimeType] = useState<string>('');\n\n    const [recordedChunks, setRecordedChunks] = useState<Blob[]>([]);\n    const [recordedVideo, setRecordedVideo] = useState<Blob>();\n\n    const [recordedTime, setRecordedTime] = useState<number>(0);\n    const [playedTime, setPlayedTime] = useState<number>(0);\n\n    const videoRef = useRef<HTMLVideoElement>(null);\n    const recorderRef = useRef<MediaRecorder | null>(null);\n\n    const { uploadBlob } = useUpload(undefined, appCode);\n\n    const { device } = useBrowserInfo(navigator.userAgent);\n\n    // We add one methods to handle save action from parent component\n    useImperativeHandle(ref, () => ({\n      save: handleSave,\n    }));\n\n    const { t } = useTranslation();\n\n    /**\n     * Get max duration from Conf and input devices list.\n     */\n    useEffect(() => {\n      initMaxDuration();\n      initInputDevices();\n    }, []);\n\n    /**\n     * Enable video stream and stop streaming on clean up.\n     */\n    useEffect(() => {\n      if (!stream) {\n        enableStream(mediaStreamConstraints);\n      }\n      return () => {\n        if (stream) {\n          stream.getTracks().forEach((track) => track.stop());\n        }\n      };\n    }, [stream]);\n\n    /**\n     * Get last updated recorded chunk and set the recorded video as source for user to watch it.\n     */\n    useEffect(() => {\n      if (recordedChunks.length && !recording && videoRef.current) {\n        const finalVideo: Blob = new Blob(recordedChunks, { type: mimeType });\n        setRecordedVideo(finalVideo);\n\n        if (onRecordUpdated) {\n          const videoUrl = window.URL.createObjectURL(finalVideo);\n          onRecordUpdated(videoUrl);\n        }\n        videoRef.current.autoplay = false;\n        videoRef.current.srcObject = null;\n        videoRef.current.src = window.URL.createObjectURL(finalVideo);\n      }\n    }, [recording, recordedChunks]);\n\n    /**\n     * Handle recording countup.\n     * Recording cannot be paused.\n     */\n    useEffect(() => {\n      if (recording) {\n        // Get the start timestamp.\n        const startedAt = Date.now();\n        const timer = window.setInterval(\n          // Compute exact elapsed time by diffing the start time.\n          () => setRecordedTime(Date.now() - startedAt),\n          500,\n        );\n\n        return () => {\n          window.clearInterval(timer);\n        };\n      }\n    }, [recording]);\n\n    /**\n     * Handle playing countup.\n     * Playing can be paused and resumed.\n     */\n    useEffect(() => {\n      if (playing) {\n        // Compute an approximative elapsed time by cumulating small inaccurate values.\n        const timer = window.setInterval(\n          () => setPlayedTime((prev) => prev + 500),\n          500,\n        );\n\n        return () => {\n          window.clearInterval(timer);\n        };\n      }\n    }, [playing]);\n\n    const initMaxDuration = async () => {\n      const videoConfResponse = await odeServices.video().getVideoConf();\n      setMaxDuration((videoConfResponse.maxDuration ?? 3) * 60 * 1000);\n    };\n\n    const initInputDevices = async () => {\n      const devices = await navigator.mediaDevices.enumerateDevices();\n      const videoDevices = devices.filter(\n        (device) => device.kind === 'videoinput',\n      );\n      // console, mobile, tablet, smarttv, wearable, embedded\n      switch (device.type) {\n        case 'mobile':\n        case 'tablet': {\n          const backCamera = {\n            deviceId: 'environment',\n            label: t('video.back.camera'),\n            groupId: '',\n            kind: 'videoinput',\n          } as MediaDeviceInfo;\n          const frontCamera = {\n            deviceId: 'user',\n            label: t('video.front.camera'),\n            groupId: '',\n            kind: 'videoinput',\n          } as MediaDeviceInfo;\n\n          if (videoDevices?.length > 1) {\n            // mobile/tablet has more than 1 camera\n            setInputDevices([backCamera, frontCamera]);\n          } else {\n            // else we let the system use the only one that exists (or none)\n            setInputDevices([backCamera]);\n          }\n          break;\n        }\n        default:\n          // \"Desktop\" or other future types => list all cameras without distinction.\n          setInputDevices(videoDevices);\n          break;\n      }\n    };\n\n    const enableStream = async (\n      mediaStreamConstraints: MediaStreamConstraints,\n    ) => {\n      try {\n        const mediaStream: MediaStream =\n          await navigator.mediaDevices.getUserMedia(mediaStreamConstraints);\n        setStream(mediaStream);\n\n        if (videoRef.current) {\n          if (videoRef.current.src) {\n            window.URL.revokeObjectURL(videoRef.current.src);\n            videoRef.current.src = '';\n          }\n          videoRef.current.srcObject = mediaStream;\n          videoRef.current.autoplay = true;\n          videoRef.current.volume = 1;\n          videoRef.current.muted = true;\n        }\n      } catch (err) {\n        console.error(err);\n      }\n    };\n\n    const handleRecord = useCallback(() => {\n      setRecording(true);\n\n      if (videoRef && videoRef.current) {\n        videoRef.current.muted = true;\n      }\n\n      const mimeType = getBestSupportedMimeType();\n      setMimeType(mimeType);\n\n      if (stream) {\n        recorderRef.current = new MediaRecorder(stream, { mimeType });\n        recorderRef.current.ondataavailable = ({ data }: BlobEvent) => {\n          if (data.size > 0) {\n            setRecordedChunks((prev) => [...prev, data]);\n          }\n        };\n        recorderRef.current.onerror = (event) => console.error(event);\n        recorderRef.current.start(1000); // collect 1000ms of data\n      }\n    }, [stream]);\n\n    const handleStop = useCallback(() => {\n      setRecording(false);\n      setRecorded(true);\n\n      if (recorderRef.current?.state === 'recording') {\n        recorderRef.current.requestData();\n        recorderRef.current.stop();\n      }\n    }, [recorderRef]);\n\n    const handlePlayPause = useCallback(() => {\n      if (videoRef && videoRef.current) {\n        videoRef.current.muted = false;\n      }\n\n      if (!playing) {\n        videoRef?.current?.play();\n        setPlaying(true);\n      } else {\n        videoRef?.current?.pause();\n        setPlaying(false);\n      }\n    }, [playing]);\n\n    const handleReset = () => {\n      setRecorded(false);\n      setRecording(false);\n      setPlaying(false);\n      setSaved(false);\n      setRecordedTime(0);\n      setRecordedChunks([]);\n      setRecordedVideo(undefined);\n      enableStream(mediaStreamConstraints);\n\n      if (onRecordUpdated) {\n        onRecordUpdated();\n      }\n    };\n\n    const handleSave = async () => {\n      setSaving(true);\n      if (!recordedVideo) {\n        console.error('Error while saving video: recorded video is undefined.');\n        return;\n      }\n\n      const resVideo = await uploadBlob(recordedVideo, {\n        duration: recordedTime,\n      });\n\n      if (resVideo != null) {\n        onSuccess?.([resVideo]);\n        setSaving(false);\n        setSaved(true);\n        return [resVideo];\n      } else {\n        onError('Error while uploading video');\n        setSaving(false);\n        setSaved(true);\n      }\n    };\n\n    const handleEnded = () => {\n      setPlaying(false);\n      setPlayedTime(0);\n      if (videoRef.current) {\n        videoRef.current.currentTime = 0;\n      }\n    };\n\n    const handleInputDeviceChange = (option: OptionsType | string) => {\n      const selectedDevice = inputDevices.find(\n        (inputDevice) => inputDevice.label === option,\n      );\n\n      let mediaStreamConstraints: MediaStreamConstraints = {};\n      if (selectedDevice?.deviceId) {\n        if (\n          selectedDevice?.deviceId === 'environment' ||\n          selectedDevice?.deviceId === 'user'\n        ) {\n          mediaStreamConstraints = {\n            audio: true,\n            video: {\n              aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n              facingMode: selectedDevice?.deviceId,\n            },\n          };\n        } else {\n          mediaStreamConstraints = {\n            audio: true,\n            video: {\n              aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n              deviceId: selectedDevice.deviceId,\n            },\n          };\n        }\n\n        setMediaStreamConstraints(mediaStreamConstraints);\n\n        if (stream) {\n          if (recorderRef.current?.state === 'recording') {\n            recorderRef.current.requestData();\n            recorderRef.current.stop();\n          }\n          stream.getTracks().forEach((track) => track.stop());\n          setStream(undefined);\n        }\n        enableStream(mediaStreamConstraints);\n      } else {\n        console.error('Selected input device id is null');\n      }\n    };\n\n    /**\n     * Auto-stop recording when max allowed duration is reached.\n     */\n    useEffect(() => {\n      if (recordedTime >= maxDuration) {\n        handleStop();\n      }\n    }, [recordedTime, handleStop]);\n\n    const toolbarItems: ToolbarItem[] = [\n      {\n        type: 'icon',\n        name: 'record',\n        props: {\n          icon: (\n            <Icon name=\"record\" color={recording || recorded ? '' : 'red'} />\n          ),\n          color: 'danger',\n          disabled: recording || recorded || saving,\n          onClick: handleRecord,\n          'aria-label': t('bbm.video.record.start'),\n        },\n        tooltip: t('bbm.video.record.start'),\n      },\n      {\n        type: 'icon',\n        name: 'stop',\n        props: {\n          icon: <Icon name=\"record-stop\" />,\n          disabled: !recording || recorded || saving,\n          onClick: handleStop,\n          'aria-label': t('bbm.video.record.stop'),\n        },\n        tooltip: t('bbm.video.record.stop'),\n      },\n      {\n        type: 'icon',\n        name: 'play',\n        visibility: !playing ? 'show' : 'hide',\n        props: {\n          icon: <Icon name=\"play-filled\" />,\n          disabled: !recorded || saving,\n          onClick: handlePlayPause,\n          'aria-label': t('bbm.video.play.start'),\n        },\n        tooltip: t('bbm.video.play.start'),\n      },\n      {\n        type: 'icon',\n        name: 'pause',\n        visibility: playing ? 'show' : 'hide',\n        props: {\n          icon: <Icon name=\"pause\" />,\n          disabled: !recorded || saving,\n          onClick: handlePlayPause,\n          'aria-label': t('bbm.video.play.pause'),\n        },\n        tooltip: t('bbm.video.play.pause'),\n      },\n      { type: 'divider' },\n      {\n        type: 'icon',\n        name: 'reset',\n        props: {\n          icon: <Icon name=\"refresh\" />,\n          disabled: !recorded || saving,\n          onClick: handleReset,\n          'aria-label': t('bbm.video.record.reset'),\n        },\n        tooltip: t('bbm.video.record.reset'),\n      },\n      {\n        type: 'icon',\n        name: 'save',\n        visibility: hideSaveAction ? 'hide' : 'show',\n        props: {\n          icon: <Icon name=\"save\" />,\n          disabled: !recorded || saving || saved,\n          onClick: handleSave,\n          'aria-label': t('bbm.video.record.save'),\n        },\n        tooltip: t('bbm.video.record.save'),\n      },\n    ];\n\n    return (\n      <div className=\"video-recorder d-flex flex-fill flex-column align-items-center pb-8\">\n        <div className=\"video-recorder-caption d-none d-md-block\">\n          {caption}\n        </div>\n        {inputDevices.length > 1 && (\n          <div className=\"video-recorder-devices mb-12\">\n            <FormControl id=\"selectInputDevice\">\n              <Label className=\"d-none d-md-block\">\n                {t('bbm.video.record.select.devices.label')}\n              </Label>\n              <Select\n                placeholderOption={t(\n                  'bbm.video.record.select.devices.placeholder',\n                )}\n                options={inputDevices.map(\n                  (videoInputDevice) => videoInputDevice.label,\n                )}\n                onValueChange={handleInputDeviceChange}\n              />\n            </FormControl>\n          </div>\n        )}\n\n        <div className=\"video-recorder-video-container position-relative align-self-stretch\">\n          <video\n            ref={videoRef}\n            playsInline={true}\n            autoPlay={true}\n            controls={false}\n            muted={true}\n            onEnded={handleEnded}\n            className=\"rounded\"\n          >\n            <track default kind=\"captions\" srcLang=\"fr\" src=\"\"></track>\n          </video>\n          {(recording || recorded) && (\n            <div className=\"video-recorder-time d-flex align-items-center font-monospace fs-6 text-bg-dark rounded\">\n              {recording && (\n                <>\n                  <Icon name=\"record\" size=\"12\" color=\"red\" className=\"me-4\" />\n                  <span>\n                    {convertMsToMS(recordedTime)}/{convertMsToMS(maxDuration)}\n                  </span>\n                </>\n              )}\n              {recorded && (\n                <>\n                  <Icon name=\"record-video\" size=\"14\" className=\"me-4\" />\n                  <span>\n                    {convertMsToMS(playedTime)}/{convertMsToMS(recordedTime)}\n                  </span>\n                </>\n              )}\n            </div>\n          )}\n          {stream && (\n            <Toolbar\n              items={toolbarItems}\n              className=\"position-absolute bottom-0 start-50 bg-white\"\n            />\n          )}\n        </div>\n        {saving && (\n          <LoadingScreen\n            position={false}\n            caption={t('bbm.video.save.loader.caption')}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nexport default VideoRecorder;\n"],"names":["VIDEO_HEIGHT","VIDEO_WIDTH","VideoRecorder","appCode","caption","onSuccess","onError","onRecordUpdated","hideSaveAction","ref","maxDuration","setMaxDuration","useState","inputDevices","setInputDevices","recording","setRecording","recorded","setRecorded","playing","setPlaying","saving","setSaving","saved","setSaved","mediaStreamConstraints","setMediaStreamConstraints","audio","video","facingMode","aspectRatio","stream","setStream","mimeType","setMimeType","recordedChunks","setRecordedChunks","recordedVideo","setRecordedVideo","recordedTime","setRecordedTime","playedTime","setPlayedTime","videoRef","useRef","recorderRef","uploadBlob","useUpload","undefined","device","useBrowserInfo","navigator","userAgent","useImperativeHandle","save","handleSave","t","useTranslation","useEffect","initMaxDuration","initInputDevices","enableStream","getTracks","forEach","track","stop","length","current","finalVideo","Blob","type","videoUrl","window","URL","createObjectURL","autoplay","srcObject","src","startedAt","Date","now","timer","setInterval","clearInterval","prev","videoConfResponse","odeServices","getVideoConf","videoDevices","mediaDevices","enumerateDevices","filter","kind","backCamera","deviceId","label","groupId","frontCamera","mediaStream","getUserMedia","revokeObjectURL","volume","muted","err","console","error","handleRecord","useCallback","getBestSupportedMimeType","MediaRecorder","ondataavailable","data","size","onerror","event","start","handleStop","state","requestData","handlePlayPause","pause","play","handleReset","resVideo","duration","handleEnded","currentTime","handleInputDeviceChange","option","selectedDevice","find","inputDevice","toolbarItems","name","props","icon","Icon","color","disabled","onClick","tooltip","jsx","visibility","jsxs","FormControl","Label","Select","map","videoInputDevice","Fragment","convertMsToMS","Toolbar","LoadingScreen"],"mappings":";;;;;;;;;;;;;;AAmCA,MAAMA,IAAe,GACfC,IAAc,IAMdC,wBACJ,CACE;AAAA,EACEC,SAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,gBAAAA,IAAiB;AACC,GACpBC,MACG;AACH,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAiB,IAAM,GACvD,CAACC,GAAcC,CAAe,IAAIF,EAA4B,CAAE,CAAA,GAEhE,CAACG,GAAWC,CAAY,IAAIJ,EAAkB,EAAK,GACnD,CAACK,GAAUC,CAAW,IAAIN,EAAkB,EAAK,GACjD,CAACO,GAASC,CAAU,IAAIR,EAAkB,EAAK,GAC/C,CAACS,GAAQC,CAAS,IAAIV,EAAkB,EAAK,GAC7C,CAACW,GAAOC,CAAQ,IAAIZ,EAAkB,EAAK,GAE3C,CAACa,GAAwBC,EAAyB,IACtDd,EAAiC;AAAA,IAC/Be,OAAO;AAAA,IACPC,OAAO;AAAA,MACLC,YAAY;AAAA,MACZC,aAAa7B,IAAcD;AAAAA,IAC7B;AAAA,EAAA,CACD,GACG,CAAC+B,GAAQC,CAAS,IAAIpB,EAAsB,GAC5C,CAACqB,IAAUC,EAAW,IAAItB,EAAiB,EAAE,GAE7C,CAACuB,GAAgBC,CAAiB,IAAIxB,EAAiB,CAAE,CAAA,GACzD,CAACyB,GAAeC,CAAgB,IAAI1B,EAAe,GAEnD,CAAC2B,GAAcC,CAAe,IAAI5B,EAAiB,CAAC,GACpD,CAAC6B,IAAYC,CAAa,IAAI9B,EAAiB,CAAC,GAEhD+B,IAAWC,EAAyB,IAAI,GACxCC,IAAcD,EAA6B,IAAI,GAE/C;AAAA,IAAEE,YAAAA;AAAAA,EAAW,IAAIC,GAAUC,QAAW7C,CAAO,GAE7C;AAAA,IAAE8C,QAAAA;AAAAA,EAAAA,IAAWC,GAAeC,UAAUC,SAAS;AAGrDC,EAAAA,GAAoB5C,GAAK,OAAO;AAAA,IAC9B6C,MAAMC;AAAAA,EACN,EAAA;AAEI,QAAA;AAAA,IAAEC;AAAAA,MAAMC,GAAe;AAK7BC,EAAAA,EAAU,MAAM;AACE,IAAAC,MACCC;EACnB,GAAG,CAAE,CAAA,GAKLF,EAAU,OACH3B,KACH8B,EAAapC,CAAsB,GAE9B,MAAM;AACX,IAAIM,KACFA,EAAO+B,YAAYC,QAASC,CAAUA,MAAAA,EAAMC,MAAM;AAAA,EACpD,IAED,CAAClC,CAAM,CAAC,GAKX2B,EAAU,MAAM;AACd,QAAIvB,EAAe+B,UAAU,CAACnD,KAAa4B,EAASwB,SAAS;AACrDC,YAAAA,IAAmB,IAAIC,KAAKlC,GAAgB;AAAA,QAAEmC,MAAMrC;AAAAA,MAAAA,CAAU;AAGpE,UAFAK,EAAiB8B,CAAU,GAEvB7D,GAAiB;AACnB,cAAMgE,IAAWC,OAAOC,IAAIC,gBAAgBN,CAAU;AACtD7D,QAAAA,EAAgBgE,CAAQ;AAAA,MAC1B;AACA5B,MAAAA,EAASwB,QAAQQ,WAAW,IAC5BhC,EAASwB,QAAQS,YAAY,MAC7BjC,EAASwB,QAAQU,MAAML,OAAOC,IAAIC,gBAAgBN,CAAU;AAAA,IAC9D;AAAA,EAAA,GACC,CAACrD,GAAWoB,CAAc,CAAC,GAM9BuB,EAAU,MAAM;AACd,QAAI3C,GAAW;AAEP+D,YAAAA,IAAYC,KAAKC,OACjBC,IAAQT,OAAOU;AAAAA;AAAAA,QAEnB,MAAM1C,EAAgBuC,KAAKC,IAAAA,IAAQF,CAAS;AAAA,QAC5C;AAAA,MAAA;AAGF,aAAO,MAAM;AACXN,eAAOW,cAAcF,CAAK;AAAA,MAAA;AAAA,IAE9B;AAAA,EAAA,GACC,CAAClE,CAAS,CAAC,GAMd2C,EAAU,MAAM;AACd,QAAIvC,GAAS;AAEL8D,YAAAA,IAAQT,OAAOU,YACnB,MAAMxC,EAAe0C,CAASA,MAAAA,IAAO,GAAG,GACxC,GACF;AAEA,aAAO,MAAM;AACXZ,eAAOW,cAAcF,CAAK;AAAA,MAAA;AAAA,IAE9B;AAAA,EAAA,GACC,CAAC9D,CAAO,CAAC;AAEZ,QAAMwC,KAAkB,YAAY;AAClC,UAAM0B,IAAoB,MAAMC,GAAY1D,QAAQ2D,aAAa;AACjE5E,IAAAA,GAAgB0E,EAAkB3E,eAAe,KAAK,KAAK,GAAI;AAAA,EAAA,GAG3DkD,KAAmB,YAAY;AAEnC,UAAM4B,KADU,MAAMrC,UAAUsC,aAAaC,iBAAiB,GACjCC,OAC1B1C,CAAAA,MAAWA,EAAO2C,SAAS,YAC9B;AAEA,YAAQ3C,GAAOqB,MAAI;AAAA,MACjB,KAAK;AAAA,MACL,KAAK,UAAU;AACb,cAAMuB,IAAa;AAAA,UACjBC,UAAU;AAAA,UACVC,OAAOvC,EAAE,mBAAmB;AAAA,UAC5BwC,SAAS;AAAA,UACTJ,MAAM;AAAA,QAAA,GAEFK,IAAc;AAAA,UAClBH,UAAU;AAAA,UACVC,OAAOvC,EAAE,oBAAoB;AAAA,UAC7BwC,SAAS;AAAA,UACTJ,MAAM;AAAA,QAAA;AAGJJ,SAAAA,KAAAA,gBAAAA,EAActB,UAAS,IAETpD,EAAA,CAAC+E,GAAYI,CAAW,CAAC,IAGzBnF,EAAA,CAAC+E,CAAU,CAAC;AAE9B;AAAA,MACF;AAAA,MACA;AAEE/E,QAAAA,EAAgB0E,CAAY;AAC5B;AAAA,IACJ;AAAA,EAAA,GAGI3B,IAAe,OACnBpC,MACG;AACC,QAAA;AACF,YAAMyE,IACJ,MAAM/C,UAAUsC,aAAaU,aAAa1E,CAAsB;AAClEO,MAAAA,EAAUkE,CAAW,GAEjBvD,EAASwB,YACPxB,EAASwB,QAAQU,QACnBL,OAAOC,IAAI2B,gBAAgBzD,EAASwB,QAAQU,GAAG,GAC/ClC,EAASwB,QAAQU,MAAM,KAEzBlC,EAASwB,QAAQS,YAAYsB,GAC7BvD,EAASwB,QAAQQ,WAAW,IAC5BhC,EAASwB,QAAQkC,SAAS,GAC1B1D,EAASwB,QAAQmC,QAAQ;AAAA,aAEpBC,GAAK;AACZC,cAAQC,MAAMF,CAAG;AAAA,IACnB;AAAA,EAAA,GAGIG,KAAeC,EAAY,MAAM;AACrC3F,IAAAA,EAAa,EAAI,GAEb2B,KAAYA,EAASwB,YACvBxB,EAASwB,QAAQmC,QAAQ;AAG3B,UAAMrE,IAAW2E;AACjB1E,IAAAA,GAAYD,CAAQ,GAEhBF,MACUoC,EAAAA,UAAU,IAAI0C,cAAc9E,GAAQ;AAAA,MAAEE,UAAAA;AAAAA,IAAAA,CAAU,GAChDkC,EAAAA,QAAQ2C,kBAAkB,CAAC;AAAA,MAAEC,MAAAA;AAAAA,IAAAA,MAAsB;AACzDA,MAAAA,EAAKC,OAAO,KACd5E,EAAmBgD,CAASA,MAAA,CAAC,GAAGA,GAAM2B,CAAI,CAAC;AAAA,IAC7C,GAEFlE,EAAYsB,QAAQ8C,UAAWC,CAAUV,MAAAA,QAAQC,MAAMS,CAAK,GAChD/C,EAAAA,QAAQgD,MAAM,GAAI;AAAA,EAChC,GACC,CAACpF,CAAM,CAAC,GAELqF,IAAaT,EAAY,MAAM;;AACnC3F,IAAAA,EAAa,EAAK,GAClBE,EAAY,EAAI,KAEZ2B,IAAAA,EAAYsB,YAAZtB,gBAAAA,EAAqBwE,WAAU,gBACjCxE,EAAYsB,QAAQmD,eACpBzE,EAAYsB,QAAQF;EACtB,GACC,CAACpB,CAAW,CAAC,GAEV0E,IAAkBZ,EAAY,MAAM;;AACpChE,IAAAA,KAAYA,EAASwB,YACvBxB,EAASwB,QAAQmC,QAAQ,KAGtBnF,MAIHwB,IAAAA,KAAAA,gBAAAA,EAAUwB,YAAVxB,QAAAA,EAAmB6E,SACnBpG,EAAW,EAAK,OAJhBuB,IAAAA,KAAAA,gBAAAA,EAAUwB,YAAVxB,QAAAA,EAAmB8E,QACnBrG,EAAW,EAAI;AAAA,EAIjB,GACC,CAACD,CAAO,CAAC,GAENuG,KAAcA,MAAM;AACxBxG,IAAAA,EAAY,EAAK,GACjBF,EAAa,EAAK,GAClBI,EAAW,EAAK,GAChBI,EAAS,EAAK,GACdgB,EAAgB,CAAC,GACjBJ,EAAkB,CAAE,CAAA,GACpBE,EAAiBU,MAAS,GAC1Ba,EAAapC,CAAsB,GAE/BlB,KACcA;EAClB,GAGIgD,IAAa,YAAY;AAE7B,QADAjC,EAAU,EAAI,GACV,CAACe,GAAe;AAClBmE,cAAQC,MAAM,wDAAwD;AACtE;AAAA,IACF;AAEMkB,UAAAA,IAAW,MAAM7E,GAAWT,GAAe;AAAA,MAC/CuF,UAAUrF;AAAAA,IAAAA,CACX;AAED,QAAIoF,KAAY;AACF,aAAAtH,KAAA,QAAAA,EAAA,CAACsH,CAAQ,IACrBrG,EAAU,EAAK,GACfE,EAAS,EAAI,GACN,CAACmG,CAAQ;AAEhBrH,IAAAA,EAAQ,6BAA6B,GACrCgB,EAAU,EAAK,GACfE,EAAS,EAAI;AAAA,EACf,GAGIqG,KAAcA,MAAM;AACxBzG,IAAAA,EAAW,EAAK,GAChBsB,EAAc,CAAC,GACXC,EAASwB,YACXxB,EAASwB,QAAQ2D,cAAc;AAAA,EACjC,GAGIC,KAA0BA,CAACC,MAAiC;;AAChE,UAAMC,IAAiBpH,EAAaqH,KACjCC,CAAgBA,MAAAA,EAAYpC,UAAUiC,CACzC;AAEA,QAAIvG,IAAiD,CAAA;AACrD,IAAIwG,KAAAA,QAAAA,EAAgBnC,aAEhBmC,KAAAA,gBAAAA,EAAgBnC,cAAa,kBAC7BmC,KAAAA,gBAAAA,EAAgBnC,cAAa,SAE7BrE,IAAyB;AAAA,MACvBE,OAAO;AAAA,MACPC,OAAO;AAAA,QACLE,aAAa7B,IAAcD;AAAAA,QAC3B6B,YAAYoG,KAAAA,gBAAAA,EAAgBnC;AAAAA,MAC9B;AAAA,IAAA,IAGFrE,IAAyB;AAAA,MACvBE,OAAO;AAAA,MACPC,OAAO;AAAA,QACLE,aAAa7B,IAAcD;AAAAA,QAC3B8F,UAAUmC,EAAenC;AAAAA,MAC3B;AAAA,IAAA,GAIJpE,GAA0BD,CAAsB,GAE5CM,QACEc,IAAAA,EAAYsB,YAAZtB,gBAAAA,EAAqBwE,WAAU,gBACjCxE,EAAYsB,QAAQmD,eACpBzE,EAAYsB,QAAQF,SAEtBlC,EAAO+B,YAAYC,QAASC,CAAUA,MAAAA,EAAMC,MAAM,GAClDjC,EAAUgB,MAAS,IAErBa,EAAapC,CAAsB,KAEnC+E,QAAQC,MAAM,kCAAkC;AAAA,EAClD;AAMF/C,EAAAA,EAAU,MAAM;AACd,IAAInB,KAAgB7B,KACP0G;EACb,GACC,CAAC7E,GAAc6E,CAAU,CAAC;AAE7B,QAAMgB,KAA8B,CAClC;AAAA,IACE9D,MAAM;AAAA,IACN+D,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,wBACGC,GAAK,EAAA,MAAK,UAAS,OAAOzH,KAAaE,IAAW,KAAK,MACzD,CAAA;AAAA,MACDwH,OAAO;AAAA,MACPC,UAAU3H,KAAaE,KAAYI;AAAAA,MACnCsH,SAASjC;AAAAA,MACT,cAAclD,EAAE,wBAAwB;AAAA,IAC1C;AAAA,IACAoF,SAASpF,EAAE,wBAAwB;AAAA,EAAA,GAErC;AAAA,IACEc,MAAM;AAAA,IACN+D,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,MAAM,gBAAAM,EAACL,GAAK,EAAA,MAAK,cAAgB,CAAA;AAAA,MACjCE,UAAU,CAAC3H,KAAaE,KAAYI;AAAAA,MACpCsH,SAASvB;AAAAA,MACT,cAAc5D,EAAE,uBAAuB;AAAA,IACzC;AAAA,IACAoF,SAASpF,EAAE,uBAAuB;AAAA,EAAA,GAEpC;AAAA,IACEc,MAAM;AAAA,IACN+D,MAAM;AAAA,IACNS,YAAa3H,IAAmB,SAAT;AAAA,IACvBmH,OAAO;AAAA,MACLC,MAAM,gBAAAM,EAACL,GAAK,EAAA,MAAK,cAAgB,CAAA;AAAA,MACjCE,UAAU,CAACzH,KAAYI;AAAAA,MACvBsH,SAASpB;AAAAA,MACT,cAAc/D,EAAE,sBAAsB;AAAA,IACxC;AAAA,IACAoF,SAASpF,EAAE,sBAAsB;AAAA,EAAA,GAEnC;AAAA,IACEc,MAAM;AAAA,IACN+D,MAAM;AAAA,IACNS,YAAY3H,IAAU,SAAS;AAAA,IAC/BmH,OAAO;AAAA,MACLC,MAAM,gBAAAM,EAACL,GAAK,EAAA,MAAK,QAAU,CAAA;AAAA,MAC3BE,UAAU,CAACzH,KAAYI;AAAAA,MACvBsH,SAASpB;AAAAA,MACT,cAAc/D,EAAE,sBAAsB;AAAA,IACxC;AAAA,IACAoF,SAASpF,EAAE,sBAAsB;AAAA,EAAA,GAEnC;AAAA,IAAEc,MAAM;AAAA,EAAA,GACR;AAAA,IACEA,MAAM;AAAA,IACN+D,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,MAAM,gBAAAM,EAACL,GAAK,EAAA,MAAK,UAAY,CAAA;AAAA,MAC7BE,UAAU,CAACzH,KAAYI;AAAAA,MACvBsH,SAASjB;AAAAA,MACT,cAAclE,EAAE,wBAAwB;AAAA,IAC1C;AAAA,IACAoF,SAASpF,EAAE,wBAAwB;AAAA,EAAA,GAErC;AAAA,IACEc,MAAM;AAAA,IACN+D,MAAM;AAAA,IACNS,YAAYtI,IAAiB,SAAS;AAAA,IACtC8H,OAAO;AAAA,MACLC,MAAM,gBAAAM,EAACL,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC1BE,UAAU,CAACzH,KAAYI,KAAUE;AAAAA,MACjCoH,SAASpF;AAAAA,MACT,cAAcC,EAAE,uBAAuB;AAAA,IACzC;AAAA,IACAoF,SAASpF,EAAE,uBAAuB;AAAA,EAAA,CACnC;AAID,SAAA,gBAAAuF,EAAC,OAAI,EAAA,WAAU,uEACb,UAAA;AAAA,IAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,4CACZzI,UACHA,GAAA;AAAA,IACCS,EAAaqD,SAAS,KACpB,gBAAA2E,EAAA,OAAA,EAAI,WAAU,gCACb,UAAA,gBAAAE,EAACC,IAAY,EAAA,IAAG,qBACd,UAAA;AAAA,MAAA,gBAAAH,EAACI,IAAM,EAAA,WAAU,qBACdzF,UAAAA,EAAE,uCAAuC,GAC5C;AAAA,MACC,gBAAAqF,EAAAK,IAAA,EACC,mBAAmB1F,EACjB,6CACF,GACA,SAAS3C,EAAasI,IACnBC,CAAqBA,MAAAA,EAAiBrD,KACzC,GACA,eAAegC,IAAwB;AAAA,IAAA,EAAA,CAE3C,EACF,CAAA;AAAA,IAGF,gBAAAgB,EAAC,OAAI,EAAA,WAAU,uEACb,UAAA;AAAA,MAAC,gBAAAF,EAAA,SAAA,EACC,KAAKlG,GACL,aAAa,IACb,UAAU,IACV,UAAU,IACV,OAAO,IACP,SAASkF,IACT,WAAU,WAEV,UAAC,gBAAAgB,EAAA,SAAA,EAAM,SAAO,IAAC,MAAK,YAAW,SAAQ,MAAK,KAAI,GAAA,CAAG,EACrD,CAAA;AAAA,OACE9H,KAAaE,MACZ,gBAAA8H,EAAA,OAAA,EAAI,WAAU,0FACZhI,UAAAA;AAAAA,QAAAA,KAEG,gBAAAgI,EAAAM,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAR,EAAAL,GAAA,EAAK,MAAK,UAAS,MAAK,MAAK,OAAM,OAAM,WAAU,OAAM,CAAA;AAAA,4BACzD,QACEc,EAAAA,UAAAA;AAAAA,YAAAA,EAAc/G,CAAY;AAAA,YAAE;AAAA,YAAE+G,EAAc5I,CAAW;AAAA,UAAA,GAC1D;AAAA,QAAA,GACF;AAAA,QAEDO,KAEG,gBAAA8H,EAAAM,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAR,EAACL,KAAK,MAAK,gBAAe,MAAK,MAAK,WAAU,QAAM;AAAA,4BACnD,QACEc,EAAAA,UAAAA;AAAAA,YAAAA,EAAc7G,EAAU;AAAA,YAAE;AAAA,YAAE6G,EAAc/G,CAAY;AAAA,UAAA,GACzD;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MAEDR,KACE,gBAAA8G,EAAAU,IAAA,EACC,OAAOnB,IACP,WAAU,gDAEb;AAAA,IAAA,GACH;AAAA,IACC/G,uBACEmI,IACC,EAAA,UAAU,IACV,SAAShG,EAAE,+BAA+B,GAE7C;AAAA,EACH,EAAA,CAAA;AAEJ,CACF;"}