@yoobic/yobi 8.7.30 → 8.7.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -141,7 +141,7 @@ const YooFormHotzonesCreatorComponent = class {
141
141
  !this.editor && this.initEditor();
142
142
  this.editor.imageAnnotation = [];
143
143
  this.editorContainer.hidden = !this.value.image;
144
- this.editor.updateImagePreview(this.value.image);
144
+ this.editor.updateImagePreview(index$1.getMedia(this.value.image, { forceCookieUrlParam: true }));
145
145
  this.emitValues(ev);
146
146
  }
147
147
  onHotspotImageUpdated(ev, index) {
@@ -68373,9 +68373,9 @@ const YooVideoPlayerVideojsComponent = class {
68373
68373
  this.subtitlePrepared = false;
68374
68374
  if (this.player) {
68375
68375
  const newSrc = this.fallbackSrc[this.currentFallbackSrcIndex];
68376
- this.player.src(newSrc);
68376
+ this.player.src({ src: index.getMedia(newSrc.src) });
68377
68377
  if (this.player.poster) {
68378
- this.player.poster(index.getVideoPoster(newURL));
68378
+ this.player.poster(index.getMedia(index.getVideoPoster(newURL), { forceCookieUrlParam: true }));
68379
68379
  }
68380
68380
  this.player.load();
68381
68381
  }
@@ -68406,7 +68406,7 @@ const YooVideoPlayerVideojsComponent = class {
68406
68406
  }
68407
68407
  renderVideoElement() {
68408
68408
  var _a;
68409
- const poster = index.isCloudinaryLink(this.poster) ? videoPlayerHelpers.updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight) : null;
68409
+ const poster = index.isCloudinaryLink(this.poster) ? index.getMedia(videoPlayerHelpers.updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight), { forceCookieUrlParam: true }) : null;
68410
68410
  const newSrc = !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco')) ? new index.Cloudinary(this.source).quality('eco').getUrl() : this.source;
68411
68411
  let ext = this.extension || index.getExtension(newSrc);
68412
68412
  if (ext === 'mov' || !index.isVideo(newSrc)) { // Default mov or video link without ext to mp4
@@ -317,9 +317,9 @@ export class YooVideoPlayerVideojsComponent {
317
317
  this.subtitlePrepared = false;
318
318
  if (this.player) {
319
319
  const newSrc = this.fallbackSrc[this.currentFallbackSrcIndex];
320
- this.player.src(newSrc);
320
+ this.player.src({ src: getMedia(newSrc.src) });
321
321
  if (this.player.poster) {
322
- this.player.poster(getVideoPoster(newURL));
322
+ this.player.poster(getMedia(getVideoPoster(newURL), { forceCookieUrlParam: true }));
323
323
  }
324
324
  this.player.load();
325
325
  }
@@ -350,7 +350,7 @@ export class YooVideoPlayerVideojsComponent {
350
350
  }
351
351
  renderVideoElement() {
352
352
  var _a;
353
- const poster = isCloudinaryLink(this.poster) ? updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight) : null;
353
+ const poster = isCloudinaryLink(this.poster) ? getMedia(updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight), { forceCookieUrlParam: true }) : null;
354
354
  const newSrc = !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco')) ? new Cloudinary(this.source).quality('eco').getUrl() : this.source;
355
355
  let ext = this.extension || getExtension(newSrc);
356
356
  if (ext === 'mov' || !isVideo(newSrc)) { // Default mov or video link without ext to mp4
@@ -139,7 +139,7 @@ export class YooFormHotzonesCreatorComponent {
139
139
  !this.editor && this.initEditor();
140
140
  this.editor.imageAnnotation = [];
141
141
  this.editorContainer.hidden = !this.value.image;
142
- this.editor.updateImagePreview(this.value.image);
142
+ this.editor.updateImagePreview(getMedia(this.value.image, { forceCookieUrlParam: true }));
143
143
  this.emitValues(ev);
144
144
  }
145
145
  onHotspotImageUpdated(ev, index) {
@@ -137,7 +137,7 @@ const YooFormHotzonesCreatorComponent = class {
137
137
  !this.editor && this.initEditor();
138
138
  this.editor.imageAnnotation = [];
139
139
  this.editorContainer.hidden = !this.value.image;
140
- this.editor.updateImagePreview(this.value.image);
140
+ this.editor.updateImagePreview(getMedia(this.value.image, { forceCookieUrlParam: true }));
141
141
  this.emitValues(ev);
142
142
  }
143
143
  onHotspotImageUpdated(ev, index) {
@@ -68369,9 +68369,9 @@ const YooVideoPlayerVideojsComponent = class {
68369
68369
  this.subtitlePrepared = false;
68370
68370
  if (this.player) {
68371
68371
  const newSrc = this.fallbackSrc[this.currentFallbackSrcIndex];
68372
- this.player.src(newSrc);
68372
+ this.player.src({ src: getMedia(newSrc.src) });
68373
68373
  if (this.player.poster) {
68374
- this.player.poster(getVideoPoster(newURL));
68374
+ this.player.poster(getMedia(getVideoPoster(newURL), { forceCookieUrlParam: true }));
68375
68375
  }
68376
68376
  this.player.load();
68377
68377
  }
@@ -68402,7 +68402,7 @@ const YooVideoPlayerVideojsComponent = class {
68402
68402
  }
68403
68403
  renderVideoElement() {
68404
68404
  var _a;
68405
- const poster = isCloudinaryLink(this.poster) ? updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight) : null;
68405
+ const poster = isCloudinaryLink(this.poster) ? getMedia(updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight), { forceCookieUrlParam: true }) : null;
68406
68406
  const newSrc = !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco')) ? new Cloudinary(this.source).quality('eco').getUrl() : this.source;
68407
68407
  let ext = this.extension || getExtension(newSrc);
68408
68408
  if (ext === 'mov' || !isVideo(newSrc)) { // Default mov or video link without ext to mp4
@@ -137,7 +137,7 @@ const YooFormHotzonesCreatorComponent = class {
137
137
  !this.editor && this.initEditor();
138
138
  this.editor.imageAnnotation = [];
139
139
  this.editorContainer.hidden = !this.value.image;
140
- this.editor.updateImagePreview(this.value.image);
140
+ this.editor.updateImagePreview(getMedia(this.value.image, { forceCookieUrlParam: true }));
141
141
  this.emitValues(ev);
142
142
  }
143
143
  onHotspotImageUpdated(ev, index) {
@@ -68369,9 +68369,9 @@ const YooVideoPlayerVideojsComponent = class {
68369
68369
  this.subtitlePrepared = false;
68370
68370
  if (this.player) {
68371
68371
  const newSrc = this.fallbackSrc[this.currentFallbackSrcIndex];
68372
- this.player.src(newSrc);
68372
+ this.player.src({ src: getMedia(newSrc.src) });
68373
68373
  if (this.player.poster) {
68374
- this.player.poster(getVideoPoster(newURL));
68374
+ this.player.poster(getMedia(getVideoPoster(newURL), { forceCookieUrlParam: true }));
68375
68375
  }
68376
68376
  this.player.load();
68377
68377
  }
@@ -68402,7 +68402,7 @@ const YooVideoPlayerVideojsComponent = class {
68402
68402
  }
68403
68403
  renderVideoElement() {
68404
68404
  var _a;
68405
- const poster = isCloudinaryLink(this.poster) ? updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight) : null;
68405
+ const poster = isCloudinaryLink(this.poster) ? getMedia(updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight), { forceCookieUrlParam: true }) : null;
68406
68406
  const newSrc = !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco')) ? new Cloudinary(this.source).quality('eco').getUrl() : this.source;
68407
68407
  let ext = this.extension || getExtension(newSrc);
68408
68408
  if (ext === 'mov' || !isVideo(newSrc)) { // Default mov or video link without ext to mp4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.7.30",
3
+ "version": "8.7.32",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",