@arbocollab/arbo-web-scene 0.26.5-alpha.45 → 0.26.5-alpha.47

package/es/index.es.js

@@ -51370,11 +51370,11 @@ const bgn = {
     (s = (a = e == null ? void 0 : e.config) == null ? void 0 : a.globalProperties) == null || s.setStoreValue("scene", "setCurrentSceneTabId", o);
   }
   return e.config.globalProperties.setStoreValue = r, e.config.globalProperties.handleSetTab = i, { handleSetTab: i };
-}, Egn = "0.26.5-alpha.45", xgn = {
+}, Egn = "0.26.5-alpha.47", xgn = {
   "@arbocollab/arbo-chart-component": "1.0.1",
   "@arbocollab/arbo-comment-utils": "1.0.1",
   "@arbocollab/arbo-common-utils": "npm:@arbocollab/arbo-common-utils@0.0.12-alpha.0",
-  "@arbocollab/arbo-media-player-component": "0.0.8",
+  "@arbocollab/arbo-media-player-component": "0.0.9",
   "@arbocollab/arbo-table-component": "1.0.1",
   "@arbocollab/arbo-ui-components": "npm:@arbocollab/arbo-ui-components-beta@0.0.376-alpha.109",
   "@arbocollab/arbo-calendar-component": "0.0.38",
@@ -205026,31 +205026,31 @@ const rFr = /* @__PURE__ */ pi(qLr, [["render", nFr], ["__scopeId", "data-v-b99b
   emits: ["addFile"],
   setup(e, { expose: t, emit: n }) {
     t();
-    const r = {
-      SIZE: "File exceeds 5MB.",
-      TYPE: "File format not supported.",
-      DIFF: "Mixed file formats are not supported."
-    }, i = e, o = n, a = (h, f) => {
-      if (i.canDrop && h) {
-        const g = Tft({
-          files: h,
-          allowedTypes: i.fileType,
-          sizeLimit: i.sizeLimit,
-          allowMixedFileType: i.allowMixedFileType,
-          isRenditionFile: i.isRenditionFile
+    const r = e, i = n, o = (d, h) => {
+      if (r.canDrop && d) {
+        const f = Tft({
+          files: d,
+          allowedTypes: r.fileType,
+          sizeLimit: r.sizeLimit,
+          allowMixedFileType: r.allowMixedFileType,
+          isRenditionFile: r.isRenditionFile
         });
-        let m = [];
-        Object.keys(g.errors).forEach((b) => {
-          m.push(...g.errors[b]);
-        }), m.length > 0 && (m = Array.from(new Set(m)), m.forEach((b) => {
-          Eo().showMessage(i.errorMessage[b], "error");
-        })), o("addFile", g.resultFiles, f);
-      }
-    }, s = G(() => i.canDrop ? i.fileType : []), l = K(), { isOverDropZone: u } = F1n(l, {
-      onDrop: a,
-      dataTypes: s.value
-    }), c = G(() => u.value == !0 || i.showDropZone == !0), d = { errorMessageComment: r, props: i, emits: o, onDropFile: a, computedDataTypes: s, dropZoneRef: l, isOverDropZoneComment: u, isShowDropZone: c };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+        let g = [];
+        Object.keys(f.errors).forEach((m) => {
+          g.push(...f.errors[m]);
+        }), g.length > 0 && (g = Array.from(new Set(g)), g.forEach((m) => {
+          Eo().showMessage(r.errorMessage[m], "error");
+        })), i("addFile", f.resultFiles, h);
+      }
+    }, a = G(() => r.canDrop ? r.fileType : []), s = K(), { isOverDropZone: l } = F1n(s, {
+      onDrop: o,
+      dataTypes: a.value
+    }), u = G(() => l.value == !0 || r.showDropZone == !0);
+    yn(() => {
+      console.log("DropArea props", { props: r, computedDataTypes: a });
+    });
+    const c = { props: r, emits: i, onDropFile: o, computedDataTypes: a, dropZoneRef: s, isOverDropZoneComment: l, isShowDropZone: u };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 }), oFr = { class: "icon" }, aFr = { class: "text" };
 function sFr(e, t, n, r, i, o) {
@@ -205062,11 +205062,11 @@ function sFr(e, t, n, r, i, o) {
       class: $e(["drop-area", { "over-drop": r.isShowDropZone }])
     },
     [
-      n.canDrop ? (j(), se(
+      r.isShowDropZone ? (j(), se(
         "div",
         {
           key: 0,
-          class: $e(["bg-drop", { over: r.isOverDropZoneComment }])
+          class: $e(["bg-drop", { over: r.isShowDropZone }])
         },
         [
           De("div", oFr, [
@@ -324074,9 +324074,9 @@ var rCi = {
       E(A.value.src, A.value.name);
     }, h = K(), f = K(!1), g = function() {
       var F = h.value;
-      F && (f.value ? document.exitFullscreen().then(function() {
-        f.value = !1;
-      }) : (f.value = !0, F.requestFullscreen()));
+      console.log("Toggling fullscreen for player:", document.fullscreenElement), F && (document.fullscreenElement ? document.exitFullscreen().catch(function() {
+      }) : F.requestFullscreen().catch(function() {
+      }));
     }, m = function() {
       u();
     }, b = function() {
@@ -324199,6 +324199,11 @@ var rCi = {
         index: s.value,
         state: tO({}, A.value)
       });
+    }), yn(function() {
+      document.addEventListener("fullscreenchange", function() {
+        var B = !!document.fullscreenElement;
+        f.value = B;
+      });
     }), function(B, F) {
       var z = us("arbo-tooltip");
       return j(), se(
@@ -326862,7 +326867,6 @@ const rxi = /* @__PURE__ */ pi(exi, [["render", nxi], ["__scopeId", "data-v-6fa8
       let we = [];
       return we = Q == null ? void 0 : Q.map((tt) => {
         var qe, Ne;
-        console.log("file", tt);
         const St = {
           type: (tt == null ? void 0 : tt.accept_type) || "",
           src: tt == null ? void 0 : tt.path,
@@ -327418,37 +327422,37 @@ const Exi = {
       rendition: pxi,
       log: N9r,
       home: E5r
-    }, h = Cm(), { dashboardActionQueue: f } = Ur(h), g = hy(), m = dR(), { connectState: b, isConnect: w } = Ur(m), { commentRenditionId: _, isCommentHeaderReady: C } = Ur(g), y = async (B) => {
-      o.value = B, b.value.logs = w.value, b.value.rendition = w.value, b.value.metric = w.value;
-    }, x = (B) => {
-      o.value = B;
-    }, E = (B, F) => {
-      l.value.addFiles(B, F);
-    }, T = (B, F) => {
-      var z;
-      s.value = !1, (z = u.value) != null && z.addFiles && u.value.addFiles(B, F);
-    }, O = () => {
-      s.value = !1;
+    }, h = Cm(), { dashboardActionQueue: f } = Ur(h), g = hy(), m = dR(), { connectState: b, isConnect: w } = Ur(m), { commentRenditionId: _, isCommentHeaderReady: C } = Ur(g), y = async (F) => {
+      o.value = F, b.value.logs = w.value, b.value.rendition = w.value, b.value.metric = w.value;
+    }, x = (F) => {
+      o.value = F;
+    }, E = (F, z) => {
+      l.value.addFiles(F, z);
+    }, T = G(() => !!(o.value === "rendition" && c.value.createRendition)), O = (F, z) => {
+      var q;
+      s.value = !1, (q = u.value) != null && q.addFiles && u.value.addFiles(F, z);
     }, A = () => {
-      s.value = !0;
+      s.value = !1;
     }, D = () => {
+      s.value = !0;
+    }, R = () => {
       s.value = !1, x("rendition");
     };
-    gt(o, (B, F) => {
-      B == "info" && F != "info" && i();
-    }), gt(o, (B) => {
-      if (B)
+    gt(o, (F, z) => {
+      F == "info" && z != "info" && i();
+    }), gt(o, (F) => {
+      if (F)
         try {
-          const F = new URLSearchParams(window.location.search), z = Object.fromEntries(F.entries()), q = new URL(window.location.href);
-          B && B !== F$ ? q.searchParams.set("tab", B) : q.searchParams.delete("tab"), a.value && B !== "rendition" && (z.renditionId || z.renditionPage) ? (q.searchParams.delete("renditionId"), q.searchParams.delete("renditionPage")) : _.value = "", window.history.replaceState({}, "", q.toString());
-        } catch (F) {
-          console.error("Error updating URL parameters:", F);
+          const z = new URLSearchParams(window.location.search), q = Object.fromEntries(z.entries()), ee = new URL(window.location.href);
+          F && F !== F$ ? ee.searchParams.set("tab", F) : ee.searchParams.delete("tab"), a.value && F !== "rendition" && (q.renditionId || q.renditionPage) ? (ee.searchParams.delete("renditionId"), ee.searchParams.delete("renditionPage")) : _.value = "", window.history.replaceState({}, "", ee.toString());
+        } catch (z) {
+          console.error("Error updating URL parameters:", z);
         }
     }), gt(
       f,
-      (B) => {
-        if (B) {
-          switch (B) {
+      (F) => {
+        if (F) {
+          switch (F) {
             case n.ADD_RENDITION:
               s.value = !0;
               break;
@@ -327459,14 +327463,14 @@ const Exi = {
               x("log");
               break;
             default:
-              console.warn("Unknown dashboard action:", B);
+              console.warn("Unknown dashboard action:", F);
           }
           f.value = void 0;
         }
       },
       { deep: !0 }
     );
-    const R = {
+    const N = {
       HOME: { id: "home", tooltipName: "Home", icon: "House", disable: !1 },
       RENDITION: { id: "rendition", tooltipName: "Renditions", icon: "Clapperboard" },
       METRIC: { id: "metric", tooltipName: "Metrics", icon: "SquareRootVariable" },
@@ -327475,22 +327479,22 @@ const Exi = {
     };
     Os(() => {
       try {
-        const B = new URLSearchParams(window.location.search), F = Object.fromEntries(B.entries());
-        if (o.value || (o.value = F$), F.tab && F.tab !== F$)
-          if (Object.values(R).map((q) => q.id).includes(F.tab)) {
-            const q = F.tab;
-            x(q);
+        const F = new URLSearchParams(window.location.search), z = Object.fromEntries(F.entries());
+        if (o.value || (o.value = F$), z.tab && z.tab !== F$)
+          if (Object.values(N).map((ee) => ee.id).includes(z.tab)) {
+            const ee = z.tab;
+            x(ee);
           } else
-            console.warn("Invalid tab parameter in URL:", F.tab), o.value = F$;
-      } catch (B) {
-        console.error("Error initializing tab from URL:", B), o.value = F$;
+            console.warn("Invalid tab parameter in URL:", z.tab), o.value = F$;
+      } catch (F) {
+        console.error("Error initializing tab from URL:", F), o.value = F$;
       } finally {
         a.value = !0;
       }
     });
-    const N = e, $ = {
-      tabs: Object.values(R).map((B) => ({
-        ...B,
+    const $ = e, P = {
+      tabs: Object.values(N).map((F) => ({
+        ...F,
         name: ""
         // Required by ArboTabs but unused in this case
       })),
@@ -327502,10 +327506,10 @@ const Exi = {
       keyDisable: "disable",
       position: "left",
       value: ""
-    }, P = { DASHBOARD_ACTIONS: n, DEFAULT_TAB: F$, sceneStore: r, getSceneData: i, currentSceneTabId: o, isMounted: a, isOpenNewRendition: s, commentRef: l, mainRef: u, permission: c, components: d, dashboardStore: h, dashboardActionQueue: f, commentStore: g, connectionStore: m, connectState: b, isConnect: w, commentRenditionId: _, isCommentHeaderReady: C, handleChangeTab: y, clickOnTab: x, handleAddFileComment: E, handleAddFileMain: T, handleCloseModal: O, handleCreateNewRendition: A, handleUploadFileRendition: D, TAB_CONFIG: R, props: N, tabProps: $, DropArea: lFr, Comments: Ojr, AddNewRenditionModal: jjr, get FILE_FORMAT() {
+    }, B = { DASHBOARD_ACTIONS: n, DEFAULT_TAB: F$, sceneStore: r, getSceneData: i, currentSceneTabId: o, isMounted: a, isOpenNewRendition: s, commentRef: l, mainRef: u, permission: c, components: d, dashboardStore: h, dashboardActionQueue: f, commentStore: g, connectionStore: m, connectState: b, isConnect: w, commentRenditionId: _, isCommentHeaderReady: C, handleChangeTab: y, clickOnTab: x, handleAddFileComment: E, canDropRenditionFile: T, handleAddFileMain: O, handleCloseModal: A, handleCreateNewRendition: D, handleUploadFileRendition: R, TAB_CONFIG: N, props: $, tabProps: P, DropArea: lFr, Comments: Ojr, AddNewRenditionModal: jjr, get FILE_FORMAT() {
       return Ire;
     }, BodySkeleton: xxi };
-    return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
+    return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
   }
 }), kxi = {
   key: 0,
@@ -327565,10 +327569,11 @@ function Axi(e, t, n, r, i, o) {
           n.loading ? void 0 : {
             name: "content",
             fn: Ge(() => [
-              Me(r.DropArea, {
+              (j(), ot(r.DropArea, {
                 "file-type": ["image/jpeg", "image/png", "video/mp4", "video/quicktime", "image/jpg"],
-                "can-drop": !!(r.currentSceneTabId === "rendition" && r.permission.createRendition),
+                "can-drop": r.canDropRenditionFile,
                 "size-limit": 5e7,
+                key: r.currentSceneTabId,
                 "allow-mixed-file-type": !1,
                 "is-rendition-file": !0,
                 "error-message": {
@@ -327616,7 +327621,7 @@ function Axi(e, t, n, r, i, o) {
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["can-drop"])
+              }, 8, ["can-drop"]))
             ]),
             key: "1"
           },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arbocollab/arbo-web-scene",
   "description": "Arbo Web Scene",
-  "version": "0.26.5-alpha.45",
+  "version": "0.26.5-alpha.47",
   "private": false,
   "type": "module",
   "scripts": {