@yoobic/yobi 8.6.43 → 8.6.44

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
-const commonHelpers = require('./common-helpers-dfa70942.js');
+const index$1 = require('./index-bfbbfa54.js');
+const commonHelpers = require('./common-helpers-fc3f087f.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
-const commonHelpers = require('./common-helpers-dfa70942.js');
+const index$1 = require('./index-bfbbfa54.js');
+const commonHelpers = require('./common-helpers-fc3f087f.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
+const index$1 = require('./index-bfbbfa54.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-dfa70942.js');
+const commonHelpers = require('./common-helpers-fc3f087f.js');
 const lodash = require('./lodash-1f7fff24.js');
 const index$4 = require('./index-10520a3e.js');
-const index$2 = require('./index-08bd6898.js');
+const index$2 = require('./index-1e6d7dff.js');
 const index$3 = require('./index-9c56868f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');
-require('./annotations-helpers-1e77e4b3.js');
+require('./annotations-helpers-56ace98c.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 .empty-state-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 .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-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 .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-91f073fd.js');
-const index = require('./index-9b6e2957.js');
+const index = require('./index-bfbbfa54.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-c09665da.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-91f073fd.js');
-const index$1 = require('./index-9b6e2957.js');
-const annotationsHelpers = require('./annotations-helpers-1e77e4b3.js');
+const index$1 = require('./index-bfbbfa54.js');
+const annotationsHelpers = require('./annotations-helpers-56ace98c.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/collection/components/entities/entity/entity.js

@@ -1,5 +1,5 @@
 import { FeedPostType, FormFieldType } from '@shared/interfaces';
-import { changeExtension, changeHexOpacity, compareAsc, dateFormat, dispatchCustomEvent, fileHasIcon, fromNow, getAsyncExtraData, getAuthentication, getCampaignColor, getCampaignConfigsForFeed, getCampaignIcon, getCardFeedEntryFromFeed, getCardFeedEntryFromQuestion, getCommunityKpis, getCourseFinishedItemsCount, getCssColor, getCurrentLanguage, getEventConfigsFromEvent, getEventStatusInfo, getEventTypeColor, getExtension, getFormatedDate, getIconColor, getIconName, getIncentiveConfigsForFeed, getLanguageFlag, getLessonTypeIcon, getMediaSrcAndType, getMediaSrcFromFeed, getMobileFieldIcon, getPlanDueDate, getPlanTotalItemsCount, getRandomSwatchColor, getRoleTitle, getSession, getType, getUserDisplayName, getUserTags, getVideoPoster, getWorkflowProgress, groupsResolver, isCampaignActive, isCampaignAnnouncementByUser, isCampaignFeed, isCampaignTodo, isCloudinaryLink, isImage, isIOS, isMedia, isNativeMobile, isPhotoEdited, isPlanInFuture, isSameDate, isVideo, isWeb, mapKpiData, parseMarkDown, pipes, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, replaceTextWithRichContent, showDocumentDownloadOptions, showModal, toButton, translate, translateMulti } from '@shared/utils';
+import { changeExtension, changeHexOpacity, compareAsc, dateFormat, dispatchCustomEvent, fileHasIcon, fromNow, getAsyncExtraData, getAuthentication, getCampaignColor, getCampaignConfigsForFeed, getCampaignIcon, getCardFeedEntryFromFeed, getCardFeedEntryFromQuestion, getCommunityKpis, getCourseFinishedItemsCount, getCssColor, getCurrentLanguage, getDocumentDownloadOptions, getEventConfigsFromEvent, getEventStatusInfo, getEventTypeColor, getExtension, getFormatedDate, getIconColor, getIconName, getIncentiveConfigsForFeed, getLanguageFlag, getLessonTypeIcon, getMediaSrcAndType, getMediaSrcFromFeed, getMobileFieldIcon, getPlanDueDate, getPlanTotalItemsCount, getRandomSwatchColor, getRoleTitle, getSession, getType, getUserDisplayName, getUserTags, getVideoPoster, getWorkflowProgress, groupsResolver, isCampaignActive, isCampaignAnnouncementByUser, isCampaignFeed, isCampaignTodo, isCloudinaryLink, isImage, isIOS, isMedia, isNativeMobile, isPhotoEdited, isPlanInFuture, isSameDate, isVideo, isWeb, mapKpiData, parseMarkDown, pipes, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, replaceTextWithRichContent, showModal, toButton, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getIncentiveStatusBadgeSettings } from '@yobi/feature-learn/incentive/helpers/incentive-helpers';
 import { getCampaignStateTags, getCampaignTemplateTags, getMissionDataStateTags, getProductBatchDateTag, getProductBatchProgressColor, getWaitlistVisitTags } from '@yobi/feature-operate/campaign/helpers/operation-helpers';
@@ -53,6 +53,9 @@ export class YooEntityComponent {
   get isSimpleCardList() {
     return this.displayType === 'card-list-simple' || (entitySimpleCardLists === null || entitySimpleCardLists === void 0 ? void 0 : entitySimpleCardLists.includes(this.entityType));
   }
+  get cardFileActions() {
+    return isIOS() && getExtension(this.item) === 'pdf' && isNativeMobile() ? getDocumentDownloadOptions(this.item, undefined, this.host).filter(item => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, this.item); }) : null;
+  }
   async forceUpdate(emitEvent) {
     forceUpdate(this);
     this.emitEventOnDidUpdate = emitEvent;
@@ -125,22 +128,6 @@ export class YooEntityComponent {
       this.host.classList.remove('context-menu-open');
     }
   }
-  onCardFileClicked() {
-    if (isIOS() && getExtension(this.item) === 'pdf' && isNativeMobile()) {
-      showDocumentDownloadOptions(this.item, [
-        {
-          text: translate('YOOBICVIEW'),
-          cssClass: isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
-          handler: () => {
-            this.onShowDocumentDialog();
-          }
-        }
-      ]);
-    }
-    else {
-      this.onShowDocumentDialog();
-    }
-  }
   onShowDocumentDialog() {
     var _a, _b;
     const modal = document.createElement('yoo-form-document-dialog');
@@ -347,7 +334,7 @@ export class YooEntityComponent {
     if (this.entityType === 'filesPdf' && this.item._downloadURL) {
       return h("a", { href: this.item._downloadURL, target: "_blank" }, h("yoo-card-file", { class: "document autocomplete feed isPdf", file: this.item }));
     }
-    return h("yoo-card-file", { onClick: () => this.onCardFileClicked(), class: "document autocomplete feed", file: this.item });
+    return (h("yoo-card-file", { onClick: () => this.onShowDocumentDialog(), actions: this.cardFileActions, class: "document autocomplete feed", file: this.item }));
   }
   renderCardRecommendation() {
     const isLesson = this.item.type && this.item.type === 'lesson';

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

@@ -1,4 +1,4 @@
-import { closeModal, downloadFile, findParent, getAsyncExtraData, getClosestImageRatio, getPermissions, getSession, intersectionObserve, isChromatic, isCloudinaryLink, isIntersectionObserverSupported, isNativeMobile, isPdf, isRTL, isWeb, showActionSheet, showContextMenu, translate } from '@shared/utils';
+import { closeModal, downloadFile, findParent, getAsyncExtraData, getClosestImageRatio, getPermissions, getSession, intersectionObserve, isChromatic, isCloudinaryLink, isIntersectionObserverSupported, isRTL, isWeb, showActionSheet, showContextMenu, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext, lockSwipes, showSlidesMedia } from '@yobi/utils/helpers/common-helpers';
 import { isArray, isNil } from 'lodash-es';
@@ -247,7 +247,7 @@ export class YooFormCarouselComponent {
       return h("yoo-audio-player", { onClick: ev => ev === null || ev === void 0 ? void 0 : ev.stopPropagation(), isVisible: this.isMediaVisible(index), class: "audio-player", src: src });
     }
     else if (type === 'document') {
-      return h("yoo-form-document", { class: "expanded", isPdf: this.isPdf, hideSecondaryActions: this.hideSecondaryActions, extraClass: "feed", showDialog: true, showActionSheet: isNativeMobile() && isPdf(src), document: src });
+      return (h("yoo-form-document", { class: "expanded", isPdf: this.isPdf, hideSecondaryActions: this.hideSecondaryActions, extraClass: "feed", showDialog: true, document: src }));
     }
   }
   getCurrentMediaDimension(index) {

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

@@ -1,4 +1,4 @@
-import { getAsyncExtraData, getExtension, getIconColor, getIconName, getType, isBase64, isDocument, isImage, isNativeMobile, isOffline, isVideo, isWeb, openBase64File, showDocumentDownloadOptions, showModal, toPng, translate } from '@shared/utils';
+import { getAsyncExtraData, getDocumentDownloadOptions, getExtension, getIconColor, getIconName, getType, isBase64, isDocument, isImage, isIOS, isNativeMobile, isOffline, isPdf, isVideo, isWeb, openBase64File, showModal, toPng, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getFromOfflineStorage } from '@yobi/utils/cache/local-forage';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
@@ -10,8 +10,8 @@ export class YooFormDocumentComponent {
     this.name = undefined;
     this.validity = undefined;
     this.showDialog = true;
-    this.showActionSheet = undefined;
     this.hideSecondaryActions = undefined;
+    this.hideActionSheet = undefined;
     this.mode = undefined;
     this.useGallery = undefined;
     this.documentSecondaryActions = undefined;
@@ -22,6 +22,12 @@ export class YooFormDocumentComponent {
     this.document = undefined;
     this.reRenderImage = false;
   }
+  get cardFileActions() {
+    return this.showActionSheet ? getDocumentDownloadOptions(this.document, undefined, this.host).filter(item => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, this.document); }) : null;
+  }
+  get showActionSheet() {
+    return isIOS() && isPdf(this.document) && !this.hideActionSheet;
+  }
   onDocumentChange() {
     if (this.type === 'image') {
       this.reRenderImage = true;
@@ -54,20 +60,8 @@ export class YooFormDocumentComponent {
       return getAsyncExtraData({ type: 'show-document-wiki', params: { wikiRef: this.document.wikiRef, hasBookmarkIcon: false } });
     }
     else {
-      if (this.document && this.showDialog && !isOffline()) {
-        if (this.showActionSheet) {
-          const showDialogOption = {
-            text: translate('YOOBICVIEW'),
-            cssClass: isWeb(this.host) ? 'bg-dark-hover' : 'bg-dark light',
-            handler: () => {
-              this.onShowDocumentDialog();
-            }
-          };
-          showDocumentDownloadOptions(this.document, [showDialogOption]);
-        }
-        else if (getType(this.document) !== 'audio') {
-          this.onShowDocumentDialog();
-        }
+      if (getType(this.document) !== 'audio' && this.showDialog && !isOffline()) {
+        this.onShowDocumentDialog();
       }
       else if (this.document && isOffline()) {
         const base64 = await getFromOfflineStorage((_d = this.document) === null || _d === void 0 ? void 0 : _d._downloadURL);
@@ -125,7 +119,7 @@ export class YooFormDocumentComponent {
     }
   }
   renderCardFile() {
-    return (h("yoo-card-file", { type: getType(this.document), isVisible: this.isVisible, file: this.document }));
+    return (h("yoo-card-file", { type: getType(this.document), isVisible: this.isVisible, file: this.document, actions: this.cardFileActions }));
   }
   renderBase() {
     var _a;
@@ -242,7 +236,7 @@ export class YooFormDocumentComponent {
         "reflect": false,
         "defaultValue": "true"
       },
-      "showActionSheet": {
+      "hideSecondaryActions": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -251,15 +245,15 @@ export class YooFormDocumentComponent {
           "references": {}
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": ""
         },
-        "attribute": "show-action-sheet",
+        "attribute": "hide-secondary-actions",
         "reflect": false
       },
-      "hideSecondaryActions": {
+      "hideActionSheet": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -273,7 +267,7 @@ export class YooFormDocumentComponent {
           "tags": [],
           "text": ""
         },
-        "attribute": "hide-secondary-actions",
+        "attribute": "hide-action-sheet",
         "reflect": false
       },
       "mode": {

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

@@ -1,5 +1,5 @@
 import { FormFieldType, IncentivePartType, QUIZZ_COMPONENTS_FORM_FIELDS } from '@shared/interfaces';
-import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, extractTextFromStringHTML, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getExtension, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isPhotoOrMultiPhotosField, isQuiz, isSafari, isSamsung, isTimedQuiz, isTranslationKey, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
+import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, extractTextFromStringHTML, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isPhotoOrMultiPhotosField, isQuiz, isSafari, isSamsung, isTimedQuiz, isTranslationKey, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getMissionStatusIconName } from '@yobi/feature-operate/campaign/helpers/operation-helpers';
 import { getActiveElementShadow, getAppContext, lockSwipes, querySelectorAllDeep, querySelectorDeep } from '@yobi/utils/helpers/common-helpers';
@@ -4054,7 +4054,6 @@ export class YooFormDynamicComponent {
           TagType = 'yoo-form-document';
           const document = (field.type === FormFieldType.document || field.type === FormFieldType.podcast ? field.document : field.image) || (isObject(value) ? value : null);
           extraAttrs = {
-            showActionSheet: getExtension(document) === 'pdf' && isIOS() && isNativeMobile(),
             allowOrientation: this.isLesson(),
             type: field.type === FormFieldType.document || field.type === FormFieldType.podcast ? 'document' : 'image',
             mode: field.mode,

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

@@ -1,4 +1,4 @@
-import { isNativeMobile, isPdf, translate, translateMulti } from '@shared/utils';
+import { translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooFormExplanationComponent {
   constructor() {
@@ -11,7 +11,7 @@ export class YooFormExplanationComponent {
     (_a = this.markdown) === null || _a === void 0 ? void 0 : _a.setContent();
   }
   render() {
-    return (h(Host, null, !!this.answer && [h("h3", null, translate('CORRECTANSWER')), h("p", null, this.answer)], !!this.text && [h("h3", null, translate('YOOBICWHY?')), h("yoo-markdown", { ref: (el) => (this.markdown = el), content: translateMulti(this.text) })], !!this.document && [h("h3", null, translate('EXTRA')), h("yoo-form-document", { showActionSheet: isNativeMobile() && isPdf(this.document), document: this.document })]));
+    return (h(Host, null, !!this.answer && [h("h3", null, translate('CORRECTANSWER')), h("p", null, this.answer)], !!this.text && [h("h3", null, translate('YOOBICWHY?')), h("yoo-markdown", { ref: (el) => (this.markdown = el), content: translateMulti(this.text) })], !!this.document && [h("h3", null, translate('EXTRA')), h("yoo-form-document", { document: this.document })]));
   }
   static get is() { return "yoo-form-explanation"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/grid/ag-grid/grid-renderers.js

@@ -747,7 +747,7 @@ function documentRenderer(params) {
       formDocument.classList.add('grid-cell');
       formDocument.readonly = true;
       formDocument.document = d;
-      formDocument.showActionSheet = false;
+      formDocument.hideActionSheet = true;
       wrapper.appendChild(formDocument);
     });
     return isCSVOrExcel(params) ? documents.map((d) => d._downloadURL).join(',') : wrapper;

package/dist/collection/components/grid/grid-stack/grid-stack.css

@@ -359,31 +359,67 @@ svg:not(:root) {
   cursor: se-resize;
 }
 
-:host([column="2"]) .grid-stack-item[gs-w="2"] {
-  width: 100%;
-}
-:host([column="2"]) .grid-stack-item[gs-w="1"] {
-  width: 50%;
+:host([column="8"]) .grid-stack-item[gs-w="1"] {
+  width: 12.5%;
 }
-:host([column="2"]) .grid-stack-item[gs-x="1"] {
-  left: 50%;
-}
-
 :host([column="8"]) .grid-stack-item[gs-w="2"] {
   width: 25%;
 }
+:host([column="8"]) .grid-stack-item[gs-w="3"] {
+  width: 37.5%;
+}
 :host([column="8"]) .grid-stack-item[gs-w="4"] {
   width: 50%;
 }
+:host([column="8"]) .grid-stack-item[gs-w="5"] {
+  width: 62.5%;
+}
+:host([column="8"]) .grid-stack-item[gs-w="6"] {
+  width: 75%;
+}
+:host([column="8"]) .grid-stack-item[gs-w="7"] {
+  width: 87.5%;
+}
+:host([column="8"]) .grid-stack-item[gs-w="8"] {
+  width: 100%;
+}
+:host([column="8"]) .grid-stack-item[gs-x="1"] {
+  left: 12.5%;
+}
 :host([column="8"]) .grid-stack-item[gs-x="2"] {
   left: 25%;
 }
+:host([column="8"]) .grid-stack-item[gs-x="3"] {
+  left: 37.5%;
+}
 :host([column="8"]) .grid-stack-item[gs-x="4"] {
   left: 50%;
 }
+:host([column="8"]) .grid-stack-item[gs-x="5"] {
+  left: 62.5%;
+}
+:host([column="8"]) .grid-stack-item[gs-x="6"] {
+  left: 75%;
+}
+:host([column="8"]) .grid-stack-item[gs-x="7"] {
+  left: 87.5%;
+}
+:host([column="8"]) .grid-stack-item[gs-x="8"] {
+  left: 100%;
+}
 :host([column="8"]) .container.grid-lines {
   background-image: linear-gradient(#e0e0e0 1px, transparent 1px), linear-gradient(90deg, #e0e0e0 1px, transparent 0px), linear-gradient(rgba(255, 255, 255, 0.3) 5px, transparent 100px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 5px, transparent 100px);
-  background-size: 33% 370px, calc(33% + 0px) 740px, 20px 20px, 20px 20px;
+  background-size: 100px 48px, calc(12.5% + 0px) 100px, 20px 20px, 20px 20px;
+}
+
+:host([column="2"]) .grid-stack-item[gs-w="2"] {
+  width: 100%;
+}
+:host([column="2"]) .grid-stack-item[gs-w="1"] {
+  width: 50%;
+}
+:host([column="2"]) .grid-stack-item[gs-x="1"] {
+  left: 50%;
 }
 
 :host([column="3"]) .grid-stack-item[gs-w="3"] {
@@ -428,6 +464,16 @@ svg:not(:root) {
   margin: auto;
 }
 
+:host(.tablet-width) {
+  background: var(--light, #ffffff);
+}
+:host(.tablet-width) .container {
+  max-width: 45rem;
+  margin: auto;
+  background: var(--stable-ultralight, #fafafa);
+  border: solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);
+}
+
 :host(.content) {
   overflow-x: initial;
   overflow-y: initial;

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

@@ -72,6 +72,9 @@ export class YooGridstackComponent {
   }
   async forceUpdate(column) {
     if (this.grid) {
+      // remove all widget BEFORE applying the new number of columns,
+      //  to prevent itemChanged to be emitted with the config linked to the old number of columns
+      this.grid.removeAll(true);
       this.grid.column(column);
       this.renderConfig();
     }

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

@@ -1,5 +1,5 @@
 import { MessageType } from '@shared/interfaces';
-import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPdf, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAndGetAllLinks, showMessageInfoDialog, translate } from '@shared/utils';
+import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAndGetAllLinks, showMessageInfoDialog, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { assignPressActions } from '@yobi/utils/gesture';
 import { convertTags, getDateFormats } from '@yobi/utils/helpers/chat-helpers';
@@ -239,7 +239,7 @@ export class YooChatMessageComponent {
   renderDocument() {
     var _a;
     const document = (_a = this.message) === null || _a === void 0 ? void 0 : _a.payload;
-    return h("yoo-form-document", { class: { 'transparent-light': this.isReply && this.isMe, 'transparent-dark': this.isReply && !this.isMe }, document: document, showActionSheet: isNativeMobile() && isPdf(document), readonly: true });
+    return h("yoo-form-document", { class: { 'transparent-light': this.isReply && this.isMe, 'transparent-dark': this.isReply && !this.isMe }, document: document, readonly: true });
   }
   renderMedia() {
     return (isRichContentMessage(this.message) || this.mediaUrl) && (h("section", { id: "medias", class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), this.isDocument && this.renderDocument(), this.isAudio && this.renderAudio(), this.isVideo && this.renderVideo(), this.isImage && this.renderImage()));

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

@@ -205,6 +205,34 @@ svg:not(:root) {
   overflow: hidden;
 }
 
+:host(.with-more) {
+  grid-template-columns: 2.5rem calc(100% - 5rem) auto;
+}
+:host(.with-more) section:nth-of-type(2) {
+  display: inline-grid;
+  padding-right: var(--spacing-08, 0.5rem);
+  line-height: 1.75;
+  text-align: right;
+}
+:host(.with-more) section:nth-of-type(2) #name {
+  color: var(--dark, #000000);
+  font-size: var(--font-size-14, 0.875rem);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+:host(.with-more) section:nth-of-type(2) #size {
+  color: var(--stable, #adadad);
+  font-size: var(--font-size-12, 0.75rem);
+}
+:host(.with-more) section:last-of-type {
+  display: inline-grid;
+  height: 100%;
+  padding-right: var(--spacing-08, 0.5rem);
+  line-height: 1.75;
+  text-align: right;
+}
+
 :host {
   display: inline-grid;
   grid-gap: var(--spacing-08, 0.5rem);
@@ -225,6 +253,11 @@ svg:not(:root) {
   bottom: auto;
   left: auto;
 }
+:host yoo-icon[name=more] {
+  display: flex;
+  flex-shrink: 0;
+  margin-left: auto;
+}
 :host section:first-of-type {
   border-radius: var(--border-radius-04, 0.25rem);
 }

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

@@ -1,5 +1,6 @@
-import { getIconColor, getIconName, getType, isAudio, isImage, isImageUrl, isVideo, pipes, toPng } from '@shared/utils';
+import { getIconColor, getIconName, getType, isAudio, isImage, isImageUrl, isVideo, pipes, showActionSheet, toPng } from '@shared/utils';
 import { h, Host } from '@stencil/core';
+import { execHandlerAndStopEvent } from '@yobi/utils/helpers/common-helpers';
 export class YooCardFileComponent {
   constructor() {
     this.file = undefined;
@@ -7,6 +8,7 @@ export class YooCardFileComponent {
     this.customFileName = undefined;
     this.isVisible = true;
     this.type = undefined;
+    this.actions = undefined;
     this.isLoading = undefined;
   }
   async onFileChanged() {
@@ -71,7 +73,8 @@ export class YooCardFileComponent {
     return h("section", null, this.hasIcon && !this.isType.image && !this.isType.video && h("yoo-icon", { size: "large", name: this.iconName, color: this.iconColor }), (this.isType.image || this.isType.video) && h("yoo-img", { src: this.isType.video ? toPng(this.fileSrc) : this.fileSrc }));
   }
   renderDocumentCard() {
-    return [this.renderClose(),
+    return [
+      this.renderClose(),
       this.renderThumbnail(),
       this.renderDetails()
     ];
@@ -79,6 +82,9 @@ export class YooCardFileComponent {
   renderAudioCard() {
     return h("yoo-audio-player", { isVisible: this.isVisible, src: this.fileSrc });
   }
+  renderMoreIcon() {
+    return (h("section", null, h("yoo-icon", { name: "more", color: "stable", onClick: (ev) => execHandlerAndStopEvent(ev, () => showActionSheet(this.actions)) })));
+  }
   renderContent() {
     return this.isType.audio ? this.renderAudioCard() : this.renderDocumentCard();
   }
@@ -86,7 +92,8 @@ export class YooCardFileComponent {
     return [h("div", { id: "ph-icon", onAnimationEnd: () => this.isLoading = false }), h("section", null, h("div", null), h("div", null))];
   }
   render() {
-    return h(Host, { ...{ type: this.fileType, loading: this.isLoading } }, this.isLoading ? this.renderLoading() : this.renderContent());
+    var _a, _b;
+    return h(Host, { class: { ['with-more']: !!((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) }, ...{ type: this.fileType, loading: this.isLoading } }, this.isLoading ? this.renderLoading() : this.renderContent(), !!((_b = this.actions) === null || _b === void 0 ? void 0 : _b.length) && this.renderMoreIcon());
   }
   static get is() { return "yoo-card-file"; }
   static get encapsulation() { return "shadow"; }
@@ -195,6 +202,26 @@ export class YooCardFileComponent {
         },
         "attribute": "type",
         "reflect": false
+      },
+      "actions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IActionSheetButton[]",
+          "resolved": "IActionSheetButton[]",
+          "references": {
+            "IActionSheetButton": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       }
     };
   }

package/dist/collection/feature-learn/learning/lesson-question-result/lesson-question-result.js

@@ -1,4 +1,4 @@
-import { answerIsValid, getConfidenceDescriptionKey, getConfidencePoints, getCorrectAnswersCount, getCssColor, isContentOnly, isImage, isNativeMobile, isOffline, isPdf, isQuiz, minsToMinsAndSecs, translate, translateMulti, updateSVGCustomColors } from '@shared/utils';
+import { answerIsValid, getConfidenceDescriptionKey, getConfidencePoints, getCorrectAnswersCount, getCssColor, isContentOnly, isImage, isOffline, isQuiz, minsToMinsAndSecs, translate, translateMulti, updateSVGCustomColors } from '@shared/utils';
 import { getAssetPath, h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { get, isNumber } from 'lodash-es';
@@ -192,7 +192,7 @@ export class YooLessonQuestionResultComponent {
     const src = this.explanationDocument._downloadURL;
     return isImage(this.explanationDocument) && src ?
       h("yoo-img", { class: "document-image", src: src, ignoreHeight: true, ignoreWidth: true }) :
-      h("div", { class: "result-document" }, this.explanationDocument && h("div", { class: "document-title" }, translate('READOURDOCUMENT')), this.explanationDocument && h("yoo-form-document", { showActionSheet: isNativeMobile() && isPdf(this.explanationDocument), document: this.explanationDocument }));
+      h("div", { class: "result-document" }, this.explanationDocument && h("div", { class: "document-title" }, translate('READOURDOCUMENT')), this.explanationDocument && h("yoo-form-document", { document: this.explanationDocument }));
   }
   renderQuestionResult() {
     return [

package/dist/collection/feature-platform/insight/chart/chart.js

@@ -102,6 +102,7 @@ export class YooChartComponent {
     if (this.chart) {
       try {
         this.chart.destroy();
+        delete this.previousConfig;
       }
       catch (err) {
         // do nothing

package/dist/{esm/annotations-helpers-d7ee62e7.js → design-system/annotations-helpers-f901e8c2.js}

@@ -1,4 +1,4 @@
-import { b6 as getUUID } from './index-c8528bb9.js';
+import { b6 as getUUID } from './index-77a16195.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/{esm/button.factory-4e6508f4.js → design-system/button.factory-83f10373.js}

@@ -1,4 +1,4 @@
-import { a0 as translateMulti } from './index-c8528bb9.js';
+import { a0 as translateMulti } from './index-77a16195.js';
 import { h } from './index-2cf5b950.js';
 
 const getButton = (button) => {