@layers-app/shared 0.4.9 → 0.4.10

package/dist/components/AppContainer/hooks/useAppContainer.js

@@ -1,75 +1,78 @@
-import { useLayoutEffect as R } from "react";
-import { useAppContainerActionsStore as S } from "./useAppContainerActionsStore.js";
-import { useAppContainerDataStore as T } from "./useAppContainerDataStore.js";
-const X = ({
+import { useLayoutEffect as T } from "react";
+import { useAppContainerActionsStore as U } from "./useAppContainerActionsStore.js";
+import { useAppContainerDataStore as V } from "./useAppContainerDataStore.js";
+const Z = ({
   user: p,
   workspaceMenu: f,
   getFirstPageLink: C,
   tools: m,
-  userMenuItems: t,
-  onSyncClick: x,
-  syncState: A,
-  syncStatusSlot: E,
-  notifications: j,
-  isAnonym: q,
-  readNotificationsFunc: r,
-  publicMode: z,
-  showMessenger: B,
-  showNewMessage: D,
-  version: G,
-  updatedAt: H,
-  privacyPolicyLink: J,
-  userAgreementLink: K,
-  whatsNewItems: O,
-  navbarDisplayFormat: Q
+  userMenuItems: x,
+  onSyncClick: A,
+  syncState: E,
+  syncStatusSlot: j,
+  notifications: q,
+  isAnonym: t,
+  readNotificationsFunc: z,
+  publicMode: B,
+  showMessenger: D,
+  showNewMessage: G,
+  version: H,
+  updatedAt: J,
+  privacyPolicyLink: K,
+  userAgreementLink: O,
+  whatsNewItems: Q,
+  whatsNewMoreLink: R,
+  navbarDisplayFormat: S
 }) => {
-  R(() => {
-    T.setState({
+  T(() => {
+    V.setState({
       user: p,
       workspaceMenu: f,
       getFirstPageLink: C,
       tools: m,
-      userMenuItems: t,
-      onSyncClick: x,
-      syncState: A,
-      syncStatusSlot: E,
-      notifications: j,
-      isAnonym: q,
-      publicMode: z,
-      showMessenger: B,
-      showNewMessage: D,
-      version: G,
-      updatedAt: H,
-      privacyPolicyLink: J,
-      userAgreementLink: K,
-      whatsNewItems: O,
-      navbarDisplayFormat: Q
-    }), S.setState({
-      readNotificationsFunc: r
+      userMenuItems: x,
+      onSyncClick: A,
+      syncState: E,
+      syncStatusSlot: j,
+      notifications: q,
+      isAnonym: t,
+      publicMode: B,
+      showMessenger: D,
+      showNewMessage: G,
+      version: H,
+      updatedAt: J,
+      privacyPolicyLink: K,
+      userAgreementLink: O,
+      whatsNewItems: Q,
+      whatsNewMoreLink: R,
+      navbarDisplayFormat: S
+    }), U.setState({
+      readNotificationsFunc: z
     });
   }, [
+    t,
     q,
-    j,
-    z,
-    r,
     B,
+    z,
     D,
+    G,
     m,
     p,
-    t,
     x,
     A,
     E,
+    j,
     f,
     C,
-    G,
     H,
     J,
     K,
     O,
-    Q
+    Q,
+    R,
+    S
   ]);
 };
 export {
-  X as useAppContainer
+  Z as useAppContainer
 };

package/dist/components/AppContainer/hooks/useAppContainerDataStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAppContainerDataStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerDataStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,wBAAwB,oFAmClC,CAAC"}
+{"version":3,"file":"useAppContainerDataStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerDataStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,wBAAwB,oFAoClC,CAAC"}

package/dist/components/AppContainer/hooks/useAppContainerDataStore.js

@@ -26,6 +26,7 @@ const a = e(() => ({
   },
   getFirstPageLink: void 0,
   whatsNewItems: [],
+  whatsNewMoreLink: void 0,
   notifications: [],
   isAnonym: !1,
   publicMode: !1,

package/dist/components/AppContainer/types.d.ts

@@ -10,8 +10,6 @@ export type ToolDef = {
     }) => ReactNode;
     path: string;
     onClick?: () => void;
-    withBackButton?: boolean;
-    entityName?: string;
 };
 export type AppContainerProps = {
     showAppsSidebar?: boolean;
@@ -64,6 +62,7 @@ export type AppContainerDataStore = {
     privacyPolicyLink: string;
     userAgreementLink: string;
     whatsNewItems: WhatsNewProps['items'];
+    whatsNewMoreLink?: string;
     navbarDisplayFormat: 'iconsAndLabels' | 'iconsOnly';
     onSyncClick?: () => void;
     syncState?: 'SYNCED' | 'SYNCING' | 'OFFLINE' | 'ERROR' | string;

package/dist/components/AppContainer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"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"}

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryModal.d.ts

@@ -4,7 +4,8 @@ interface AttachmentsGalleryModalV2Props {
     onOpenChange?: (opened: boolean) => void;
     attachments?: IFileResponse[];
     initialIndex?: number;
+    allowDownload?: boolean;
 }
-export declare const AttachmentsGalleryModal: import("react").MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
+export declare const AttachmentsGalleryModal: import("react").MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, allowDownload, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=AttachmentsGalleryModal.d.ts.map

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentsGalleryModal.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/AttachmentsGalleryModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAalD,UAAU,8BAA8B;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8GD,eAAO,MAAM,uBAAuB,6FAM/B,8BAA8B,6CAyBlC,CAAC"}
+{"version":3,"file":"AttachmentsGalleryModal.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/AttachmentsGalleryModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAalD,UAAU,8BAA8B;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAoHD,eAAO,MAAM,uBAAuB,4GAO/B,8BAA8B,6CA0BlC,CAAC"}

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryModal.js

@@ -1,121 +1,131 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { memo as w } from "react";
-import { Carousel as h } from "@mantine/carousel";
-import { Modal as B, Box as a, ActionIcon as v } from "@mantine/core";
-import { useHotkeys as I } from "@mantine/hooks";
-import { IconChevronLeft as M, IconChevronRight as P } from "@tabler/icons-react";
-import b from "clsx";
-import { AttachmentsGalleryProvider as G, useAttachmentsGalleryContext as R } from "./AttachmentsGalleryContext.js";
-import { GallerySlide as k } from "./components/GallerySlide.js";
-import { ModalFooter as E } from "./components/ModalFooter.js";
-import { ModalHeader as F } from "./components/ModalHeader.js";
-import { MODAL_TRANSITION as L } from "./constants.js";
-import { useEmblaCarousel as T } from "./hooks/useEmblaCarousel.js";
-import o from "./styles.module.css.js";
-const j = ({
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { memo as B } from "react";
+import { Carousel as v } from "@mantine/carousel";
+import { Modal as I, Box as a, ActionIcon as b } from "@mantine/core";
+import { useHotkeys as M } from "@mantine/hooks";
+import { IconChevronLeft as P, IconChevronRight as G } from "@tabler/icons-react";
+import g from "clsx";
+import { AttachmentsGalleryProvider as R, useAttachmentsGalleryContext as k } from "./AttachmentsGalleryContext.js";
+import { GallerySlide as E } from "./components/GallerySlide.js";
+import { ModalFooter as F } from "./components/ModalFooter.js";
+import { ModalHeader as L } from "./components/ModalHeader.js";
+import { MODAL_TRANSITION as T } from "./constants.js";
+import { useEmblaCarousel as j } from "./hooks/useEmblaCarousel.js";
+import r from "./styles.module.css.js";
+const z = ({
   onClose: t,
   initialIndex: l = 0,
-  attachments: r = []
+  attachments: o = [],
+  allowDownload: s = !0
 }) => {
-  const { setEmbla: s, selectedIndex: n, setZoomPercentage: g, transformRefs: C } = R(), {
-    scrollPrev: c,
-    scrollNext: m,
-    canScrollPrev: N,
-    canScrollNext: S,
-    visibleSlides: y
-  } = T();
-  I([
-    ["arrowLeft", c],
-    ["arrowRight", m]
+  const { setEmbla: n, selectedIndex: c, setZoomPercentage: C, transformRefs: N } = k(), {
+    scrollPrev: m,
+    scrollNext: d,
+    canScrollPrev: S,
+    canScrollNext: y,
+    visibleSlides: A
+  } = j();
+  M([
+    ["arrowLeft", m],
+    ["arrowRight", d]
   ]);
-  const d = r?.length <= 1;
-  return /* @__PURE__ */ p(a, { autoFocus: !0, className: o.root, children: [
-    /* @__PURE__ */ e(F, { attachments: r, onClose: t }),
-    /* @__PURE__ */ p("div", { className: o.container, children: [
+  const f = o?.length <= 1;
+  return /* @__PURE__ */ h(a, { autoFocus: !0, className: r.root, children: [
+    /* @__PURE__ */ e(
+      L,
+      {
+        attachments: o,
+        onClose: t,
+        allowDownload: s
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: r.container, children: [
       /* @__PURE__ */ e(
-        h,
+        v,
         {
           draggable: !1,
-          getEmblaApi: s,
+          getEmblaApi: n,
           withIndicators: !1,
           withControls: !1,
           initialSlide: l ?? 0,
           height: "100%",
           classNames: {
-            root: o.carouselRoot,
-            viewport: o.carouselViewport,
-            slide: o.carouselSlide
+            root: r.carouselRoot,
+            viewport: r.carouselViewport,
+            slide: r.carouselSlide
           },
-          children: r.map((f, i) => {
-            const A = y.includes(i);
-            return /* @__PURE__ */ e(h.Slide, { children: A ? /* @__PURE__ */ e(
-              k,
+          children: o.map((u, i) => {
+            const x = A.includes(i);
+            return /* @__PURE__ */ e(v.Slide, { children: x ? /* @__PURE__ */ e(
+              E,
               {
-                isActive: i === n,
-                ref: (u) => {
-                  C.current[i] = u;
+                isActive: i === c,
+                ref: (p) => {
+                  N.current[i] = p;
                 },
-                attachment: f,
-                onTransformed: (u, x) => {
-                  i === n && g(
-                    Number((x.scale * 100).toFixed(0))
+                attachment: u,
+                onTransformed: (p, w) => {
+                  i === c && C(
+                    Number((w.scale * 100).toFixed(0))
                   );
                 }
               }
-            ) : /* @__PURE__ */ e(a, {}) }, f?.id);
+            ) : /* @__PURE__ */ e(a, {}) }, u?.id);
           })
         }
       ),
-      !d && /* @__PURE__ */ e(a, { className: b(o.navButton, o.navButtonPrev), children: /* @__PURE__ */ e(
-        v,
+      !f && /* @__PURE__ */ e(a, { className: g(r.navButton, r.navButtonPrev), children: /* @__PURE__ */ e(
+        b,
         {
           variant: "subtle",
           bg: "transparent",
           size: 44,
-          onClick: c,
-          disabled: !N,
+          onClick: m,
+          disabled: !S,
           color: "var(--app-container-item-bg-hover)",
-          children: /* @__PURE__ */ e(M, {})
+          children: /* @__PURE__ */ e(P, {})
         }
       ) }),
-      !d && /* @__PURE__ */ e(a, { className: b(o.navButton, o.navButtonNext), children: /* @__PURE__ */ e(
-        v,
+      !f && /* @__PURE__ */ e(a, { className: g(r.navButton, r.navButtonNext), children: /* @__PURE__ */ e(
+        b,
         {
           variant: "subtle",
-          disabled: !S,
+          disabled: !y,
           bg: "transparent",
           color: "var(--app-container-item-bg-hover)",
           size: 44,
-          onClick: m,
-          children: /* @__PURE__ */ e(P, {})
+          onClick: d,
+          children: /* @__PURE__ */ e(G, {})
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(E, { attachments: r })
+    /* @__PURE__ */ e(F, { attachments: o })
   ] });
-}, Y = w(
+}, $ = B(
   ({
     opened: t,
     onOpenChange: l,
-    attachments: r,
-    initialIndex: s
+    attachments: o,
+    initialIndex: s,
+    allowDownload: n = !0
   }) => /* @__PURE__ */ e(
-    B,
+    I,
     {
-      transitionProps: L,
+      transitionProps: T,
       classNames: {
-        content: o.modalContent,
-        body: o.modalBody
+        content: r.modalContent,
+        body: r.modalBody
       },
       withCloseButton: !1,
       opened: t,
       onClose: () => l?.(!1),
       fullScreen: !0,
-      children: t && /* @__PURE__ */ e(G, { initialIndex: s ?? 0, children: /* @__PURE__ */ e(
-        j,
+      children: t && /* @__PURE__ */ e(R, { initialIndex: s ?? 0, children: /* @__PURE__ */ e(
+        z,
         {
-          attachments: r,
+          attachments: o,
           initialIndex: s,
+          allowDownload: n,
           onClose: () => l?.(!1)
         }
       ) })
@@ -123,5 +133,5 @@ const j = ({
   )
 );
 export {
-  Y as AttachmentsGalleryModal
+  $ as AttachmentsGalleryModal
 };

package/dist/components/AttachmentsGalleryModal/components/ArtifactStatusIndicators.d.ts

@@ -0,0 +1,15 @@
+import type { ArtifactStatus } from './artifactStatus';
+type Props = {
+    artifacts: ArtifactStatus[];
+};
+/**
+ * One indicator per artifact.
+ *
+ * A single aggregate spinner could not express the normal case where subtitles
+ * are ready while chapters are still being generated — or the case where one
+ * artifact failed for good and the rest succeeded. Each artifact carries its
+ * own state, and the tooltip explains what it is waiting on.
+ */
+export declare const ArtifactStatusIndicators: ({ artifacts }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ArtifactStatusIndicators.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/ArtifactStatusIndicators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactStatusIndicators.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ArtifactStatusIndicators.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,cAAc,EAAE,CAAC;CAC7B,CAAC;AAkCF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GAAI,eAAe,KAAK,mDAkC5D,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ArtifactStatusIndicators.js

@@ -0,0 +1,50 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { Flex as o, Tooltip as l, Text as p, Loader as g } from "@mantine/core";
+import { IconClock as u, IconX as y, IconAlertTriangle as f, IconCheck as v } from "@tabler/icons-react";
+const m = {
+  TRANSCRIPT: "editor.video.artifacts.transcript",
+  SUBTITLES: "editor.video.artifacts.subtitles",
+  CHAPTERS: "editor.video.artifacts.chapters"
+}, w = {
+  pending: "editor.video.artifacts.state.pending",
+  running: "editor.video.artifacts.state.running",
+  waiting: "editor.video.artifacts.state.waiting",
+  retrying: "editor.video.artifacts.state.retrying",
+  ready: "editor.video.artifacts.state.ready",
+  failed: "editor.video.artifacts.state.failed"
+}, T = ({ artifact: r }) => {
+  switch (r.state) {
+    case "running":
+      return /* @__PURE__ */ t(g, { size: 12, color: "var(--app-gallary-text)" });
+    case "ready":
+      return r.hasWarning ? /* @__PURE__ */ t(f, { size: 14 }) : /* @__PURE__ */ t(v, { size: 14 });
+    case "failed":
+      return /* @__PURE__ */ t(y, { size: 14 });
+    default:
+      return /* @__PURE__ */ t(u, { size: 14 });
+  }
+}, S = ({ artifacts: r }) => {
+  const { t: a } = c("video");
+  return r.length === 0 ? null : /* @__PURE__ */ t(o, { align: "center", gap: 12, miw: 0, wrap: "nowrap", children: r.map((e) => {
+    const i = a(m[e.type] ?? e.type), n = a(w[e.state]), s = e.dependencyReason ? `${i}: ${n} (${e.dependencyReason})` : `${i}: ${n}`;
+    return /* @__PURE__ */ t(l, { withArrow: !0, label: s, children: /* @__PURE__ */ d(
+      o,
+      {
+        align: "center",
+        gap: 4,
+        miw: 0,
+        c: "var(--app-gallary-text)",
+        "data-cy": `video-artifact-${e.type.toLowerCase()}`,
+        "data-artifact-state": e.state,
+        children: [
+          /* @__PURE__ */ t(T, { artifact: e }),
+          /* @__PURE__ */ t(p, { fw: 500, fz: 13, truncate: !0, children: i })
+        ]
+      }
+    ) }, e.type);
+  }) });
+};
+export {
+  S as ArtifactStatusIndicators
+};

package/dist/components/AttachmentsGalleryModal/components/AttachmentVideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/AttachmentVideoPlayer.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,uCAInC,KAAK,4CAiCP,CAAC"}
+{"version":3,"file":"AttachmentVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/AttachmentVideoPlayer.tsx"],"names":[],"mappings":"AAWA,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,uCAInC,KAAK,4CA2CP,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/AttachmentVideoPlayer.js

@@ -1,36 +1,47 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useAttachmentsGalleryContext as a } from "../AttachmentsGalleryContext.js";
-import { BaseLoader as l } from "../../Loaders/BaseLoader.js";
-import { LegacyAttachmentVideoPlayer as f } from "./LegacyAttachmentVideoPlayer.js";
-import { StatusVideoPlayer as n } from "./StatusVideoPlayer.js";
-import { useAttachmentVideoStatus as d } from "./useAttachmentVideoStatus.js";
-import p from "../styles.module.css.js";
-const P = ({
+import { jsx as e, jsxs as a, Fragment as f } from "react/jsx-runtime";
+import { useRef as d } from "react";
+import { useAttachmentsGalleryContext as c } from "../AttachmentsGalleryContext.js";
+import { BaseLoader as p } from "../../Loaders/BaseLoader.js";
+import { LegacyAttachmentVideoPlayer as u } from "./LegacyAttachmentVideoPlayer.js";
+import { StatusVideoPlayer as y } from "./StatusVideoPlayer.js";
+import { useAttachmentVideoStatus as h } from "./useAttachmentVideoStatus.js";
+import m from "../styles.module.css.js";
+import { MeetingPanelsSection as v } from "../../MeetingPage/MeetingPanelsSection.js";
+const C = ({
   attachmentId: r,
-  isActive: t,
-  autoPlay: o
+  isActive: o,
+  autoPlay: t
 }) => {
-  const { videoRefreshKey: i } = a(), { status: m, loaded: s } = d(
+  const { videoRefreshKey: l } = c(), i = d(null), { status: s, loaded: n } = h(
     r,
-    i
+    l
   );
-  return s ? m ? /* @__PURE__ */ e(
-    n,
+  return n ? s ? /* @__PURE__ */ a(f, { children: [
+    /* @__PURE__ */ e("div", { ref: i, className: m.videoPlayerFill, children: /* @__PURE__ */ e(
+      y,
+      {
+        attachmentId: r,
+        status: s,
+        isActive: o,
+        autoPlay: t
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      v,
+      {
+        videoId: r,
+        playerContainerRef: i
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    u,
     {
       attachmentId: r,
-      status: m,
-      isActive: t,
-      autoPlay: o
+      isActive: o,
+      autoPlay: t
     }
-  ) : /* @__PURE__ */ e(
-    f,
-    {
-      attachmentId: r,
-      isActive: t,
-      autoPlay: o
-    }
-  ) : /* @__PURE__ */ e("div", { className: p.videoPlayerFill, children: /* @__PURE__ */ e(l, {}) });
+  ) : /* @__PURE__ */ e("div", { className: m.videoPlayerFill, children: /* @__PURE__ */ e(p, {}) });
 };
 export {
-  P as AttachmentVideoPlayer
+  C as AttachmentVideoPlayer
 };