@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -1208,13 +1208,15 @@ span.fr-img-caption.fr-view {
 }
 :host .field-placeholder {
   display: block;
-  animation-name: slideInRight;
-  animation-duration: 200ms;
-  animation-timing-function: ease;
 }
 :host .field-placeholder:not(.custom-width) {
   width: 100%;
 }
+:host .field-placeholder.animated {
+  animation-name: slideInRight;
+  animation-duration: 200ms;
+  animation-timing-function: ease;
+}
 :host .field-placeholder.collapsible {
   animation: none;
 }

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

@@ -2464,6 +2464,7 @@ export class YooFormDynamicComponent {
           return [
             h("div", { class: {
                 'field-placeholder': true,
+                'animated': this.animated !== false,
                 'group': true,
                 'no-scroll': this.useGridstack && this.gridstackItemNoScroll
               }, slot: this.useGridstack ? group : null }, fieldsPerGroup[group].map((field) => {
@@ -2624,6 +2625,7 @@ export class YooFormDynamicComponent {
         field.startNewLine && h("div", { class: "field-placeholder-break" }),
         isFieldVisible && h("div", { class: {
             'field-placeholder': true,
+            'animated': this.animated !== false,
             'collapsible': collapsible,
             'custom-width': field.width > 0,
             'invisible': !isFieldVisible,
@@ -3642,6 +3644,7 @@ export class YooFormDynamicComponent {
         extraAttrs = {
           multiple: multiple,
           valuesColor: field.valuesColor,
+          valuesIcon: field.valuesIcon,
           values: values,
           useTranslate: field.translate,
           shuffled: this.formType === 'lesson',
@@ -3970,7 +3973,7 @@ export class YooFormDynamicComponent {
             allowOrientation: this.isLesson(),
             type: field.type === FormFieldType.document || field.type === FormFieldType.podcast ? 'document' : 'image',
             mode: field.mode,
-            document: field.type === FormFieldType.podcast ? field.audioDocument : document,
+            document: field.type === FormFieldType.podcast ? field.audioDocument || value : document,
             showDialog: !(document && document.preventDialog),
             isVisible: this.isCurrentSlide(slideIndex),
             useGallery: this.useGallery,

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

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

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

@@ -187,6 +187,13 @@ function booleanRenderer(params) {
   }
   return '';
 }
+function colorRenderer(params) {
+  const value = params.value;
+  if (params.isExport) {
+    return value;
+  }
+  return value ? `<yoo-form-color-field value="${value}" />` : '';
+}
 function translateRenderer(params) {
   var _a;
   const value = params.value;
@@ -484,13 +491,16 @@ function imageRenderer(params) {
 function videoRenderer(params) {
   return (params === null || params === void 0 ? void 0 : params.value) ? '<video class="ag-cell-image video" src="' + params.value + '"></video>' : '';
 }
+function audioRenderer(params) {
+  return (params === null || params === void 0 ? void 0 : params.value) ? '<yoo-form-capture readonly="true" size="small" type="audio" value="' + params.value + '"></yoo-form-capture>' : '';
+}
 function starratingRenderer(params) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   let max = 5;
   if ((_b = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) === null || _b === void 0 ? void 0 : _b.max) {
     max = params.colDef.cellRendererParams.max;
   }
-  return '<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" max="' + max + '" value="' + params.value + '"></yoo-form-star-rating>';
+  return '<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" type="' + (((_d = (_c = params === null || params === void 0 ? void 0 : params.colDef) === null || _c === void 0 ? void 0 : _c.fieldDefinition) === null || _d === void 0 ? void 0 : _d.useButtons) ? 'button' : 'star') + '" max="' + max + '" value="' + params.value + '"></yoo-form-star-rating>';
 }
 function jsonRenderer(params) {
   const json = getJSONHighlighted(params.value);
@@ -1295,6 +1305,8 @@ export function getRenderer(renderer) {
       return tagsRenderer;
     case 'booleanRenderer':
       return booleanRenderer;
+    case 'colorRenderer':
+      return colorRenderer;
     case 'numberRenderer':
       return numberRenderer;
     case 'numberWithVariationRenderer':
@@ -1327,6 +1339,8 @@ export function getRenderer(renderer) {
       return multiphotoRenderer;
     case 'imageRenderer':
       return imageRenderer;
+    case 'audioRenderer':
+      return audioRenderer;
     case 'videoRenderer':
       return videoRenderer;
     case 'starratingRenderer':

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

@@ -3691,6 +3691,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   background: transparent;
 }
 
+:host(.card-feed) {
+  overflow: hidden;
+}
 :host(.card-feed) yoo-virtual-scroll yoo-virtual-item,
 :host(.card-feed) yoo-ion-list {
   margin-bottom: var(--spacing-16, 1rem);
@@ -3699,6 +3702,12 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(.card-feed) yoo-ion-list yoo-ion-item .entity-inner-container {
   background: var(--light, #ffffff);
 }
+:host(.card-feed) .container-base {
+  width: 100%;
+}
+:host(.card-feed) .container-base yoo-ion-slides {
+  width: 100%;
+}
 
 :host(.card-feed-row:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,
 :host(.card-feed-row:not(.framed)) yoo-ion-list yoo-ion-item {

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

@@ -1,5 +1,5 @@
-import { FormFieldType, FormFilterAutocompleteOperator } from '@shared/interfaces';
-import { dispatchCustomEvent, EMPTYSTATE_TEXT_MAP, EMPTYSTATE_TITLE_MAP, filterListByText, getAsyncExtraData, getAuthentication, getSession, HorizontalSlidesAnimation, isAnimationsDisabled, isDateTimeField, isFirefox, isForceScrollbar, isMapField, isNullOrUndefined, isOffline, isPresent, isWeb, MONGODB_ID_REGEX, pipes, safeScrollIntoView, showActionSheet, showModal, toButton, translate, translateMulti } from '@shared/utils';
+import { EMPTYSTATE_TEXT_MAP, EMPTYSTATE_TITLE_MAP, FormFieldType, FormFilterAutocompleteOperator } from '@shared/interfaces';
+import { dispatchCustomEvent, filterListByText, getAsyncExtraData, getAuthentication, getSession, HorizontalSlidesAnimation, isAnimationsDisabled, isDateTimeField, isFirefox, isForceScrollbar, isMapField, isNullOrUndefined, isOffline, isPresent, isWeb, MONGODB_ID_REGEX, pipes, safeScrollIntoView, showActionSheet, showModal, toButton, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
 import { compact, debounce, findIndex, get, isArray, isBoolean, isEmpty, isEqual, isFunction, isNumber, isString, map, range, sortBy, sum } from 'lodash-es';
 import { isObject } from 'lodash-es';
@@ -58,6 +58,14 @@ export class YooGridComponent {
     };
     this.items = [];
     this.extraClass = '';
+    this.slidesOptions = {
+      slidesPerView: this.preventSlidePerView() ? 'auto' : 1.2,
+      spaceBetween: 16,
+      slidesOffsetBefore: 15,
+      slidesOffsetAfter: 15,
+      autoplay: false,
+      freeMode: this.slidesFreeMode
+    };
     this.markers = [];
     this.headerDivs = [];
     this.visibleColumns = [];
@@ -72,14 +80,6 @@ export class YooGridComponent {
     this.maxPageCount = 0;
     this.itemList = [];
     this.hasBeenFiltered = false;
-    this.slidesOptions = {
-      slidesPerView: this.preventSlidePerView() ? 'auto' : 1.2,
-      spaceBetween: 16,
-      slidesOffsetBefore: 15,
-      slidesOffsetAfter: 15,
-      autoplay: false,
-      freeMode: this.slidesFreeMode
-    };
     this.areItemsDisabled = false;
     this.isSearchBarHidden = false;
     this.columnHeaderElements = [];
@@ -185,10 +185,6 @@ export class YooGridComponent {
       }
     }
   }
-  onCurrentPageChanged() {
-    var _a;
-    this.isLocal && this.isAutoComplete && ((_a = this.infiniteScroll) === null || _a === void 0 ? void 0 : _a.complete());
-  }
   onDataChanged(newItems) {
     var _a, _b, _c;
     this.updateItemsSlidingOnUpdate = true;
@@ -2457,7 +2453,7 @@ export class YooGridComponent {
     return (h("yoo-button", { class: { 'empty-button': true, expanded: customStyle }, size: buttonSize, color: "app-color", onClick: () => this.emptyStateHandler() }, translate(this.emptyStateButtonText)));
   }
   renderEmptyState() {
-    const type = this.emptyState || this.entityType || 'error';
+    const type = (this.emptyState || this.entityType || 'error');
     const displayEmptyState = type && type !== 'none' && !this.hideEmptyState;
     const header = translate(this.emptyStateHeader || EMPTYSTATE_TITLE_MAP[type]);
     const text = translate(this.emptyStateDescription || EMPTYSTATE_TEXT_MAP[type] || 'LISTEMPTY');
@@ -4121,9 +4117,14 @@ export class YooGridComponent {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "TEmptyState",
+        "resolved": "\"calendar\" | \"kanban\" | \"activity\" | \"aisles\" | \"barcode\" | \"battle\" | \"campaign\" | \"chart\" | \"chat\" | \"check\" | \"comment\" | \"contact\" | \"courses\" | \"database\" | \"feed\" | \"file\" | \"filter\" | \"folder\" | \"group\" | \"image\" | \"inbox\" | \"leaderboard\" | \"lock\" | \"map\" | \"mission\" | \"note\" | \"offline\" | \"password\" | \"plugin\" | \"poll\" | \"publish\" | \"questions\" | \"request\" | \"scoring\" | \"search\" | \"security\" | \"settings\" | \"store\" | \"tag\" | \"user\" | \"visit\" | \"admin\" | \"allowcamera\" | \"allstores\" | \"analytics\" | \"archived\" | \"areamanager\" | \"artificialintelligence\" | \"availablestores\" | \"barcodelong\" | \"barcodeold\" | \"campaignfilters\" | \"category\" | \"channel\" | \"communities\" | \"communitiestodiscover\" | \"courseqrcode\" | \"createannouncement\" | \"createmission\" | \"createpoll\" | \"createrequest\" | \"customformfield\" | \"custommodels\" | \"dashboard\" | \"empty\" | \"enrol\" | \"error\" | \"fielduser\" | \"generic_chart\" | \"geocoding\" | \"geofilters\" | \"goto\" | \"hierarchy\" | \"hq\" | \"incentives\" | \"inventory\" | \"location\" | \"locationtypes\" | \"magic-link\" | \"newsletter\" | \"nodata\" | \"notification\" | \"oneoff\" | \"page\" | \"paperplane\" | \"payments\" | \"pdfauditexport\" | \"pdfclassic\" | \"pdfcontract\" | \"pdfphotoreport\" | \"pharmaone\" | \"photo\" | \"photosplaceholder\" | \"plans\" | \"recurring\" | \"reject\" | \"requestraised\" | \"role\" | \"score\" | \"selectedstores\" | \"sending\" | \"sent\" | \"shopping\" | \"storemanager\" | \"subscription\" | \"team\" | \"template\" | \"todo\" | \"todoold\" | \"translations\" | \"trial\" | \"videocall\" | \"waiting\" | \"welcomeuser\" | \"wiki\" | \"aclRole\" | \"answers\" | \"barcodealert\" | \"blog\" | \"briefcase\" | \"emailblocked\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memo\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"missionstovalidate\" | \"podium\" | \"productbatch\" | \"products\" | \"service\" | \"tenants\" | \"userranks\" | \"usertrial\" | \"users\" | \"widgetcourses\" | \"wikis\" | \"none\"",
+        "references": {
+          "TEmptyState": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
       },
       "required": false,
       "optional": false,
@@ -6335,6 +6336,27 @@ export class YooGridComponent {
         "tags": [],
         "text": ""
       }
+    },
+    "slidesOptions": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ISlidesOptions",
+        "resolved": "SwiperOptions",
+        "references": {
+          "ISlidesOptions": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "{\n    slidesPerView: this.preventSlidePerView() ? 'auto' : 1.2,\n    spaceBetween: 16,\n    slidesOffsetBefore: 15,\n    slidesOffsetAfter: 15,\n    autoplay: false,\n    freeMode: this.slidesFreeMode\n  }"
     }
   }; }
   static get states() { return {
@@ -7961,9 +7983,6 @@ export class YooGridComponent {
     }, {
       "propName": "initialQuery",
       "methodName": "onInitialQueryChange"
-    }, {
-      "propName": "currentPage",
-      "methodName": "onCurrentPageChanged"
     }, {
       "propName": "items",
       "methodName": "onDataChanged"

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

@@ -2002,7 +2002,7 @@ vertical slots in both the header AND the body
 
 
 /*!
- * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

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

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

package/dist/collection/feature-learn/learning/lesson-detail/lesson-detail.js

@@ -62,7 +62,7 @@ export class YooLessonDetailComponent {
               get(this.lesson, 'description.text', false) && this.renderSimpleSection(this.lesson.description.text, 'DESCRIPTION', 'lesson', true),
               this.renderSimpleSection(minsToMinsAndSecs(get(this.lesson, 'description.duration', 10)).toString(), 'DURATION', 'schedule-user', true),
               retryPrevented && this.renderSimpleSection(translateMulti('REMAININGCOUNT', { count: !this.lessonData ? 1 : 0 }), 'ATTEMPTS', 'go-to', true),
-              !retryPrevented && this.renderSimpleSection(get(this.lesson, 'attemptsCount', 0).toString(), 'ATTEMPTS', 'go-to', true),
+              !retryPrevented && this.renderSimpleSection((get(this.lesson, 'attemptsCount', 0) >= 0 ? get(this.lesson, 'attemptsCount', 0) : 0).toString(), 'ATTEMPTS', 'go-to', true),
               this.lesson.badge && this.renderSimpleSection(this.renderLessonBadges(this.lesson.badge), 'YOOBICBADGE', 'badge', false),
               this.highscores && this.highscores.length > 0 ? h("yoo-lesson-highscores", { ranks: this.highscores }) : null),
             h("slot", null)),

package/dist/collection/feature-learn/learning/lesson-heading/lesson-heading.js

@@ -19,17 +19,16 @@ export class YooLessonHeadingComponent {
       tagText));
   }
   render() {
-    return (h(Host, { class: getAppContext(this.host) },
-      h("div", { class: "heading-container" },
-        this.lesson && this.renderProgress(),
-        h("div", { class: "lesson-order" }, translate('LESSONOFCOURSE', {
-          lesson: translate('LESSON') + ' ' + (this.lesson.description ? this.lesson.description.order : '') + '',
-          course: translateMulti(this.lesson.plan.title)
-        })),
-        this.lesson && h("div", { class: "lesson-title" }, translateMulti(get(this.lesson, 'description.title', ''))),
-        this.renderDueDate() ? (h("div", { class: "lesson-date" },
-          h("span", { class: "date-label" }, translate('DUEDATE')),
-          h("span", null, this.renderDueDate()))) : null)));
+    return (h(Host, { class: getAppContext(this.host) }, this.lesson && h("div", { class: "heading-container" },
+      this.renderProgress(),
+      h("div", { class: "lesson-order" }, translate('LESSONOFCOURSE', {
+        lesson: translate('LESSON') + ' ' + (this.lesson.description ? this.lesson.description.order : '') + '',
+        course: translateMulti(this.lesson.plan.title)
+      })),
+      h("div", { class: "lesson-title" }, translateMulti(get(this.lesson, 'description.title', ''))),
+      this.renderDueDate() ? (h("div", { class: "lesson-date" },
+        h("span", { class: "date-label" }, translate('DUEDATE')),
+        h("span", null, this.renderDueDate()))) : null)));
   }
   static get is() { return "yoo-lesson-heading"; }
   static get encapsulation() { return "shadow"; }
@@ -54,7 +53,7 @@ export class YooLessonHeadingComponent {
         }
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
         "text": ""
@@ -73,7 +72,7 @@ export class YooLessonHeadingComponent {
         }
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
         "text": ""

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

@@ -2,6 +2,9 @@ import { isPresent } from '@shared/utils';
 import { Component, Event, h, Host, Prop } from '@stencil/core';
 import { cleanupTodoSlides } from '../../../feature-operate/campaign/helpers/operation-helpers';
 export class YooMissionTodoComponent {
+  constructor() {
+    this.animated = true;
+  }
   onUpdateTodo(ev) {
     var _a;
     ev.stopPropagation();
@@ -16,7 +19,7 @@ export class YooMissionTodoComponent {
     const cleanPriority = ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.priority) === ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.priority) || !isPresent((_d = this.mission) === null || _d === void 0 ? void 0 : _d.priority);
     const slidesTodo = cleanupTodoSlides(this.slidesTodo, cleanPriority);
     return (h(Host, null,
-      h("yoo-form-dynamic", { class: "margin-bottom inline inline-row-narrow", scrollable: false, slides: slidesTodo, data: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.todo, showRecap: false, showTabs: false, forceReadonly: true }),
+      h("yoo-form-dynamic", { class: "margin-bottom inline inline-row-narrow", scrollable: false, slides: slidesTodo, data: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.todo, showRecap: false, showTabs: false, forceReadonly: true, animated: this.animated }),
       ((_h = (_g = (_f = this.mission) === null || _f === void 0 ? void 0 : _f.todo) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length) > 0 && (h("yoo-form-todo-single", { type: "mission", slidesTodoTask: this.slidesTodoTask, parentScroll: this.parentScroll, readonly: this.readonly, dueDateToClean: this.readonly ? (_j = this.mission) === null || _j === void 0 ? void 0 : _j.duedate : null, isPreview: this.isPreview, values: (_l = (_k = this.mission) === null || _k === void 0 ? void 0 : _k.todo) === null || _l === void 0 ? void 0 : _l.values, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
   }
   static get is() { return "yoo-mission-todo"; }
@@ -122,6 +125,24 @@ export class YooMissionTodoComponent {
         "text": ""
       }
     },
+    "animated": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "animated",
+      "reflect": false,
+      "defaultValue": "true"
+    },
     "parentScroll": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/feature-operate/waitlist/waitlist-location-start/waitlist-location-start.css

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

package/dist/{esm/_commonjsHelpers-f4d11124.js → design-system/_commonjsHelpers-bda24d0a.js}

@@ -41,4 +41,4 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { createCommonjsModule as a, getAugmentedNamespace as b, commonjsGlobal as c, commonjsRequire as d, getDefaultExportFromCjs as g };
+export { commonjsGlobal as a, getAugmentedNamespace as b, createCommonjsModule as c, commonjsRequire as d, getDefaultExportFromCjs as g };

package/dist/design-system/app-globals-05a7fd2f.js

@@ -0,0 +1,5 @@
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };