@yoobic/yobi 8.4.0 → 8.4.1-2

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

@@ -1,4 +1,4 @@
-import { FormFieldType, IncentivePartType } from '@shared/interfaces';
+import { FormFieldType, IncentivePartType, QUIZZ_COMPONENTS_FORM_FIELDS } from '@shared/interfaces';
 import { answerIsValid, cancelRequestInterval, debounce, disableKeyboardResize, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
 import { assign, cloneDeep, compact, findLastIndex, flatten, get, groupBy, isArray, isEmpty, isEqual, isFunction, isNumber, isObject, isString, keys, orderBy, pick, range, result, uniqBy } from 'lodash-es';
@@ -3090,7 +3090,7 @@ export class YooFormDynamicComponent {
     this.openPreview.emit('');
   }
   renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly, cssClass, isHistory, previousField, slots }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const fieldState = getFieldState(field, this.fieldsState);
     const required = isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session);
     const disabled = isDisabled(field, this.currentData, this.currentDataFlatten, this.suffix, this.session);
@@ -3166,6 +3166,18 @@ export class YooFormDynamicComponent {
       field.type = FormFieldType.document;
       field.document = value;
     }
+    if (QUIZZ_COMPONENTS_FORM_FIELDS.includes(field.type)) {
+      extraAttrs = {
+        readonly,
+        values: field.values || field.complexValues,
+        answer: field.answer || field.complexAnswer,
+        required: field.required,
+        shuffled: field.shuffled,
+        livePreview: this.isLessonPreview(),
+        isVisible: this.isCurrentSlide(slideIndex),
+        animated: (_c = (_b = field.animated) !== null && _b !== void 0 ? _b : this.animated) !== null && _c !== void 0 ? _c : !isAnimationsDisabled()
+      };
+    }
     switch (field.type) {
       case FormFieldType.tel:
         TagType = 'yoo-form-phone-number';
@@ -3369,7 +3381,7 @@ export class YooFormDynamicComponent {
               !field.width &&
               !(previousField === null || previousField === void 0 ? void 0 : previousField.flex) &&
               !(previousField === null || previousField === void 0 ? void 0 : previousField.width),
-          model: ((_c = (_b = field.model) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) ? field.model : null,
+          model: ((_e = (_d = field.model) === null || _d === void 0 ? void 0 : _d.fields) === null || _e === void 0 ? void 0 : _e.length) ? field.model : null,
           disableSingleDeselection: field.disableSingleDeselection,
           readonlyDisplay: field.readonlyDisplay,
           returnQuery: field.returnQuery,
@@ -3510,7 +3522,7 @@ export class YooFormDynamicComponent {
       case FormFieldType.chart:
         TagType = 'yoo-chart';
         if (field.chartConfig) {
-          const fields = compact(flatten((_d = this.slides) === null || _d === void 0 ? void 0 : _d.map((s) => s === null || s === void 0 ? void 0 : s.items)));
+          const fields = compact(flatten((_f = this.slides) === null || _f === void 0 ? void 0 : _f.map((s) => s === null || s === void 0 ? void 0 : s.items)));
           const fieldPrefixSuffix = '#';
           let textConfig = JSON.stringify(field.chartConfig);
           const toReplace = getFieldReplacement(textConfig, fields, this.suffix, fieldPrefixSuffix);
@@ -3643,13 +3655,6 @@ export class YooFormDynamicComponent {
         break;
       case FormFieldType.ranking:
         TagType = 'yoo-form-ranking';
-        extraAttrs = {
-          readonly,
-          isAnimationFinished: this.isAnimationFinished,
-          values: field.values,
-          answers: field.answer,
-          isVisible: this.isCurrentSlide(slideIndex)
-        };
         break;
       case FormFieldType.reorder:
         TagType = 'yoo-form-reorder';
@@ -3665,11 +3670,11 @@ export class YooFormDynamicComponent {
         extraAttrs = {
           class: field.extraClass,
           flow: field.flow,
-          options: (_e = field.values) === null || _e === void 0 ? void 0 : _e.map(({ value }) => value),
-          value: value !== null && value !== void 0 ? value : field.value,
-          helpers: (_f = field.values) === null || _f === void 0 ? void 0 : _f.map(({ helper }) => translate(helper))
+          options: (_g = field.values) === null || _g === void 0 ? void 0 : _g.map(({ value }) => value),
+          value: value === undefined ? field.value : value,
+          helpers: (_h = field.values) === null || _h === void 0 ? void 0 : _h.map(({ helper }) => translate(helper))
         };
-        slots = (_g = field.values) === null || _g === void 0 ? void 0 : _g.map(({ label, slot }, index) => {
+        slots = (_j = field.values) === null || _j === void 0 ? void 0 : _j.map(({ label, slot }, index) => {
           const field = slideItems.find(({ name }) => name === slot);
           if (field) {
             field.style = { ...(field.style || {}), visibility: this.getFieldVisibility(field) ? undefined : 'hidden' };
@@ -3682,7 +3687,7 @@ export class YooFormDynamicComponent {
       case FormFieldType.selectbuttons:
       case FormFieldType.selectbuttonsmulti: {
         const multiple = field.type === FormFieldType.selectbuttonsmulti || field.multiple;
-        const values = field.values || ((_h = field.opValues) === null || _h === void 0 ? void 0 : _h.find((opValue) => opValue));
+        const values = field.values || ((_k = field.opValues) === null || _k === void 0 ? void 0 : _k.find((opValue) => opValue));
         TagType = 'yoo-form-choice-button';
         attrs = {
           ...attrs,
@@ -3694,7 +3699,7 @@ export class YooFormDynamicComponent {
           valuesIcon: field.valuesIcon,
           values: values,
           useTranslate: field.translate,
-          shuffled: this.formType === 'lesson',
+          shuffled: field.shuffled,
           class: field.extraClass,
           description: field.description,
           livePreview: this.isLivePreview()
@@ -3704,7 +3709,7 @@ export class YooFormDynamicComponent {
       case FormFieldType.select:
       case FormFieldType.selectmulti: {
         const multiple = field.type === FormFieldType.selectmulti || field.multiple;
-        const values = field.values || ((_j = field.opValues) === null || _j === void 0 ? void 0 : _j.find((opValue) => opValue));
+        const values = field.values || ((_l = field.opValues) === null || _l === void 0 ? void 0 : _l.find((opValue) => opValue));
         TagType = 'yoo-form-choice-radio';
         attrs = {
           ...attrs,
@@ -3718,7 +3723,7 @@ export class YooFormDynamicComponent {
           allowOther: field.allowOther,
           useTranslate: field.translate,
           disableSingleDeselection: field.disableSingleDeselection,
-          shuffled: (_k = field.shuffled) !== null && _k !== void 0 ? _k : this.formType === 'lesson',
+          shuffled: (_m = field.shuffled) !== null && _m !== void 0 ? _m : this.formType === 'lesson',
           answer: field.answer,
           class: field.extraClass,
           description: field.description,
@@ -3731,49 +3736,43 @@ export class YooFormDynamicComponent {
         break;
       }
       case FormFieldType.selectchat: {
-        const multiple = field.multiple;
-        const values = field.values || ((_l = field.opValues) === null || _l === void 0 ? void 0 : _l.find((opValue) => opValue));
+        const values = field.values || ((_o = field.opValues) === null || _o === void 0 ? void 0 : _o.find((opValue) => opValue));
         TagType = 'yoo-form-choice-chat';
         attrs = {
           ...attrs,
           style: { ...(attrs.style || {}) }
         };
         extraAttrs = {
+          ...extraAttrs,
           values: values,
           sentence: field.sentence,
           description: field.description,
-          multiple,
+          multiple: field.multiple,
           useTranslate: field.translate,
-          shuffled: (_m = field.shuffled) !== null && _m !== void 0 ? _m : this.formType === 'lesson',
-          answer: field.answer,
-          class: field.extraClass,
-          livePreview: this.isLivePreview()
+          class: field.extraClass
         };
         break;
       }
       case FormFieldType.selectimage: {
-        const multiple = field.multiple;
-        const values = flatten((field === null || field === void 0 ? void 0 : field.complexSelectImageValues) || (field === null || field === void 0 ? void 0 : field.values) || ((_o = field === null || field === void 0 ? void 0 : field.opValues) === null || _o === void 0 ? void 0 : _o.find((opValue) => opValue || [])));
+        const values = flatten((field === null || field === void 0 ? void 0 : field.complexSelectImageValues) || (field === null || field === void 0 ? void 0 : field.values) || ((_p = field === null || field === void 0 ? void 0 : field.opValues) === null || _p === void 0 ? void 0 : _p.find((opValue) => opValue || [])));
         TagType = 'yoo-form-choice-image';
         attrs = {
           ...attrs,
           style: { ...(attrs.style || {}) }
         };
         extraAttrs = {
+          ...extraAttrs,
           values: values === null || values === void 0 ? void 0 : values.map((value, index) => { var _a, _b, _c, _d, _e; return ({ image: value.image || value._downloadURL || value.file || ((_b = (_a = field.images) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b._downloadURL), text: (_e = (_d = (_c = value.text) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : value.text) !== null && _e !== void 0 ? _e : value }); }),
-          multiple,
+          multiple: field.multiple,
           description: field.description,
           useTranslate: field.translate,
-          shuffled: this.formType === 'lesson',
-          answer: field.answer,
-          class: field.extraClass,
-          livePreview: this.isLivePreview()
+          class: field.extraClass
         };
         break;
       }
       case FormFieldType.selectcard: {
         const multiple = field.multiple;
-        const values = field.values || ((_p = field.opValues) === null || _p === void 0 ? void 0 : _p.find((opValue) => opValue));
+        const values = field.values || ((_q = field.opValues) === null || _q === void 0 ? void 0 : _q.find((opValue) => opValue));
         TagType = 'yoo-form-choice-card';
         attrs = {
           ...attrs,
@@ -3851,7 +3850,7 @@ export class YooFormDynamicComponent {
           collectionName: field.collectionName,
           entityType: field.entityType,
           iconPrefix: field.iconPrefix,
-          descriptionTemplate: data.isUnitCurrency && ((_q = data.currency) === null || _q === void 0 ? void 0 : _q.symbol) ? `${data.currency.symbol} {{text}}` : null,
+          descriptionTemplate: data.isUnitCurrency && ((_r = data.currency) === null || _r === void 0 ? void 0 : _r.symbol) ? `${data.currency.symbol} {{text}}` : null,
           max: field.max,
           queryFields: field.queryFields,
           model: field.model,
@@ -3860,7 +3859,7 @@ export class YooFormDynamicComponent {
           onFetchCustomData: (ev) => this.onFetchCustomData(field, ev),
           onFetchData: (ev) => this.onFetchData(field, ev)
         };
-        if (attrs.validators && ((_r = config === null || config === void 0 ? void 0 : config.validators) === null || _r === void 0 ? void 0 : _r.length)) {
+        if (attrs.validators && ((_s = config === null || config === void 0 ? void 0 : config.validators) === null || _s === void 0 ? void 0 : _s.length)) {
           attrs.validators.push(...config.validators);
         }
         break;
@@ -3995,7 +3994,7 @@ export class YooFormDynamicComponent {
           logo: field.logo,
           value: value || field.value,
           description: field.description,
-          whiteLabel: (_s = getSession().tenant) === null || _s === void 0 ? void 0 : _s.waitlistWhitelabel,
+          whiteLabel: (_t = getSession().tenant) === null || _t === void 0 ? void 0 : _t.waitlistWhitelabel,
           showIllustration: field.showIllustration,
           showShareLink: field.showShareLink,
           showDownload: field.showDownload
@@ -4288,7 +4287,7 @@ export class YooFormDynamicComponent {
             h("span", { slot: "title" }, field.title),
             h("span", { innerHTML: markdown || value })));
         }
-        if (((_t = field.valuesIcon) === null || _t === void 0 ? void 0 : _t.length) > 0) {
+        if (((_u = field.valuesIcon) === null || _u === void 0 ? void 0 : _u.length) > 0) {
           return [
             markdown && h("div", { class: "info-header" }, markdown),
             field.valuesIcon.map((item) => {
@@ -4334,45 +4333,34 @@ export class YooFormDynamicComponent {
       case FormFieldType.swipecards:
         TagType = 'yoo-form-swipe-cards';
         extraAttrs = {
+          ...extraAttrs,
           label: field.title,
           description: field.description,
           instructionsDocument: field.instructionsDocument,
           categories: field.categories,
-          values: field.values,
           images: field.images,
-          showInstructionView: (_u = field.showInstructionView) !== null && _u !== void 0 ? _u : true,
-          answer: field.answer || field.complexAnswer,
-          required: field.required,
-          isVisible: this.isCurrentSlide(slideIndex),
+          showInstructionView: (_v = field.showInstructionView) !== null && _v !== void 0 ? _v : true,
           numberSteps: this.steps && this.steps.length,
-          mode: field.swipeMode,
-          livePreview: this.isLessonPreview()
+          mode: field.swipeMode
         };
         setTimeout(() => this.forceLockIonSlides(), 500); // lock after rendering
         break;
       case FormFieldType.missingword:
         TagType = 'yoo-form-missing-word';
         extraAttrs = {
-          sentence: field.sentence,
-          values: field.values,
-          answer: field.answer,
-          required: field.required,
-          isVisible: this.isCurrentSlide(slideIndex),
-          livePreview: this.isLessonPreview()
+          ...extraAttrs,
+          sentence: field.sentence
         };
         setTimeout(() => this.forceLockIonSlides(), 500); // lock after rendering
         break;
       case FormFieldType.imagetagging:
-        field.answer = (_v = field.annotations) === null || _v === void 0 ? void 0 : _v.map(({ text }) => text);
+        field.answer = (_w = field.annotations) === null || _w === void 0 ? void 0 : _w.map(({ text }) => text);
         TagType = 'yoo-form-image-tagging';
         extraAttrs = {
-          values: field.values,
-          answer: field.answer,
+          ...extraAttrs,
           image: field.image,
-          required: field.required,
-          annotations: field.annotations,
-          isVisible: this.isCurrentSlide(slideIndex),
-          livePreview: this.isLessonPreview()
+          animated: field.animated,
+          annotations: field.annotations
         };
         break;
       case FormFieldType.creatorimagetagging:
@@ -4385,23 +4373,12 @@ export class YooFormDynamicComponent {
       case FormFieldType.categorizewords:
         TagType = 'yoo-form-categorize-words';
         extraAttrs = {
-          livePreview: this.isLessonPreview(),
-          isVisible: this.isCurrentSlide(slideIndex),
-          required: field.required,
-          categories: field.categories,
-          values: field.values,
-          answer: field.answer || field.complexAnswer
+          ...extraAttrs,
+          categories: field.categories
         };
         break;
       case FormFieldType.connect:
         TagType = 'yoo-form-connect';
-        extraAttrs = {
-          shuffled: field.shuffled,
-          livePreview: this.isLessonPreview(),
-          isVisible: this.isCurrentSlide(slideIndex),
-          values: field.values || field.complexValues,
-          answer: field.answer
-        };
         break;
       case FormFieldType.menu:
         TagType = 'yoo-links-menu';
@@ -4514,7 +4491,7 @@ export class YooFormDynamicComponent {
           image: field.image,
           hotzones: field.hotzones,
           hotzonesColor: field.hotzonesColor,
-          type: field.type === FormFieldType.imagemap ? 'imagemap' : 'hotzone'
+          type: field.type
         };
         break;
       case FormFieldType.hotzonecreator:

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

@@ -221,6 +221,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   font-size: var(--font-size-36, 2.25rem);
 }
 
+:host([type=confidence]) {
+  display: flex;
+  justify-content: center;
+}
 :host([type=confidence]) yoo-form-choice-card {
   --card-border-color: transparent;
 }
@@ -229,7 +233,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   flex-direction: column;
   justify-content: center;
   max-width: 25rem;
-  margin: var(--spacing-16, 1rem) auto;
 }
 :host([type=confidence]) .container .heading {
   margin: 0 var(--spacing-16, 1rem);

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

@@ -262,9 +262,14 @@ export class YooFormHotzonesComponent {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "'imagemap' | 'hotzone'",
-        "resolved": "\"hotzone\" | \"imagemap\"",
-        "references": {}
+        "original": "FormFieldType.hotzone | FormFieldType.imagemap",
+        "resolved": "FormFieldType.hotzone | FormFieldType.imagemap",
+        "references": {
+          "FormFieldType": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
       },
       "required": false,
       "optional": false,

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

@@ -4,6 +4,7 @@ import { getFromOfflineStorage } from '../../../utils/cache';
 import { openImageDetailFromRTE } from '../../../utils/helpers/common-helpers';
 export class YooFormImageCollectionComponent {
   constructor() {
+    this.animated = true;
     this.validity = false;
     this.values = [];
     this.images = [];
@@ -89,7 +90,8 @@ export class YooFormImageCollectionComponent {
         "text": ""
       },
       "attribute": "animated",
-      "reflect": true
+      "reflect": true,
+      "defaultValue": "true"
     },
     "detailedView": {
       "type": "boolean",
@@ -182,7 +184,7 @@ export class YooFormImageCollectionComponent {
     },
     "values": {
       "type": "unknown",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "ICollectionProducts[]",
         "resolved": "ICollectionProducts[]",

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

@@ -103,7 +103,7 @@ export class YooFormRankingComponent {
   }
   renderItem(value, index) {
     var _a, _b, _c;
-    const readonlyColor = (((_a = this.value) === null || _a === void 0 ? void 0 : _a.indexOf(value)) === ((_b = this.answers) === null || _b === void 0 ? void 0 : _b.indexOf(value))) ? 'success' : 'danger';
+    const readonlyColor = (((_a = this.value) === null || _a === void 0 ? void 0 : _a.indexOf(value)) === ((_b = this.answer) === null || _b === void 0 ? void 0 : _b.indexOf(value))) ? 'success' : 'danger';
     const badgeColor = this.readonly ? readonlyColor : `app-color${!this.isDragging && ((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) ? '' : '-60'}`;
     return h("li", null,
       h("div", null,
@@ -127,12 +127,12 @@ export class YooFormRankingComponent {
     "$": ["form-ranking.css"]
   }; }
   static get properties() { return {
-    "value": {
-      "type": "unknown",
-      "mutable": true,
+    "readonly": {
+      "type": "boolean",
+      "mutable": false,
       "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
+        "original": "boolean",
+        "resolved": "boolean",
         "references": {}
       },
       "required": false,
@@ -140,24 +140,26 @@ export class YooFormRankingComponent {
       "docs": {
         "tags": [],
         "text": ""
-      }
+      },
+      "attribute": "readonly",
+      "reflect": true
     },
-    "answers": {
+    "value": {
       "type": "unknown",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
         "original": "string[]",
         "resolved": "string[]",
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
         "text": ""
       }
     },
-    "readonly": {
+    "required": {
       "type": "boolean",
       "mutable": false,
       "complexType": {
@@ -166,20 +168,20 @@ export class YooFormRankingComponent {
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
         "text": ""
       },
-      "attribute": "readonly",
-      "reflect": false
+      "attribute": "required",
+      "reflect": true
     },
-    "required": {
-      "type": "boolean",
+    "answer": {
+      "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
+        "original": "string[]",
+        "resolved": "string[]",
         "references": {}
       },
       "required": false,
@@ -187,9 +189,7 @@ export class YooFormRankingComponent {
       "docs": {
         "tags": [],
         "text": ""
-      },
-      "attribute": "required",
-      "reflect": false
+      }
     },
     "livePreview": {
       "type": "boolean",

package/dist/collection/components/form-creator/form-creator-overlay/form-creator-overlay.css

@@ -260,7 +260,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   bottom: auto;
   left: 0;
   height: 3rem;
-  margin-left: 25.05rem;
   background: var(--dark, #000000);
   opacity: 0.8;
+}
+:host .header-overlay.right-panel-only {
+  margin-left: 25.05rem;
 }

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

@@ -51,7 +51,7 @@ export class YooFormCreatorOverlayComponent {
       this.newCustomFormField && (h("div", { onClick: () => this.removeOverlays(), class: "overlay left-panel-only" },
         h("div", { class: "overlay-background" }),
         h("div", { class: "overlay-title" }, translate('NEWCUSTOMFORMFIELDSELECTION')))),
-      (this.newUndefinedCondition || this.newRestrictionCondition || this.newFieldCondition || this.newCustomFormField) && h("div", { class: "header-overlay", onClick: () => this.removeOverlays() })));
+      (this.newUndefinedCondition || this.newRestrictionCondition || this.newFieldCondition || this.newCustomFormField) && h("div", { class: { 'header-overlay': true, 'right-panel-only': !!this.initialNewFieldCondition }, onClick: () => this.removeOverlays() })));
   }
   static get is() { return "yoo-form-creator-overlay"; }
   static get encapsulation() { return "shadow"; }

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

@@ -387,7 +387,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.mobile) yoo-ion-content > div {
   padding-top: var(--spacing-16, 1rem);
-  padding-bottom: var(--spacing-16, 1rem);
 }
 :host(.mobile) .lesson-detail .lesson-content .warning-container {
   margin: var(--spacing-16, 1rem);

package/dist/design-system/{button.factory-fe727f55.js → button.factory-346d222a.js}

@@ -1,6 +1,6 @@
-import './index-0264fe6f.js';
+import './index-8e9e912c.js';
 import { h } from './index-53ad1641.js';
-import { Z as translateMulti } from './overlays-98a266a7.js';
+import { Z as translateMulti } from './overlays-f28cc1b0.js';
 
 const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },

package/dist/{esm/camera-helpers-0517ae52.js → design-system/camera-helpers-a224fd26.js}

@@ -1,5 +1,5 @@
-import { cq as cordova, cr as AwesomeCordovaNativePlugin, cs as cordovaPropertyGet, ct as cordovaPropertySet, cu as registerPlugin, a3 as getSession, cv as isIonic, j as isNativeMobile, cw as Device, k as isAndroid, H as isIOS, cx as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-98a266a7.js';
-import './index-1eb7655e.js';
+import { cq as cordova, cr as AwesomeCordovaNativePlugin, cs as cordovaPropertyGet, ct as cordovaPropertySet, cu as registerPlugin, a3 as getSession, cv as isIonic, j as isNativeMobile, cw as Device, k as isAndroid, H as isIOS, cx as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-f28cc1b0.js';
+import './index-34ae9aec.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-c3ac1984.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-fb425b39.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-2c2335f6.js → chat-helpers-56c04e87.js}

@@ -1,6 +1,6 @@
-import './index-1eb7655e.js';
+import './index-34ae9aec.js';
 import { i as isArray } from './lodash-653c0bcd.js';
-import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-98a266a7.js';
+import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-f28cc1b0.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-053900b3.js → design-system/common-helpers-cedca7db.js}

@@ -1,5 +1,5 @@
-import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-98a266a7.js';
-import './index-1eb7655e.js';
+import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-f28cc1b0.js';
+import './index-34ae9aec.js';
 import { C as get } from './lodash-653c0bcd.js';
 
 function getDefaultModalAnimation(host) {