@yoobic/yobi 8.5.0-62 → 8.5.0-64

package/dist/cjs/yoo-user-profile.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
-const entitiesHelpers = require('./entities-helpers-2548b307.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
+const entitiesHelpers = require('./entities-helpers-1047fac5.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-user-wizard.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-4cdf7949.js');
-const index$3 = require('./index-7790c794.js');
+const index$1 = require('./index-9236f182.js');
+const index$3 = require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
-const videoPlayerHelpers = require('./video-player-helpers-b329557d.js');
+const videoPlayerHelpers = require('./video-player-helpers-2ce736f7.js');
 const index$2 = require('./index-dbc0dad6.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
-require('./common-helpers-0724ae60.js');
+require('./common-helpers-266b26c4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerDailymotionCss = "svg:not(:root){overflow:hidden}:host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-9ca0e46c.js');
-const index$2 = require('./index-7790c794.js');
+const index$2 = require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const index = require('./index-4cdf7949.js');
+const index = require('./index-9236f182.js');
 const bufferEs6 = require('./buffer-es6-524a1541.js');
-const localForage = require('./localForage-e47d3702.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
-const videoPlayerHelpers = require('./video-player-helpers-b329557d.js');
+const localForage = require('./localForage-e207e540.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
+const videoPlayerHelpers = require('./video-player-helpers-2ce736f7.js');
 const index$3 = require('./index-dbc0dad6.js');
 require('./index-cb8276bc.js');
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const videoPlayerHelpers = require('./video-player-helpers-b329557d.js');
+const videoPlayerHelpers = require('./video-player-helpers-2ce736f7.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./index-4cdf7949.js');
+require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');
-require('./index-7790c794.js');
-require('./common-helpers-0724ae60.js');
+require('./index-944805e9.js');
+require('./common-helpers-266b26c4.js');
 
 const videoplayerVimeoCss = "svg:not(:root){overflow:hidden}:host iframe{width:100%;background:var(--dark, #000000)}";
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const videoPlayerHelpers = require('./video-player-helpers-b329557d.js');
+require('./index-944805e9.js');
+const videoPlayerHelpers = require('./video-player-helpers-2ce736f7.js');
 const index$1 = require('./index-dbc0dad6.js');
-const index$2 = require('./index-4cdf7949.js');
+const index$2 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
-require('./common-helpers-0724ae60.js');
+require('./common-helpers-266b26c4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerYoutubeCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";

package/dist/cjs/yoo-virtual-item.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$2 = require('./index-7790c794.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$2 = require('./index-944805e9.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-virtual-scroll.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
-const index$1 = require('./index-4cdf7949.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
+const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-waitlist-location-result.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-waitlist-location-start.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-walkthrough.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-web-menu.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-webcam.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-welcome-banner.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-chart.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-small-size.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-tab.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-tile.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
-const index$1 = require('./index-4cdf7949.js');
+require('./index-944805e9.js');
+const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-0724ae60.js');
+const commonHelpers = require('./common-helpers-266b26c4.js');
 const index$4 = require('./index-57c6f364.js');
-const index$2 = require('./index-c178e61e.js');
+const index$2 = require('./index-4680c72e.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-9ca0e46c.js');
-const index = require('./index-4cdf7949.js');
-require('./index-7790c794.js');
+const index = require('./index-9236f182.js');
+require('./index-944805e9.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-7790c794.js');
+require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const index$1 = require('./index-4cdf7949.js');
+const index$1 = require('./index-9236f182.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-cb8276bc.js');
 

package/dist/collection/components/3.organisms/photo-editor/components/menu.js

@@ -1,11 +1,11 @@
 export class Menu {
   constructor(config) {
     this.getOptions = () => {
-      var _a, _b, _c;
+      var _a, _b;
       return {
         extras: {
           start: [this.closeOption],
-          end: ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) === null || _b === void 0 ? void 0 : _b.filter((extraAction) => (extraAction === null || extraAction === void 0 ? void 0 : extraAction.isVisible) ? extraAction.isVisible() : extraAction)) || []
+          end: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) || []
         },
         tools: {
           start: [this.closeOption],
@@ -17,7 +17,7 @@ export class Menu {
         text: {
           start: [
             ...this.formatOptions([
-              `align-${((_c = this.activeStyles) === null || _c === void 0 ? void 0 : _c.textAlignment) || 'center'}`,
+              `align-${((_b = this.activeStyles) === null || _b === void 0 ? void 0 : _b.textAlignment) || 'center'}`,
               `background-${this.isBackgroundOff ? 'off' : 'on'}`
             ]),
             ...[this.predefinedTextsOption]

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -987,8 +987,13 @@ export class YooPhotoEditorComponent {
       const actionName = isIcon ? clickedElement.name : (_a = content === null || content === void 0 ? void 0 : content.toLowerCase()) === null || _a === void 0 ? void 0 : _a.replace('yoobic', '');
       const getEntity = (button, type) => (button === null || button === void 0 ? void 0 : button[type]) && isFunction(button[type]) ? button[type]() : button[type];
       const extraAction = (_b = (this.extraActions || [])) === null || _b === void 0 ? void 0 : _b.find(xa => { var _a, _b; return ((_a = getEntity(xa, 'icon')) === null || _a === void 0 ? void 0 : _a.includes(content)) || ((_b = getEntity(xa, 'content')) === null || _b === void 0 ? void 0 : _b.includes(xa === null || xa === void 0 ? void 0 : xa.icon)); });
-      if (extraAction === null || extraAction === void 0 ? void 0 : extraAction.handler) {
-        extraAction.handler(ev);
+      if (extraAction) {
+        if (extraAction.icon === 'photo-annotated') {
+          this.isReadonly = false;
+        }
+        else {
+          this.extraActionClicked.emit(extraAction);
+        }
       }
       if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {
         const actions = extraAction['subActions'];
@@ -1724,6 +1729,26 @@ export class YooPhotoEditorComponent {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "extraActionClicked",
+        "name": "extraActionClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted to block the swiping action of the slides when drag and dropping an annotation"
+        },
+        "complexType": {
+          "original": "IButton",
+          "resolved": "IButton",
+          "references": {
+            "IButton": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        }
       }, {
         "method": "saveChanges",
         "name": "saveChanges",

package/dist/collection/components/form/form-choice/button/form-choice-button.js

@@ -1,6 +1,6 @@
 import { translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { isString } from 'highcharts';
+import { isString } from 'lodash-es';
 import { getColor, hasWarnings, isSelected, onItemSelect, prepareChoice, updateValue, updateValues } from '../form-choice-helpers';
 import { ReadonlyCard } from '../readonly-card/readonly-card';
 export class YooFormChoiceButtonComponent {

package/dist/collection/components/form/form-choice/readonly-card/readonly-card.js

@@ -1,6 +1,6 @@
 import { translateMulti } from '@shared/utils';
 import { h } from '@stencil/core';
-import { isString } from 'highcharts';
+import { isString } from 'lodash-es';
 export const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   var _a;
   const classes = typeof classNames === 'string' ? classNames : Object.keys(classNames).join(' ');

package/dist/collection/components/form/slides-media/slides-media.css

@@ -395,6 +395,7 @@ svg:not(:root) {
   bottom: auto;
   left: 0;
   z-index: 11;
+  cursor: pointer;
   transition: 0.3s;
 }
 

package/dist/collection/components/form/slides-media/slides-media.js

@@ -406,10 +406,9 @@ export class YooSlidesMediaComponent {
       .filter((item) => (item.isVisible ? item.isVisible(this.currentIndex) : true))
       .map((item) => {
       return (h("yoo-icon", { onClick: (ev) => {
+          var _a;
           ev.stopPropagation();
-          if (item.handler) {
-            item.handler(this.currentIndex);
-          }
+          (_a = item === null || item === void 0 ? void 0 : item.handler) === null || _a === void 0 ? void 0 : _a.call(item, this.currentIndex);
         }, name: item.icon, color: "light" }));
     })));
   }
@@ -453,14 +452,12 @@ export class YooSlidesMediaComponent {
     return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index) {
-    var _a, _b, _c, _d;
-    const extraActions = (this.secondaryActions || [])
-      .filter((item) => (item.isVisible ? item.isVisible(index) : true));
+    var _a, _b, _c, _d, _e;
     return (h("yoo-photo-editor", { id: `${index}`, class: {
         current: index === this.currentIndex,
         light: this.isLight,
         [item === null || item === void 0 ? void 0 : item.extraClass]: !!(item === null || item === void 0 ? void 0 : item.extraClass)
-      }, editable: this.canAnnotate, zoomable: true, ref: (el) => (this.photoEditorElements[index] = el), onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && extraActions, drawings: (_c = (_b = (item.drawings || ((_a = item.photoEditorParams) === null || _a === void 0 ? void 0 : _a.drawings) || '')) !== null && _b !== void 0 ? _b : item.edit) !== null && _c !== void 0 ? _c : item.svgData, annotations: item.annotations || ((_d = item.photoEditorParams) === null || _d === void 0 ? void 0 : _d.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; })), drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onExtraActionClicked: (ev) => { var _a, _b; return (_b = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.handler) === null || _b === void 0 ? void 0 : _b.call(_a, this.currentIndex); }, onSaveChanges: (ev) => {
         if (ev === null || ev === void 0 ? void 0 : ev.detail) {
           const { drawings, annotations } = ev.detail;
           this.items[index] = { ...this.items[index], drawings, annotations };

package/dist/collection/components/grid/grid-calendar/grid-calendar.js

@@ -1,8 +1,7 @@
 import { ATTENDANCE_TRANSLATIONS, CALENDAR_TRANSLATIONS, QuickviewModaNoTopClass, WaitlistAPIDateFormat } from '@shared/interfaces';
 import { dateAdd, dateDiff, dateFormat, getAsyncExtraData, getCalendarParticipantStatusColor, getCssColor, getCurrentLanguage, getEventStatusInfo, getEventTypeColor, getRecurrences, getStartDayOfWeek, getUrlParameterByName, isWeb, toMinutes, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
-import { isArray } from 'highcharts';
-import { assign, compact, flatten, get, remove, sumBy } from 'lodash-es';
+import { assign, compact, flatten, get, isArray, remove, sumBy } from 'lodash-es';
 import tippy from 'tippy.js';
 import { getMissionColor } from '../../../feature-operate/campaign/helpers/operation-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';

package/dist/collection/feature-communicate/chat/chat/chat.js

@@ -1,5 +1,5 @@
 import { BroadcastType, MessageType } from '@shared/interfaces';
-import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, findParent, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
+import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { isFinite } from 'lodash-es';
 import { getButton } from '../../../utils/button.factory';
@@ -72,7 +72,7 @@ export class YooChatComponent {
     const findIndex = mediaMessages.findIndex(m => (m === null || m === void 0 ? void 0 : m.timetoken) === ev.detail.timetoken);
     const items = parseMediaMessageForSlidesMedia(mediaMessages);
     const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages) || {};
-    const secondaryActions = this.getMediaSecondaryActions(findIndex, items, mediaMessages);
+    const secondaryActions = this.getMediaSecondaryActions(items, mediaMessages);
     showSlidesMedia(this.host, {
       items,
       currentSlideIndex: findIndex,
@@ -338,29 +338,23 @@ export class YooChatComponent {
       this.scroll.scrollByPoint(0, scrollDistance, 300);
     }
   }
-  getMediaSecondaryActions(findIndex, items, mediaMessages) {
+  getMediaSecondaryActions(items, mediaMessages) {
     return [
       {
         icon: 'photo-annotated',
-        isVisible: (index) => {
-          if (!(index >= 0)) {
+        isVisible: (currentIndex) => {
+          if (currentIndex < 0) {
             return true;
           }
-          const { item } = this.getCurrentItemAndMessage(index, items, mediaMessages);
+          const { item } = this.getCurrentItemAndMessage(currentIndex, items, mediaMessages) || {};
           return item && !(isVideo(item.value) || isGif(item.value));
-        },
-        handler: (event) => {
-          if (event === null || event === void 0 ? void 0 : event.target) {
-            const photoEditor = findParent(event === null || event === void 0 ? void 0 : event.target, 'yoo-photo-editor');
-            photoEditor.isReadonly = false;
-          }
         }
       },
       {
         icon: 'download',
         isVisible: () => true,
-        handler: () => {
-          const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages);
+        handler: (currentIndex) => {
+          const { message, item } = this.getCurrentItemAndMessage(currentIndex, items, mediaMessages) || {};
           if (!message || !item) {
             return;
           }

package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.js

@@ -78,7 +78,7 @@ export class YooAnnouncementHeadingComponent {
     const announcementProgress = getMissionProgress(this.mission);
     const renderProgress = ((_b = (_a = this.mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
     if (!this.isLayoutFeed && (announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
-      return h("div", { class: "progress" }, h("yoo-progress-bar", { animated: this.animated, class: "chromatic-ignore", "data-chromatic": "ignore", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), h("yoo-truncate", { style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max }))));
+      return h("div", { class: "progress" }, h("yoo-progress-bar", { animated: this.animated, shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), h("yoo-truncate", { style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max }))));
     }
   }
   renderDueDate(dueDate) {

package/dist/collection/feature-operate/mission/mission-heading/mission-heading.js

@@ -16,7 +16,7 @@ export class YooMissionHeadingComponent {
   renderActionPlanProgress() {
     const actionProgress = getMissionProgress(this.mission);
     if ((actionProgress === null || actionProgress === void 0 ? void 0 : actionProgress.value) >= 0) {
-      return h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, h("yoo-progress-bar", { class: "chromatic-ignore", "data-chromatic": "ignore", shape: "circle", animated: this.animated, hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
+      return h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, h("yoo-progress-bar", { shape: "circle", animated: this.animated, hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
     }
     return null;
   }

package/dist/{esm/button.factory-0bfd7322.js → design-system/button.factory-42e6d7c8.js}

@@ -1,4 +1,4 @@
-import { a3 as translateMulti } from './index-b758fb25.js';
+import { a3 as translateMulti } from './index-9e87cea3.js';
 import { h } from './index-a6a92b3d.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-1ebce521.js → design-system/camera-helpers-908e2dfc.js}

@@ -1,5 +1,5 @@
-import { cx as cordova, cy as AwesomeCordovaNativePlugin, cz as cordovaPropertyGet, cA as cordovaPropertySet, cB as registerPlugin, a8 as getSession, cC as isIonic, o as isNativeMobile, cD as Device, p as isAndroid, N as isIOS, cE as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-b758fb25.js';
-import './index-263fef3a.js';
+import { cx as cordova, cy as AwesomeCordovaNativePlugin, cz as cordovaPropertyGet, cA as cordovaPropertySet, cB as registerPlugin, a8 as getSession, cC as isIonic, o as isNativeMobile, cD as Device, p as isAndroid, N as isIOS, cE as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-9e87cea3.js';
+import './index-8ba1a121.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-031d6073.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-d1cd58c4.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-48d71dec.js → chat-helpers-d8de689a.js}

@@ -1,6 +1,6 @@
-import './index-263fef3a.js';
+import './index-8ba1a121.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-b758fb25.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-9e87cea3.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-a780c26f.js → design-system/common-helpers-3b193836.js}

@@ -1,5 +1,5 @@
-import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-b758fb25.js';
-import './index-263fef3a.js';
+import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-9e87cea3.js';
+import './index-8ba1a121.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {