@yoobic/yobi 7.7.86 → 7.7.87

package/dist/cjs/index.cjs.js

@@ -28,7 +28,7 @@ const mapHelpers = require('./map-helpers-021bd715.js');
 const observerHelpers = require('./observer-helpers-b02f15af.js');
 const openingHoursHelpers = require('./opening-hours-helpers-bc0712b1.js');
 const operationHelpers = require('./operation-helpers-131a9c24.js');
-const videoPlayerHelpers = require('./video-player-helpers-07afe78c.js');
+const videoPlayerHelpers = require('./video-player-helpers-658b4a9a.js');
 const frameworkDelegate = require('./framework-delegate-cd1dd95f.js');
 const overlays = require('./overlays-27cf91fb.js');
 const theme = require('./theme-e757b365.js');
@@ -307,6 +307,7 @@ exports.getWaitlistVisitTags = operationHelpers.getWaitlistVisitTags;
 exports.getWorkflowStepBadge = operationHelpers.getWorkflowStepBadge;
 exports.LANGUAGES_DATA = videoPlayerHelpers.LANGUAGES_DATA;
 exports.fixVideoSource = videoPlayerHelpers.fixVideoSource;
+exports.fixVimeoSource = videoPlayerHelpers.fixVimeoSource;
 exports.getDailymotionPlayerAPI = videoPlayerHelpers.getDailymotionPlayerAPI;
 exports.getSourceType = videoPlayerHelpers.getSourceType;
 exports.getVideoId = videoPlayerHelpers.getVideoId;

package/dist/cjs/{video-player-helpers-07afe78c.js → video-player-helpers-658b4a9a.js}

