@yoobic/yobi 8.7.29 → 8.7.30

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-1961ddb4.js');
+require('./index-caf599ff.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-6f10100a.js');
+const index$1 = require('./index-27ec46bf.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-const index$1 = require('./index-1961ddb4.js');
-const index$2 = require('./index-6f10100a.js');
+const index$1 = require('./index-caf599ff.js');
+const index$2 = require('./index-27ec46bf.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-1961ddb4.js');
-const index$1 = require('./index-6f10100a.js');
+require('./index-caf599ff.js');
+const index$1 = require('./index-27ec46bf.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-1961ddb4.js');
+require('./index-caf599ff.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-6f10100a.js');
+const index$1 = require('./index-27ec46bf.js');
 require('./index-3d49ff1c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-1961ddb4.js');
+require('./index-caf599ff.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-bb9e4aab.js');
+const commonHelpers = require('./common-helpers-fd051f6a.js');
 const lodash = require('./lodash-036555ce.js');
 const index$4 = require('./index-52388f6b.js');
-const index$2 = require('./index-f0df9684.js');
+const index$2 = require('./index-9f6d2351.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-6f10100a.js');
+const index$1 = require('./index-27ec46bf.js');
 require('./index-3d49ff1c.js');
-require('./annotations-helpers-8a6fe20d.js');
+require('./annotations-helpers-d100ffc1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .animated-illustration-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .animated-illustration-with-text h2{margin-top:unset;margin-bottom:unset}:host .animated-illustration-with-text div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .animated-illustration-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .animated-illustration-with-text yoo-animated-illustration{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e5fa8107.js');
-const index = require('./index-6f10100a.js');
-require('./index-1961ddb4.js');
+const index = require('./index-27ec46bf.js');
+require('./index-caf599ff.js');
 require('./index-3d49ff1c.js');
 require('./lodash-036555ce.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-1961ddb4.js');
-const annotationsHelpers = require('./annotations-helpers-8a6fe20d.js');
-const commonHelpers = require('./common-helpers-bb9e4aab.js');
+require('./index-caf599ff.js');
+const annotationsHelpers = require('./annotations-helpers-d100ffc1.js');
+const commonHelpers = require('./common-helpers-fd051f6a.js');
 const hammerHelpers = require('./hammer-helpers-0f5da5af.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-6f10100a.js');
+const index$1 = require('./index-27ec46bf.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-3d49ff1c.js');
 

package/dist/collection/components/1.atoms/markdown/markdown.js

@@ -1,4 +1,4 @@
-import { cleanupWKWebViewFilePath, getKeyToCache, getURLs, isOffline, isYoobicSecuredDocTenant, setSecuredContent, translate, translateMulti } from '@shared/utils';
+import { getKeyToCache, getMedia, getURLs, isOffline, isYoobicSecuredDocTenant, setSecuredContent, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getFromLocalForage } from '@yobi/utils/cache/local-forage';
 import { openImageDetailFromRTE } from '@yobi/utils/helpers/common-helpers';
@@ -31,7 +31,7 @@ export class YooMarkdownComponent {
       for (const url of markdownUrls) {
         const cachedFile = await getFromLocalForage(getKeyToCache(url));
         if (cachedFile) {
-          this.treatedContent = translateMulti(this.treatedContent).replace(url, (cleanupWKWebViewFilePath(cachedFile)));
+          this.treatedContent = translateMulti(this.treatedContent).replace(url, (getMedia(cachedFile)));
         }
       }
       this.treatedContent = setSecuredContent(this.treatedContent);

package/dist/collection/components/2.molecules/audio-player/audio-player.js

@@ -1,4 +1,4 @@
-import { changeExtension, cleanupWKWebViewFilePath, Cloudinary, getAudioDuration, getMedia, getUUID, isCloudinaryLink, isFile, isFirefox, isNativeMobile, isWeb, translate } from '@shared/utils';
+import { changeExtension, Cloudinary, getAudioDuration, getMedia, getUUID, isCloudinaryLink, isFile, isFirefox, isNativeMobile, isWeb, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getFromOfflineStorage } from '@yobi/utils/cache/local-forage';
 export class YooAudioPlayerComponent {
@@ -46,15 +46,14 @@ export class YooAudioPlayerComponent {
     if (!isNativeMobile() && isFile(newSrc)) {
       newSrc = URL.createObjectURL(newSrc);
     }
-    newSrc = getMedia(newSrc);
-    return cleanupWKWebViewFilePath(newSrc);
+    return getMedia(newSrc);
   }
   fixCloudinarySource(str) {
     if (isCloudinaryLink(str)) {
       str = new Cloudinary(str).boost(this.boost).getUrl();
       str = changeExtension(str, 'wav');
     }
-    return str;
+    return getMedia(str);
   }
   async initPlayer(soureUpdate) {
     let src = (await this.initSrc()) || this.src;

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

@@ -1066,6 +1066,7 @@ export class YooPhotoEditorComponent {
     }
     if (this.changes.drawings || this.hasImageBeenCleaned) {
       this.drawings = this.hasImageBeenCleaned || isCanvasBlank(this.canvasContext) ? '' : await this.getDrawingsUrl();
+      this.savedDrawings = this.canvasElement.toDataURL();
     }
     this.savedAnnotations = cloneDeep(this.annotations);
     const savedChanges = {

package/dist/collection/components/form/form-document/form-document.js

@@ -3,6 +3,7 @@ import { getAsyncExtraData, getExtension, getIconColor, getIconName, getType, is
 import { h, Host } from '@stencil/core';
 import { getFromOfflineStorage } from '@yobi/utils/cache/local-forage';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
+import { isString } from 'lodash-es';
 export class YooFormDocumentComponent {
   constructor() {
     this.isVideo = false;
@@ -79,7 +80,7 @@ export class YooFormDocumentComponent {
     var _a, _b, _c;
     const modal = document.createElement('yoo-form-document-dialog');
     const getAnimation = (enterLeave) => (isWeb(this.host) ? `fade${enterLeave}Animation` : `slideY${enterLeave}Animation`);
-    modal.document = Object.assign(this.document, { _downloadURL: base64 || ((_a = this.document) === null || _a === void 0 ? void 0 : _a._downloadURL) });
+    modal.document = isString(this.document) ? { _downloadURL: this.document } : Object.assign(this.document, { _downloadURL: base64 || ((_a = this.document) === null || _a === void 0 ? void 0 : _a._downloadURL) });
     modal.allowOrientation = this.allowOrientation;
     modal.hideSecondaryActions = this.hideSecondaryActions;
     const type = getType(this.document);

package/dist/collection/components/form/form-document-dialog/form-document-dialog.css

@@ -244,6 +244,14 @@ svg:not(:root) {
   background: var(--light, #ffffff);
   border: none;
 }
+:host yoo-ion-content .not-found-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  background: var(--light, #ffffff);
+}
 
 :host(.with-box) yoo-ion-content {
   position: relative;

package/dist/collection/components/form/form-document-dialog/form-document-dialog.js

@@ -1,5 +1,5 @@
 import { ScreenOrientation } from '@awesome-cordova-plugins/screen-orientation';
-import { changeExtension, closeModal, Cloudinary, dispatchCustomEvent, downloadFile, downloadFileToDevice, fileNativeCheckFile, getAsyncExtraData, getExtension, getNativeDirectory, getPermissions, getSession, getType, isAndroid, isAudio, isCloudinaryLink, isDateBefore, isDocumentDownloadSupported, isDocumentEmailSupported, isFile, isIOS, isNativeFilePath, isNativeMobile, isVideo, isWeb, pipes, showActionSheet, showPdfOnDevice, translate } from '@shared/utils';
+import { changeExtension, closeModal, Cloudinary, dispatchCustomEvent, downloadFile, downloadFileToDevice, fileNativeCheckFile, getAsyncExtraData, getExtension, getMedia, getNativeDirectory, getPermissions, getSession, getType, isAndroid, isAudio, isCloudinaryLink, isDateBefore, isDocumentDownloadSupported, isDocumentEmailSupported, isFile, isIOS, isNativeFilePath, isNativeMobile, isVideo, isWeb, pipes, showActionSheet, showPdfOnDevice, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getFromOfflineStorage } from '@yobi/utils/cache/local-forage';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
@@ -22,6 +22,7 @@ export class YooFormDocumentDialogComponent {
     this.selectionMode = undefined;
     this.hideSecondaryActions = undefined;
     this.isLoading = undefined;
+    this.notFound = undefined;
   }
   async componentWillLoad() {
     var _a, _b;
@@ -69,7 +70,7 @@ export class YooFormDocumentDialogComponent {
         icon: 'email',
         iconColor: 'dark',
         cssClass: isWeb(this.host) ? 'bg-app-color-hover' : 'bg-app-color light',
-        isVisible: () => { var _a; return isDocumentEmailSupported(this.document) && !((_a = getSession()) === null || _a === void 0 ? void 0 : _a.isExternal) && getPermissions().canShareByEmail; },
+        isVisible: () => { var _a, _b, _c; return isDocumentEmailSupported(this.document) && !((_a = getSession()) === null || _a === void 0 ? void 0 : _a.isExternal) && getPermissions().canShareByEmail && !((_c = (_b = getSession()) === null || _b === void 0 ? void 0 : _b.tenant) === null || _c === void 0 ? void 0 : _c.securedDoc); },
         handler: () => {
           getAsyncExtraData({
             type: 'email-dialog',
@@ -133,6 +134,7 @@ export class YooFormDocumentDialogComponent {
       }
       if (this.url) {
         this.url = new Cloudinary(this.url).getUrl();
+        this.url = getMedia(this.url);
       }
     }
   }
@@ -236,6 +238,7 @@ export class YooFormDocumentDialogComponent {
   }
   initBox() {
     var _a;
+    this.notFound = false;
     if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.boxId) && this.type !== 'video') { // Prevent video documents from opening with box if boxId is defined
       return getAsyncExtraData({
         type: 'box-session',
@@ -246,6 +249,10 @@ export class YooFormDocumentDialogComponent {
           this.openBoxLink(session.expiring_embed_link.url);
           this.isLoading = false;
         }
+        else if ((session === null || session === void 0 ? void 0 : session.error) === 'notfound') {
+          this.notFound = true;
+          this.isLoading = false;
+        }
         else {
           this.isLoading = false;
         }
@@ -307,7 +314,7 @@ export class YooFormDocumentDialogComponent {
     }
   }
   renderDocumentViewer() {
-    return h("iframe", { ref: (el) => (this.documentViewerContainer = el), class: "box-frame" });
+    return this.notFound ? h("div", { class: "not-found-container" }, h("yoo-illustration", { type: "error" }), h("div", null, translate('NOTFOUND'))) : h("iframe", { ref: (el) => (this.documentViewerContainer = el), class: "box-frame" });
   }
   renderHeader() {
     var _a;
@@ -573,7 +580,8 @@ export class YooFormDocumentDialogComponent {
   }
   static get states() {
     return {
-      "isLoading": {}
+      "isLoading": {},
+      "notFound": {}
     };
   }
   static get elementRef() { return "host"; }

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -4287,6 +4287,7 @@ export class YooFormDynamicComponent {
           showSelectAll: field.returnQuery,
           isSelectionMode: field.multiple,
           headerLink: field.gridHeaderLink,
+          preserveRemovedSelections: field.preserveRemovedSelections,
           headerLinkHandler: field.gridHeaderLinkHandler,
           getCustomDataLoader: field.gridGetCustomDataLoader,
           showAdvancedQueryBuilder: field.showAdvancedQueryBuilder,

package/dist/collection/components/form/form-hotzones-creator/form-hotzones-creator.js

@@ -1,4 +1,4 @@
-import { getCssColor, hexToRgbArray, translate, translateMulti } from '@shared/utils';
+import { getCssColor, getMedia, hexToRgbArray, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { 
 //  Editor factory method
@@ -46,7 +46,7 @@ export class YooFormHotzonesCreatorComponent {
   initEditor() {
     var _a, _b, _c, _d, _e;
     this.editor = appendDefaultEditor(this.previewElement, {
-      src: this.value.image,
+      src: getMedia(this.value.image, { forceCookieUrlParam: true }),
       imageCropLimitToImage: false,
       imageReader: createDefaultImageReader(),
       imageWriter: createDefaultImageWriter(),

package/dist/collection/components/form/form-image-collection/form-image-collection.js

@@ -1,4 +1,4 @@
-import { closeModal, getMedia, isWeb, parseMarkDown, replaceAllLinks, showModal, translate, translateMulti } from '@shared/utils';
+import { closeModal, getMedia, isWeb, parseMarkDown, replaceAllLinks, secureUrlsFromContent, showModal, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getFromOfflineStorage } from '@yobi/utils/cache';
 import { getAppContext, openImageDetailFromRTE } from '@yobi/utils/helpers/common-helpers';
@@ -61,7 +61,7 @@ export class YooFormImageCollectionComponent {
     return [
       h("yoo-navbar", { class: "transparent" }, h("yoo-icon", { slot: "start", name: "close", onClick: () => closeModal(null) })),
       [
-        h("section", { id: "content" }, image && h("yoo-img", { src: image, contained: true }), description && (h("div", { class: "description fr-view", onClick: ({ target }) => openImageDetailFromRTE(this.host, target, target === null || target === void 0 ? void 0 : target['src']), innerHTML: replaceAllLinks(parseMarkDown(translateMulti(description)), true) }))),
+        h("section", { id: "content" }, image && h("yoo-img", { src: image, contained: true }), description && (h("div", { class: "description fr-view", onClick: ({ target }) => openImageDetailFromRTE(this.host, target, target === null || target === void 0 ? void 0 : target['src']), innerHTML: secureUrlsFromContent(replaceAllLinks(parseMarkDown(translateMulti(description)), true)) }))),
         h("footer", null, h("yoo-button", { class: "min-width", onClick: () => closeModal(null), color: "app-color", size: isWeb(this.host) ? 'medium' : 'large' }, translate('YOOBICDONE')))
       ]
     ];

package/dist/collection/components/form/form-image-tagging/form-image-tagging.js

@@ -99,7 +99,7 @@ export class YooFormImageTaggingComponent {
   }
   async prepareImage() {
     var _a;
-    this.imageSrc = await getMedia(await getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL), { forceCookieUrlParam: true });
+    this.imageSrc = await getMedia(await getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL), { forceCookieUrlParam: false });
   }
   init() {
     this.mutationObserver = new MutationObserver((entries) => {

package/dist/collection/components/form/form-input-container/form-input-container.js

@@ -1,5 +1,5 @@
 import { FormFieldType } from '@shared/interfaces';
-import { addKeyboardEventListener, debounce, getKeyToCache, getMedia, getURLs, isFieldWithNoValue, isFormulaField, isNativeMobile, isOffline, isWeb, isYoobicSecuredDocTenant, pipes, translate, translateMulti } from '@shared/utils';
+import { addKeyboardEventListener, debounce, getKeyToCache, getMedia, getURLs, isFieldWithNoValue, isFormulaField, isNativeMobile, isOffline, isWeb, isYoobicSecuredDocTenant, pipes, secureUrlsFromContent, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getFromLocalForage } from '@yobi/utils/cache';
 import { getAppContext, openImageDetailFromRTE, querySelectorDeep } from '@yobi/utils/helpers/common-helpers';
@@ -256,7 +256,7 @@ export class YooFormInputContainerComponent {
     return (h("div", { ref: (el) => (this.descriptionElement = el), onClick: (ev) => this.onRTEContentClick(ev), class: (this.isMedia(true) ? 'media-description fr-view' : 'description fr-view') +
         (this.invalid ? ' invalid ' : ' ') +
         this.getComponentDescriptionExtraClass() +
-        (this.field.showDescriptionAndTitle ? 'sub-description' : '') }, h("span", { class: "field-description", innerHTML: translateMulti(this.field.description) }), h("div", { class: "flex-wrap" }, this.renderOptional()), h("span", { class: "extra-options-container" }, this.renderRightSide(!!this.field.title && !!this.field.help))));
+        (this.field.showDescriptionAndTitle ? 'sub-description' : '') }, h("span", { class: "field-description", innerHTML: secureUrlsFromContent(translateMulti(this.field.description)) }), h("div", { class: "flex-wrap" }, this.renderOptional()), h("span", { class: "extra-options-container" }, this.renderRightSide(!!this.field.title && !!this.field.help))));
   }
   renderOptional() {
     return this.showOptional() && h("span", { class: "optional" }, " (", translate('OPTIONAL'), ")");

package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.js

@@ -1,5 +1,5 @@
 import { ESwipeCardsDirection, ESwipeCardsMode } from '@shared/interfaces';
-import { changeHexOpacity, Draggable, findParent, getCssColor, getMedia, getUUID, gsapSet, gsapTimeline, gsapTo, isCloudinaryLink, isIOS, isNativeMobile, isWeb, Power1, translate, translateMulti } from '@shared/utils';
+import { changeHexOpacity, Draggable, findParent, getCssColor, getUUID, gsapSet, gsapTimeline, gsapTo, isCloudinaryLink, isIOS, isNativeMobile, isWeb, Power1, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { hasDuplicates, showWarningBanner } from '@yobi/utils/helpers/draggable-tags-helpers';
@@ -409,7 +409,7 @@ export class YooFormSwipeCardsComponent {
         }, ref: (el) => (this.cardsElements[i] = el), ...{
           type: this.mode,
           ...(swipedDirection && { direction: swipedDirection })
-        } }, this.hasImage && (h("div", { class: "content-image" }, h("yoo-img", { instant: true, src: getMedia(value['_downloadURL']) }))), this.hasText && h("div", { class: "content-text" }, translateMulti((value === null || value === void 0 ? void 0 : value['_filename']) || value))));
+        } }, this.hasImage && (h("div", { class: "content-image" }, h("yoo-img", { instant: true, src: value['_downloadURL'] }))), this.hasText && h("div", { class: "content-text" }, translateMulti((value === null || value === void 0 ? void 0 : value['_filename']) || value))));
     })));
   }
   renderInstructionCategory(side) {

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -47,7 +47,7 @@ import 'froala-editor/js/languages/uk';
 import 'froala-editor/js/languages/zh_cn';
 import 'froala-editor/js/languages/zh_tw';
 import 'froala-editor/js/languages/vi';
-import { addKeyboardEventListener, asyncWaterfall, closeModal, debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getPermissions, getSession, getUUID, getVideoPoster, images, isAndroid, isCloudinaryLink, isImageUrl, isIOS, isNativeMobile, isSafari, isVideo, isWeb as _isWeb, removeKeyboardEventListeners, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
+import { addKeyboardEventListener, asyncWaterfall, closeModal, debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getPermissions, getSession, getUUID, getVideoPoster, images, isAndroid, isCloudinaryLink, isImageUrl, isIOS, isNativeMobile, isSafari, isVideo, isWeb as _isWeb, removeKeyboardEventListeners, replaceAtTagToMentionTag, secureUrlsFromContent, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext, removeHtmlFromString } from '@yobi/utils/helpers/common-helpers';
 import { sanitizeMentionTag } from '@yobi/utils/helpers/entities-helpers';
@@ -1035,7 +1035,7 @@ export class YooFormTextEditorComponent {
     return h("ng-form-ai", { onInputChanged: (ev) => this.onAIFormValueChanged(ev === null || ev === void 0 ? void 0 : ev.detail) });
   }
   render() {
-    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly && h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' }), !this.readonly && h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (h("yoo-links-preview", { onInputChanged: ev => ev.stopPropagation(), closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && this.hasAI() && this.renderAIForm()));
+    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly && h("div", { class: "readonly fr-view", innerHTML: secureUrlsFromContent(translateMulti(this.value)) || '' }), !this.readonly && h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (h("yoo-links-preview", { onInputChanged: ev => ev.stopPropagation(), closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && this.hasAI() && this.renderAIForm()));
   }
   static get is() { return "yoo-form-text-editor"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.js

@@ -1,5 +1,5 @@
 import { IUser } from '@shared/interfaces';
-import { dateFormat, fromToday, getCssColor, getUserDisplayName, isDateAfter, isDateSame, isNativeMobile, isToday, isWeb, showActionSheet, translate, translateMulti } from '@shared/utils';
+import { dateFormat, fromToday, getCssColor, getMedia, getUserDisplayName, isDateAfter, isDateSame, isNativeMobile, isToday, isWeb, showActionSheet, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { cloneDeep, compact, lowerFirst, pick } from 'lodash-es';
@@ -226,7 +226,7 @@ export class YooFormTodoMissionComponent {
       renderPhotoField = isphotorequired || ((_c = task.showPhotos) === null || _c === void 0 ? void 0 : _c.value);
     }
     return (!!renderPhotoField &&
-      h("section", { id: "photo", ...{ editModePhoto: !readonlyPhoto } }, h("photo-header", { ...{ withComments: (_d = task.showComments) === null || _d === void 0 ? void 0 : _d.value } }, h("p", { class: "photo-title" }, translate('YOOBICPHOTO').toUpperCase()), !isphotorequired && h("p", { class: "photo-optional" }, "(", translate('OPTIONAL'), ")")), h("yoo-form-capture", { value: task.imageData, allowLibrary: !!((_e = task.allowLibrary) === null || _e === void 0 ? void 0 : _e.value), disabled: disabled, readonly: readonlyPhoto && !disabled, size: readonlyPhoto && !disabled ? 'small' : 'large', instant: this.instant, type: "photo", onInputChanged: (event) => {
+      h("section", { id: "photo", ...{ editModePhoto: !readonlyPhoto } }, h("photo-header", { ...{ withComments: (_d = task.showComments) === null || _d === void 0 ? void 0 : _d.value } }, h("p", { class: "photo-title" }, translate('YOOBICPHOTO').toUpperCase()), !isphotorequired && h("p", { class: "photo-optional" }, "(", translate('OPTIONAL'), ")")), h("yoo-form-capture", { value: getMedia(task.imageData), allowLibrary: !!((_e = task.allowLibrary) === null || _e === void 0 ? void 0 : _e.value), disabled: disabled, readonly: readonlyPhoto && !disabled, size: readonlyPhoto && !disabled ? 'small' : 'large', instant: this.instant, type: "photo", onInputChanged: (event) => {
           const updatedTask = this.values[index];
           updatedTask.hasphoto = { value: true };
           updatedTask.imageData = event.detail;

package/dist/collection/components/form/scratch-card/scratch-card.js

@@ -10,10 +10,6 @@ export class YooScratchCardComponent {
     this.isLoading = true;
   }
   async onValuesChanged() {
-    var _a, _b;
-    if ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.image) {
-      this.data.content.image = getMedia(this.data.content.image);
-    }
     this.canvasSrc = await this.getCanvasSrc();
     await this.initCanvas();
   }
@@ -72,10 +68,6 @@ export class YooScratchCardComponent {
     return getCanvasContext(this.canvasElement);
   }
   async componentWillLoad() {
-    var _a, _b;
-    if ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.image) {
-      this.data.content.image = getMedia(this.data.content.image);
-    }
     this.canvasSrc = await this.getCanvasSrc();
   }
   componentDidLoad() {

package/dist/collection/components/form-creator/form-creator-translate/form-creator-translate.js

@@ -17,7 +17,7 @@ export class YooFormCreatorTranslateComponent {
       }
     ];
     this.onItemSelected = debounce((ev) => {
-      if (!this.isTranslator) {
+      if (!this.isTranslator && !this.areTranslationsLocked) {
         this.onLanguageEdit(ev.detail);
       }
     }, 500);
@@ -236,15 +236,17 @@ export class YooFormCreatorTranslateComponent {
     }
   }
   onCellClicked(event) {
-    this.keySelectedOnClick.emit(event.detail.data.key);
-    if (this.isTranslator) {
-      let fieldName;
-      let isKeyPresent;
-      this.slides.forEach((slide) => {
-        const { fieldNameUpdated } = checkIfKeyIsInPage(fieldName, isKeyPresent, `%${event.detail.data.key}%`, slide, `%${event.detail.data.key}%`);
-        fieldName = fieldNameUpdated;
-      });
-      this.bilingualViewClicked.emit({ name: fieldName, initialSelectedLanguage: event.detail.colDef.field });
+    if (!this.areTranslationsLocked) {
+      this.keySelectedOnClick.emit(event.detail.data.key);
+      if (this.isTranslator) {
+        let fieldName;
+        let isKeyPresent;
+        this.slides.forEach((slide) => {
+          const { fieldNameUpdated } = checkIfKeyIsInPage(fieldName, isKeyPresent, `%${event.detail.data.key}%`, slide, `%${event.detail.data.key}%`);
+          fieldName = fieldNameUpdated;
+        });
+        this.bilingualViewClicked.emit({ name: fieldName, initialSelectedLanguage: event.detail.colDef.field });
+      }
     }
   }
   onLanguageDeleteAllConfirm() {
@@ -572,7 +574,7 @@ export class YooFormCreatorTranslateComponent {
   }
   renderTranslationGrid() {
     const displayItems = getDisplayItems(this.items, !isNil(this.plan)).filter(({ _id }) => _id);
-    return h("div", { class: "grid-container" }, h("yoo-grid", { class: "full-width", ref: (el) => (this.grid = el), gridConfig: this.gridConfig, displayType: "card-grid", items: displayItems, isLocal: true, animatedIllustration: "translation", onSelected: (ev) => this.onItemSelected(ev), onCellClicked: (ev) => this.onCellClicked(ev), secondaryActions: this.secondaryActions }));
+    return h("div", { class: "grid-container" }, h("yoo-grid", { class: "full-width", ref: (el) => (this.grid = el), gridConfig: this.gridConfig, displayType: "card-grid", items: displayItems, isReadonly: this.areTranslationsLocked, isLocal: true, animatedIllustration: "translation", onSelected: (ev) => this.onItemSelected(ev), onCellClicked: (ev) => this.onCellClicked(ev), secondaryActions: this.secondaryActions }));
   }
   render() {
     var _a, _b, _c, _d, _e, _f;

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

@@ -1075,9 +1075,13 @@ export class YooGridComponent {
           })) || []) : [];
           params.api.forEachNode((node) => {
             if (node.id) {
-              if (node.isSelected() === false && this.findIndex(node.data, true) < 0) {
+              const index = this.findIndex(node.data, true);
+              if (node.isSelected() === false && index < 0) {
                 this.selectionRemoved.push(node.data);
               }
+              else if (this.preserveRemovedSelections && node.isSelected() === true && index >= 0) {
+                this.selectionRemoved.splice(index, 1);
+              }
             }
           });
           this.removed.emit(this.selectionRemoved);

package/dist/collection/feature-communicate/document/card-file/card-file.js

@@ -1,4 +1,4 @@
-import { getDocumentDownloadOptions, getExtension, getIconColor, getIconName, getType, isAudio, isImage, isImageUrl, isIOS, isVideo, pipes, showActionSheet, toPng } from '@shared/utils';
+import { getDocumentDownloadOptions, getExtension, getIconColor, getIconName, getMedia, getType, isAudio, isImage, isImageUrl, isIOS, isVideo, pipes, showActionSheet, toPng } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { execHandlerAndStopEvent } from '@yobi/utils/helpers/common-helpers';
 export class YooCardFileComponent {
@@ -48,7 +48,7 @@ export class YooCardFileComponent {
     this.fileSrc = ((_a = this.file) === null || _a === void 0 ? void 0 : _a['_downloadURL']) || this.file;
     if (typeof this.file === 'string') {
       try {
-        const response = await fetch(this.file);
+        const response = await fetch(getMedia(this.file, { forceCookieUrlParam: true }));
         const blobData = await (response === null || response === void 0 ? void 0 : response.blob());
         const fileName = this.file.split('/').pop();
         blobData && (this.localFile = new File([blobData], fileName, { type: blobData === null || blobData === void 0 ? void 0 : blobData.type }));

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.js

@@ -1,4 +1,4 @@
-import { closeModal, dispatchCustomEvent, getSession, getUserDisplayName, getUUID, hasAttachment, intersectionObserve, isCampaignFeed, isCampaignTodo, isFieldWithNoValue, isIntersectionObserverSupported, isMedia, isVideo, isWeb, parseMarkDown, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, setSecuredContent, showActionSheet, translate, translateMulti } from '@shared/utils';
+import { closeModal, dispatchCustomEvent, getSession, getUserDisplayName, getUUID, hasAttachment, intersectionObserve, isCampaignFeed, isCampaignTodo, isFieldWithNoValue, isIntersectionObserverSupported, isMedia, isVideo, isWeb, parseMarkDown, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, secureUrlsFromContent, setSecuredContent, showActionSheet, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getButton } from '@yobi/utils/button.factory';
 import { execHandlerAndStopEvent, getAppContext, openImageDetailFromRTE } from '@yobi/utils/helpers/common-helpers';
@@ -196,7 +196,7 @@ export class YooCardFeedComponent {
     const preventNewLine = (_a = this.entry.description) === null || _a === void 0 ? void 0 : _a.includes('name="slide"');
     const content = parseMarkDown(replaceAllLinks(this.entry.description, preventNewLine), true);
     return this.modalMode ? h("div", { ref: (el) => this.textElement = el, onClick: (ev) => { var _a; return openImageDetailFromRTE(this.host, this.textElement, (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a['src']); }, innerHTML: content }) :
-      h("yoo-truncate", { class: "card-feeds", maxLength: 20, byWords: true, replaceBreakWithClosed: true, showEllipsisButton: !this.isBlog(), onContentToggled: (ev) => this.viewMoreToggled.emit(ev.detail), content: replaceAllLinks(this.entry.description, preventNewLine) });
+      h("yoo-truncate", { class: "card-feeds", maxLength: 20, byWords: true, replaceBreakWithClosed: true, showEllipsisButton: !this.isBlog(), onContentToggled: (ev) => this.viewMoreToggled.emit(ev.detail), content: secureUrlsFromContent(replaceAllLinks(this.entry.description, preventNewLine)) });
   }
   renderEntryDescription() {
     return (h("div", { class: {

package/dist/{esm/annotations-helpers-77768f03.js → design-system/annotations-helpers-8a541ff8.js}

@@ -1,5 +1,5 @@
-import './index-62980cf2.js';
-import { b9 as getUUID } from './index-9f599533.js';
+import './index-c3bcaec0.js';
+import { b9 as getUUID } from './index-56657403.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/{esm/button.factory-92f8d79c.js → design-system/button.factory-51309ec2.js}

@@ -1,4 +1,4 @@
-import { ae as translateMulti } from './index-9f599533.js';
+import { ae as translateMulti } from './index-56657403.js';
 import { h } from './index-23b437f1.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-5fa86ef0.js → design-system/camera-helpers-03901e6f.js}

@@ -1,5 +1,5 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-9f599533.js';
-import './index-62980cf2.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-56657403.js';
+import './index-c3bcaec0.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-80b80713.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-641a36f4.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-2e58f2aa.js → chat-helpers-2db5b97d.js}

@@ -1,6 +1,6 @@
-import './index-62980cf2.js';
+import './index-c3bcaec0.js';
 import { a as isArray } from './lodash-04b11500.js';
-import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-9f599533.js';
+import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-56657403.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-1c359d54.js → design-system/common-helpers-97d3c675.js}

@@ -1,5 +1,5 @@
-import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-9f599533.js';
-import './index-62980cf2.js';
+import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-56657403.js';
+import './index-c3bcaec0.js';
 import { E as get } from './lodash-04b11500.js';
 
 function getDefaultModalAnimation(host) {