@yoobic/yobi 8.6.42 → 8.6.44

package/dist/cjs/yoo-virtual-scroll.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-waitlist-location-result.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-waitlist-location-start.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-walkthrough.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-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/form/form-input/form-input.js

@@ -83,6 +83,7 @@ export class YooFormInputComponent {
     this.fireInputChangeEvent = true;
     this.allowDecimals = true;
     this.format = 'input';
+    this.contentEventListeners = {};
     this.inputType = undefined;
     this.remainingCharacters = undefined;
     this.checkboxParams = null;
@@ -446,12 +447,12 @@ export class YooFormInputComponent {
           placeholderlabel: this.placeholdertolabel,
           valid: this.uiValidation.valid && this.validity,
           invalid: this.uiValidation.invalid && this.validity === false && !this.inputReloaded
-        } }, this.finalIconPrefix && this.hasIconPrefix && (h("div", { class: "icon-prefix", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null) }, h("yoo-icon", { name: this.finalIconPrefix, size: this.getIconSize(), color: this.iconPrefixColor }))), (_a = this.buttonsPrefix) === null || _a === void 0 ? void 0 :
+        } }, this.finalIconPrefix && this.hasIconPrefix && (h("div", { class: "icon-prefix", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null), ...this.contentEventListeners }, h("yoo-icon", { name: this.finalIconPrefix, size: this.getIconSize(), color: this.iconPrefixColor }))), (_a = this.buttonsPrefix) === null || _a === void 0 ? void 0 :
         _a.map((button) => (button && h("div", { class: "icon-prefix", onClick: () => button.handler() }, h("yoo-icon", { name: button.icon, size: this.getIconSize() })))), h("input", { type: this.inputType, readOnly: this.disableInputTyping, name: this.name, tabindex: this.inputTabIndex, ref: (el) => (this.inputElement = el), autocapitalize: this.autocapitalize, autocorrect: this.autocorrect, autoComplete: ['username', 'password'].includes(this.name) ? this.name : undefined, inputmode: this.inputmode ? this.inputmode : undefined, placeholder: !this.placeholdertolabel && this.internalPlaceholder ? translate(this.internalPlaceholder) : '', required: this.required, onBlur: (ev) => onInputBlurred(ev, this, '.input-container', this.type, this.uiValidation), onChange: (ev) => ev === null || ev === void 0 ? void 0 : ev.stopPropagation(), onInput: (ev) => (this.fireInputChangeEvent ? this.onInputChanged(ev) : ev === null || ev === void 0 ? void 0 : ev.stopPropagation()), onFocus: () => !this.disableFocus && onInputFocused(this, '.input-container'), onKeyDown: (ev) => this.onKeyPress(ev), onWheel: this.onWheel, min: this.min, max: this.max, pattern: this.getPattern(), step: this.step, class: {
           last: !((hasValue && this.clearable) || (this.type === 'password' && this.showPasswordToggle) || (this.uiValidation.invalid && this.validity === false)),
           'hide-value': (_b = this.checkboxParams) === null || _b === void 0 ? void 0 : _b.value,
           'has-icon-prefix': this.finalIconPrefix && this.hasIconPrefix
-        }, disabled: this.disabled, value: this.localValue }), this.maxCharacters && this.renderMaxCharacterCounter(), this.host.classList.contains('warning') && h("div", { class: "warning-icon" }), (hasValue && !isNil(this.validity) && this.uiValidation && this.uiValidation.valid && this.validity) ||
+        }, disabled: this.disabled, value: this.localValue, ...this.contentEventListeners }), this.maxCharacters && this.renderMaxCharacterCounter(), this.host.classList.contains('warning') && h("div", { class: "warning-icon" }), (hasValue && !isNil(this.validity) && this.uiValidation && this.uiValidation.valid && this.validity) ||
         (this.uiValidation.invalid && this.validity === false && !this.inputReloaded && (h("div", { class: 'valid-icon ' + (this.validity ? 'valid' : 'invalid' + (this.clearable && hasValue && this.type === 'password' && this.showPasswordToggle ? '' : ' last')) }, h("yoo-icon", { color: this.validity ? 'app-color' : 'danger', name: this.validity ? 'check' : 'rejected', size: this.getIconSize() })))), this.type === 'password' && this.showPasswordToggle && (h("div", { class: 'icon-suffix-focus' + (this.clearable && hasValue ? '' : ' last'), onClick: this.onShowPassword.bind(this) }, hasValue && h("yoo-icon", { size: this.getIconSize(), name: "eye", color: this.inputType === 'password' ? 'stable-alt' : 'light' }))), this.clearable && !((_c = this.checkboxParams) === null || _c === void 0 ? void 0 : _c.value) && (h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, h("yoo-icon", { size: this.getIconSize(), name: "cross" }))), this.iconSuffix && (h("div", { class: "icon-suffix-focus", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null) }, h("yoo-icon", { name: this.iconSuffix, size: this.getIconSize() }))), (_d = this.inlineActions) === null || _d === void 0 ? void 0 :
         _d.map((action) => {
           const { handler, iconColor, icon, tooltip } = action || {};
@@ -1536,6 +1537,22 @@ export class YooFormInputComponent {
         "attribute": "format",
         "reflect": true,
         "defaultValue": "'input'"
+      },
+      "contentEventListeners": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ [key: string]: (event: any) => void }",
+          "resolved": "{ [key: string]: (event: any) => void; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "{}"
       }
     };
   }

package/dist/collection/components/form/form-number-picker/form-number-picker.js

@@ -1,5 +1,4 @@
-import { Keyboard } from '@capacitor/keyboard';
-import { getCssColor, isNativeMobile, isWeb, showModal, translate } from '@shared/utils';
+import { getCssColor, isWeb, showModal, translate } from '@shared/utils';
 import { h } from '@stencil/core';
 import { isFinite, range } from 'lodash-es';
 export class YooFormNumberPickerComponent {
@@ -147,9 +146,6 @@ export class YooFormNumberPickerComponent {
     ev.stopPropagation();
     ev.preventDefault();
     this.updateValidity();
-    if (isNativeMobile()) {
-      Keyboard.hide();
-    }
     this.showContainerDialog();
   }
   onInputBlurred() {
@@ -200,7 +196,7 @@ export class YooFormNumberPickerComponent {
       ];
     }
     else {
-      return (h("div", { class: "outer-container" }, h("yoo-form-input", { step: this.stepAmount, size: this.size, disabled: this.disabled, type: "number", forceValueUpdate: true, value: this.selection ? this.selection : this.value, clearable: this.clearable && !this.disabled, required: this.required, readonly: this.readonly, validity: this.validity, onIconClicked: (ev) => this.onClearIconClicked(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => ev.stopPropagation() })));
+      return (h("div", { class: "outer-container" }, h("yoo-form-input", { step: this.stepAmount, size: this.size, disabled: this.disabled, type: "number", forceValueUpdate: true, value: this.selection ? this.selection : this.value, clearable: this.clearable && !this.disabled, required: this.required, readonly: this.readonly, validity: this.validity, onIconClicked: (ev) => this.onClearIconClicked(ev), disableFocus: !isWeb(this.host), onInputFocused: (ev) => this.onInputFocused(ev), contentEventListeners: isWeb(this.host) ? {} : { onTouchStart: (ev) => this.onInputFocused(ev) }, onValidityChanged: (ev) => ev.stopPropagation() })));
     }
   }
   render() {

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()));