@@ -51,7 +51,7 @@ function isNumeric(item) {
 function fixVideoSource(field) {
   const source = field.url || field.value || field.videoData || '';
   const arr = !field.videoData && source.split('/');
-  let videoId = arr && arr[arr.length - 1];
+  const videoId = arr && arr[arr.length - 1];
   let newSource = source;
   if (field.videoData) {
     newSource = rrule.isFile(field.videoData) ? URL.createObjectURL(field.videoData) : field.videoData;
@@ -63,13 +63,24 @@ function fixVideoSource(field) {
     newSource = 'https://www.dailymotion.com/embed/video/' + videoId;
   }
   if (videoPlayerHelpers.isVimeoSource(newSource)) {
-    if (!isNumeric(videoId)) {
-      videoId = arr[arr.length - 2];
-    }
-    newSource = 'https://player.vimeo.com/video/' + videoId;
+    return fixVimeoSource(newSource);
   }
   return newSource;
 }
+function fixVimeoSource(source) {
+  const arr = source === null || source === void 0 ? void 0 : source.split('/');
+  const lastItem = arr === null || arr === void 0 ? void 0 : arr[arr.length - 1];
+  const secondLastItem = arr === null || arr === void 0 ? void 0 : arr[arr.length - 2];
+  const URL_PREFIX = 'https://player.vimeo.com/video/';
+  const MIN_VIDEO_ID_LENGTH = 3;
+  if (isNumeric(lastItem)) {
+    return `${URL_PREFIX}${lastItem}`;
+  }
+  else if (!(source === null || source === void 0 ? void 0 : source.includes('player.vimeo.com')) && isNumeric(secondLastItem) && (secondLastItem === null || secondLastItem === void 0 ? void 0 : secondLastItem.length) > MIN_VIDEO_ID_LENGTH) {
+    return `${URL_PREFIX}${secondLastItem}?h=${lastItem}`;
+  }
+  return source;
+}
 function openVideoPlayerInModal(type, coreParams, modalParams) {
   const videoModal = document.createElement('yoo-videoplayer-core');
   const videoPlayerCoreParameters = Object.assign({ fullscreen: false, controls: true }, coreParams);
@@ -205,6 +216,7 @@ function getVideoSubtitlesFromFiles(files) {
 
 exports.LANGUAGES_DATA = LANGUAGES_DATA;
 exports.fixVideoSource = fixVideoSource;
+exports.fixVimeoSource = fixVimeoSource;
 exports.getDailymotionPlayerAPI = getDailymotionPlayerAPI;
 exports.getSourceType = getSourceType;
 exports.getVideoId = getVideoId;

package/dist/cjs/yoo-form-videoplayer.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const videoPlayerHelpers = require('./video-player-helpers-07afe78c.js');
+const videoPlayerHelpers = require('./video-player-helpers-658b4a9a.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./video-player-helpers-a6d263f8.js');

package/dist/cjs/yoo-section-list.cjs.entry.js

@@ -452,7 +452,7 @@ const YooSectionListComponent = class {
   }
   renderSectionItem(item) {
     let checkboxRef;
-    return (index.h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() }, index.h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && index.h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })), index.h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) }, index.h("div", { class: "title-container" }, item.user && index.h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }), item.title && index.h("div", { class: "title" }, index.h("yoo-truncate", { innerHTML: rrule.translateMulti(item.title) })), item.text && index.h("div", { class: "description" }, index.h("yoo-truncate", null, rrule.translateMulti(item.text)))), index.h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))), !this.disableSortable && !this.isReadonly && index.h("div", { class: "draggable" }, index.h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
+    return (index.h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() }, index.h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && index.h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })), index.h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) }, index.h("div", { class: "title-container" }, item.user && index.h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }), item.title && index.h("div", { class: "title" }, index.h("yoo-truncate", { innerHTML: rrule.translateMulti(item.title) })), item.text && index.h("div", { class: "description" }, index.h("yoo-truncate", null, rrule.translateMulti(item.text)))), index.h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))), !this.disableSortable && !this.isReadonly && index.h("div", { class: "draggable" }, index.h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), !this.isOwner && (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
   }
   renderSectionItemColumn(column) {
     return (index.h("div", { class: "column" }, column.icon && index.h("yoo-icon", { name: column.icon, size: "small" }), index.h("div", { class: "value" }, rrule.translate(column.value))));
@@ -464,7 +464,7 @@ const YooSectionListComponent = class {
     if (!this.itemActions || !this.itemActions.length) {
       return;
     }
-    const actions = this.itemActions.map((action) => (Object.assign(Object.assign({}, action), { handler: () => action.handler(i), isVisible: () => (action === null || action === void 0 ? void 0 : action.visible) ? action.visible() : true })));
+    const actions = this.itemActions.map((action) => (Object.assign(Object.assign({}, action), { handler: () => action.handler(i), isVisible: () => (action === null || action === void 0 ? void 0 : action.visible) ? action.visible(i) : true })));
     return (index.h("div", { class: "item-actions" }, index.h("yoo-context-menu", { contentButtons: actions, placement: "below" }, index.h("yoo-button", { disabled: this.isViewer && this.countSuffix === 'users' ? true : false, size: "medium" }, index.h("yoo-icon", { size: "small", name: "more", color: "stable" })))));
   }
   render() {

package/dist/cjs/yoo-videoplayer-dailymotion.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const videoPlayerHelpers = require('./video-player-helpers-07afe78c.js');
+const videoPlayerHelpers = require('./video-player-helpers-658b4a9a.js');
 const index$1 = require('./index-e4be1010.js');
 const remove = require('./remove-41707d5a.js');
 require('./isUndefined-8f9cfd10.js');

package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js

@@ -12,7 +12,7 @@ const videoPlayerHelpers$1 = require('./video-player-helpers-a6d263f8.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
 const observerHelpers = require('./observer-helpers-b02f15af.js');
-const videoPlayerHelpers = require('./video-player-helpers-07afe78c.js');
+const videoPlayerHelpers = require('./video-player-helpers-658b4a9a.js');
 const index$1 = require('./index-e4be1010.js');
 const document$1 = require('./document-b4cc3315.js');
 require('./validate-f2c2f205.js');

package/dist/cjs/yoo-videoplayer-vimeo.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const videoPlayerHelpers = require('./video-player-helpers-07afe78c.js');
+const videoPlayerHelpers = require('./video-player-helpers-658b4a9a.js');
 const index$1 = require('./index-e4be1010.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');

package/dist/cjs/yoo-videoplayer-youtube.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const videoPlayerHelpers = require('./video-player-helpers-07afe78c.js');
+const videoPlayerHelpers = require('./video-player-helpers-658b4a9a.js');
 const index$1 = require('./index-e4be1010.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');

package/dist/collection/components/app-boost/section-list/section-list.js

@@ -440,7 +440,7 @@ export class YooSectionListComponent {
         h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))),
         !this.disableSortable && !this.isReadonly && h("div", { class: "draggable" },
           h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })),
-        (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
+        !this.isOwner && (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
   }
   renderSectionItemColumn(column) {
     return (h("div", { class: "column" },
@@ -456,7 +456,7 @@ export class YooSectionListComponent {
     if (!this.itemActions || !this.itemActions.length) {
       return;
     }
-    const actions = this.itemActions.map((action) => (Object.assign(Object.assign({}, action), { handler: () => action.handler(i), isVisible: () => (action === null || action === void 0 ? void 0 : action.visible) ? action.visible() : true })));
+    const actions = this.itemActions.map((action) => (Object.assign(Object.assign({}, action), { handler: () => action.handler(i), isVisible: () => (action === null || action === void 0 ? void 0 : action.visible) ? action.visible(i) : true })));
     return (h("div", { class: "item-actions" },
       h("yoo-context-menu", { contentButtons: actions, placement: "below" },
         h("yoo-button", { disabled: this.isViewer && this.countSuffix === 'users' ? true : false, size: "medium" },

package/dist/collection/utils/helpers/video-player-helpers.js

@@ -47,7 +47,7 @@ function isNumeric(item) {
 export function fixVideoSource(field) {
   const source = field.url || field.value || field.videoData || '';
   const arr = !field.videoData && source.split('/');
-  let videoId = arr && arr[arr.length - 1];
+  const videoId = arr && arr[arr.length - 1];
   let newSource = source;
   if (field.videoData) {
     newSource = isFile(field.videoData) ? URL.createObjectURL(field.videoData) : field.videoData;
@@ -59,13 +59,24 @@ export function fixVideoSource(field) {
     newSource = 'https://www.dailymotion.com/embed/video/' + videoId;
   }
   if (isVimeoSource(newSource)) {
-    if (!isNumeric(videoId)) {
-      videoId = arr[arr.length - 2];
-    }
-    newSource = 'https://player.vimeo.com/video/' + videoId;
+    return fixVimeoSource(newSource);
   }
   return newSource;
 }
+export function fixVimeoSource(source) {
+  const arr = source === null || source === void 0 ? void 0 : source.split('/');
+  const lastItem = arr === null || arr === void 0 ? void 0 : arr[arr.length - 1];
+  const secondLastItem = arr === null || arr === void 0 ? void 0 : arr[arr.length - 2];
+  const URL_PREFIX = 'https://player.vimeo.com/video/';
+  const MIN_VIDEO_ID_LENGTH = 3;
+  if (isNumeric(lastItem)) {
+    return `${URL_PREFIX}${lastItem}`;
+  }
+  else if (!(source === null || source === void 0 ? void 0 : source.includes('player.vimeo.com')) && isNumeric(secondLastItem) && (secondLastItem === null || secondLastItem === void 0 ? void 0 : secondLastItem.length) > MIN_VIDEO_ID_LENGTH) {
+    return `${URL_PREFIX}${secondLastItem}?h=${lastItem}`;
+  }
+  return source;
+}
 export function openVideoPlayerInModal(type, coreParams, modalParams) {
   const videoModal = document.createElement('yoo-videoplayer-core');
   const videoPlayerCoreParameters = Object.assign({ fullscreen: false, controls: true }, coreParams);