@yoobic/yobi 8.5.0-51 → 8.5.0-53

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

@@ -87,6 +87,7 @@ export class YooFormCreatorComponent {
     this.expandedConditions = [];
     this.isPageReordering = false;
     this.pagesReordered = false;
+    this.movingField = null;
     this.onInsertPageAfterClicked = (event) => {
       if (event) {
         this.onAddNewPage(event.detail + 1);
@@ -753,7 +754,6 @@ export class YooFormCreatorComponent {
     else {
       this.currentSlides[slideIndex].items[itemIndex].condition = [condition];
     }
-    this.unattachedParentConditions = cleanUnattachedParentConditions(this.unattachedParentConditions, condition);
     this.emitNewSlidesAndRerender();
   }
   async updateTranslationValueInDialog(newTranslation) {
@@ -1307,19 +1307,26 @@ export class YooFormCreatorComponent {
         const oldIndex = event.oldIndex;
         const newIndex = event.newIndex;
         const oldParentIndex = this.parentBlockIndices[oldIndex];
-        const newParentIndex = this.parentBlockIndices[newIndex];
+        let newParentIndex = this.parentBlockIndices[newIndex];
+        this.isMovingUp = newIndex < oldIndex;
+        if (!this.isMovingUp) {
+          newParentIndex = 0;
+          for (let i = newIndex; this.parentBlockIndices[i] >= 0; i--) {
+            if (i !== oldIndex) {
+              const item = this.currentSlides[this.selectedPageIndex].items[this.parentBlockIndices[i]];
+              newParentIndex += getNumberOfSequentialFields(item) + 1;
+            }
+          }
+        }
         const movedItem = this.currentSlides[this.selectedPageIndex].items[oldParentIndex];
         const numberOfFieldsToMove = getNumberOfSequentialFields(movedItem) + 1;
         const itemsToMove = this.currentSlides[this.selectedPageIndex].items.slice(oldParentIndex, oldParentIndex + numberOfFieldsToMove);
-        this.shiftUnattachedConditions(newIndex, oldIndex);
+        this.shiftUnattachedConditions(movedItem.name, newIndex);
         this.currentSlides[this.selectedPageIndex].items.splice(oldParentIndex, numberOfFieldsToMove);
         this.currentSlides[this.selectedPageIndex].items.splice(newParentIndex, 0, ...itemsToMove);
         this.toggleInvisibleDiv();
         setFormFieldIndex(this.currentSlides);
-        this.slidesChanged.emit({
-          slides: this.currentSlides,
-          pageIndex: this.selectedPageIndex
-        });
+        this.emitNewSlidesAndRerender();
       }
     });
   }
@@ -1753,7 +1760,6 @@ export class YooFormCreatorComponent {
     }
     if (index !== undefined && index < this.parentBlockIndices.length && !field) {
       indexToAdd = this.parentBlockIndices[index];
-      this.shiftUnattachedConditions(indexToAdd);
     }
     else if (field && index > -1) {
       if (((_e = this.currentExpandedBlockLocation) === null || _e === void 0 ? void 0 : _e.itemIndex) === index && !field) {
@@ -1783,14 +1789,80 @@ export class YooFormCreatorComponent {
       this.forceSortableRefresh = true;
     }
   }
-  shiftUnattachedConditions(newIndex, oldIndex) {
+  blockFieldsCalculate(blockFields) {
+    this.currentSlides[this.selectedPageIndex].items.forEach(item => {
+      if (!item.sequentialConditionalField) {
+        const isFound = blockFields.find(i => i.name === item.name);
+        if (!isFound) {
+          blockFields.push(item);
+        }
+      }
+    });
+  }
+  getAffectedBlocks(name, newIndex, blockFields) {
+    const affectedBlockFields = [];
+    this.movingField = blockFields.find(item => item.name === name);
+    const movingIndex = blockFields.indexOf(this.movingField);
+    const affectedIndexs = [];
+    // When moving up
+    if (this.isMovingUp) {
+      for (let i = movingIndex - 1; i >= newIndex; i--) {
+        affectedIndexs.push(i);
+        affectedBlockFields.push(blockFields[i]);
+      }
+    }
+    // When moving down
+    else if (!this.isMovingUp) {
+      for (let i = movingIndex + 1; i <= newIndex; i++) {
+        affectedIndexs.push(i);
+        affectedBlockFields.push(blockFields[i]);
+      }
+    }
+    return affectedBlockFields;
+  }
+  allConditionIds(field, allConditionIds) {
+    if (field.parentConditions) {
+      field.parentConditions.forEach(condition => {
+        allConditionIds.push(condition.condition._id);
+        if (condition.fields) {
+          condition.fields.forEach(field => {
+            this.allConditionIds(field, allConditionIds);
+          });
+        }
+      });
+    }
+  }
+  shiftUnattachedConditions(name, newIndex) {
     var _a;
+    const blockFields = [];
+    const affectedConditions = [];
+    const movingConditions = [];
+    let adjustNumberForAffectedConditions = 0;
+    let adjustNumberForMovingConditions = 0;
+    this.blockFieldsCalculate(blockFields);
+    const affectedBlockFields = this.getAffectedBlocks(name, newIndex, blockFields);
+    affectedBlockFields.forEach(field => {
+      this.allConditionIds(field, affectedConditions);
+      adjustNumberForMovingConditions += getNumberOfSequentialFields(field) + 1;
+    });
+    adjustNumberForAffectedConditions = getNumberOfSequentialFields(this.movingField) + 1;
+    this.allConditionIds(this.movingField, movingConditions);
     this.unattachedParentConditions = (_a = this.unattachedParentConditions) === null || _a === void 0 ? void 0 : _a.map((unattachedParentCondition) => {
-      if (newIndex <= unattachedParentCondition.itemIndex && unattachedParentCondition.slideIndex === this.selectedPageIndex && (isNullOrUndefined(oldIndex) || oldIndex > unattachedParentCondition.itemIndex)) {
-        unattachedParentCondition.itemIndex += 1;
+      if (affectedConditions.includes(unattachedParentCondition.condition._id)) {
+        if (this.isMovingUp) {
+          unattachedParentCondition.itemIndex += adjustNumberForAffectedConditions;
+        }
+        else {
+          unattachedParentCondition.itemIndex -= adjustNumberForAffectedConditions;
+        }
       }
-      else if (oldIndex < unattachedParentCondition.itemIndex && unattachedParentCondition.slideIndex === this.selectedPageIndex) {
-        unattachedParentCondition.itemIndex -= 1;
+      else if (movingConditions.includes(unattachedParentCondition.condition._id)) {
+        if (this.isMovingUp) {
+          unattachedParentCondition.itemIndex -= adjustNumberForMovingConditions;
+        }
+        else {
+          unattachedParentCondition.itemIndex += adjustNumberForMovingConditions;
+        }
       }
       return unattachedParentCondition;
     });
@@ -1808,7 +1880,7 @@ export class YooFormCreatorComponent {
       const newPosition = up ? itemIndex - 1 : itemIndex + 1;
       this.currentSlides[slideIndex].items.splice(itemIndex, 1);
       this.currentSlides[slideIndex].items.splice(newPosition, 0, duplicatedField);
-      this.shiftUnattachedConditions(newPosition, itemIndex);
+      this.shiftUnattachedConditions(event.detail.name, newPosition);
       this.emitNewSlidesAndRerender();
     }
   }

package/dist/collection/components/form-creator/form-creator-condition-block/form-creator-condition-block.js

@@ -79,6 +79,9 @@ export class YooFormCreatorConditionBlockComponent {
   }
   componentWillUpdate() {
     this.itemPosition = this.getItemPosition();
+    if (this.parentFieldType) {
+      this.parentField = ALL_MOBILE_FORM_FIELDS.find((formField) => formField.type === this.parentFieldType);
+    }
   }
   isModeNew() {
     return this.mode === 'new' || this.mode === 'new-selection';

package/dist/collection/components/form-creator/form-creator-score-expandable/form-creator-score-expandable.js

@@ -1,4 +1,4 @@
-import { ALL_MOBILE_FORM_FIELDS, FORM_CREATOR_OPTIONS_ALL, FormFieldType, ScoringCategory } from '@shared/interfaces';
+import { ALL_MOBILE_FORM_FIELDS, FALSE_PRESENCE_VALUE_TEXT, FORM_CREATOR_OPTIONS_ALL, FormFieldType, ScoringCategory, TRUE_PRESENCE_VALUE_TEXT } from '@shared/interfaces';
 import { findMaxScore, gsapFromTo, gsapTo, isNotApplicable, isNullOrUndefined, Power3, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { starRatingMaxDefault } from '../helpers';
@@ -317,7 +317,6 @@ export class YooFormCreatorBlockExpandableComponent {
     return this.renderScoringInput(scoringInput, score);
   }
   getPresenceScoringContent() {
-    // TODO: need translations for these
     const trueScoringInput = {
       valueText: translate('VALUE/TRUE')
     };
@@ -325,14 +324,14 @@ export class YooFormCreatorBlockExpandableComponent {
       valueText: translate('NOVALUE/FALSE')
     };
     if (this.hasFormattedScoring()) {
-      trueScoringInput.score = this.findScoringValuePair('value/true').score;
+      trueScoringInput.score = this.findScoringValuePair(TRUE_PRESENCE_VALUE_TEXT).score;
       trueScoringInput.notApplicable = isNotApplicable(trueScoringInput.score);
-      falseScoringInput.score = this.findScoringValuePair('novalue/false').score;
+      falseScoringInput.score = this.findScoringValuePair(FALSE_PRESENCE_VALUE_TEXT).score;
       falseScoringInput.notApplicable = isNotApplicable(falseScoringInput.score);
     }
-    return [this.renderScoringInput(trueScoringInput, 0), this.renderScoringInput(falseScoringInput, 1)];
+    return [this.renderScoringInput(trueScoringInput, 0, TRUE_PRESENCE_VALUE_TEXT), this.renderScoringInput(falseScoringInput, 1, FALSE_PRESENCE_VALUE_TEXT)];
   }
-  renderScoringInput(scoringInput, index = 0) {
+  renderScoringInput(scoringInput, index = 0, valueText) {
     return (h("div", { class: "value-container" }, h("div", { class: "value-text" }, translateMulti(scoringInput.valueText.toUpperCase()), scoringInput.tooltip && (h("yoo-tooltip", { content: scoringInput.tooltip }, h("yoo-icon", { color: "stable", name: "help", size: "small" })))), h("div", { class: "input-container" }, h("yoo-form-input", { ref: (el) => (this.scoringInputs[index] = el), forceValueUpdate: true, type: "number", value: scoringInput.score, placeholder: translate('ADDVALUE'), hasIconPrefix: false, disabled: scoringInput.notApplicable, size: "medium", initialCheckboxParams: this.formField.scoringCategory !== ScoringCategory.numberRating
         ? {
           class: 'top-right-help',
@@ -341,7 +340,7 @@ export class YooFormCreatorBlockExpandableComponent {
           size: 'medium',
           value: scoringInput.notApplicable
         }
-        : null, onInputChanged: this.onScoringInputChanged.bind(this, scoringInput.valueText) }))));
+        : null, onInputChanged: this.onScoringInputChanged.bind(this, valueText || scoringInput.valueText) }))));
   }
   renderOuterContainer() {
     var _a, _b, _c;

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

@@ -358,13 +358,8 @@ export class YooGridCalendarComponent {
           this.itemSelected.emit({ entity: (_f = (_e = info === null || info === void 0 ? void 0 : info.event) === null || _e === void 0 ? void 0 : _e.extendedProps) === null || _f === void 0 ? void 0 : _f.item, event: info.jsEvent, calendarEvent: info === null || info === void 0 ? void 0 : info.event });
         }
       },
-      resourceAreaHeaderDidMount: (el) => {
-        // eslint-disable-next-line no-console
-        console.log('resourceAreaHeaderDidMount', el);
-        return el;
-      },
       noEventsContent: translate('YOOBICNOACTIVITY')
-    }, { schedulerLicenseKey: '0565952525-fcs-1637884800' });
+    }, { schedulerLicenseKey: '0144794256-fcs-1669420800' });
     return options;
   }
   getEntity(item, width) {

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

@@ -475,7 +475,7 @@ export class YooChatComponent {
   renderMessage(message, index, messageReceivedInfo) {
     var _a, _b, _c;
     const displayUserDetail = (user) => getAsyncExtraData({ type: 'user-detail', params: { user } });
-    return (h("yoo-chat-message", { class: { expanded: !((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.popupMode) }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: (_b = message.timetoken) === null || _b === void 0 ? void 0 : _b.toString(), key: message.timetoken, hasOptions: isWeb(this.host), message: { ...message, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index) }, asyncRender: true, allUsers: this.allUsers, isGroup: this.isMultiple, receivedByOthers: (messageReceivedInfo === null || messageReceivedInfo === void 0 ? void 0 : messageReceivedInfo.length) === ((_c = this.otherIds) === null || _c === void 0 ? void 0 : _c.length), onPresshold: ({ detail }) => this.messagePresshold.emit(detail), containerWidth: this.host.clientWidth, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: ({ detail }) => displayUserDetail(detail), onAvatarClicked: ({ detail }) => displayUserDetail(detail) }));
+    return (h("yoo-chat-message", { class: { expanded: !((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.popupMode) }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: (_b = message.timetoken) === null || _b === void 0 ? void 0 : _b.toString(), key: message.timetoken, hasOptions: isWeb(this.host), message: { ...message, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index) }, allUsers: this.allUsers, isGroup: this.isMultiple, receivedByOthers: (messageReceivedInfo === null || messageReceivedInfo === void 0 ? void 0 : messageReceivedInfo.length) === ((_c = this.otherIds) === null || _c === void 0 ? void 0 : _c.length), onPresshold: ({ detail }) => this.messagePresshold.emit(detail), containerWidth: this.host.clientWidth, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: ({ detail }) => displayUserDetail(detail), onAvatarClicked: ({ detail }) => displayUserDetail(detail) }));
   }
   renderBroadcastActions(action) {
     const actionType = action.actionType;

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

@@ -100,9 +100,7 @@ export class YooChatMessageComponent {
   componentDidLoad() {
     this.resizeListener = debounce(() => forceUpdate(this), 250).bind(this);
     window.addEventListener('resize', this.resizeListener);
-    if (!this.asyncRender) {
-      this.assignPressActions();
-    }
+    this.assignPressActions();
   }
   componentDidUpdate() {
     if (this.isVisible) {
@@ -110,7 +108,6 @@ export class YooChatMessageComponent {
     }
     if (this.shouldRender) {
       this.readyRender();
-      this.assignPressActions();
     }
   }
   async componentWillRender() {
@@ -450,23 +447,6 @@ export class YooChatMessageComponent {
         },
         "attribute": "has-options",
         "reflect": false
-      },
-      "asyncRender": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "async-render",
-        "reflect": false
       }
     };
   }

package/dist/design-system/{button.factory-28d330b6.js → button.factory-40a2136b.js}

@@ -1,6 +1,6 @@
-import './index-5c814d53.js';
+import './index-10c7d457.js';
 import { h } from './index-a6a92b3d.js';
-import { a3 as translateMulti } from './overlays-dae95d20.js';
+import { a3 as translateMulti } from './overlays-954e8c06.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-77a1980a.js → design-system/camera-helpers-1e052b56.js}

@@ -1,5 +1,5 @@
-import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './overlays-dae95d20.js';
-import './index-b8caac50.js';
+import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './overlays-954e8c06.js';
+import './index-516644e4.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-f26c9f6f.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-76ca8593.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-d3f77173.js → chat-helpers-1ae2ec39.js}

@@ -1,6 +1,6 @@
-import './index-b8caac50.js';
+import './index-516644e4.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './overlays-dae95d20.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './overlays-954e8c06.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-471f36f7.js → design-system/common-helpers-69fda02d.js}

@@ -1,5 +1,5 @@
-import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './overlays-dae95d20.js';
-import './index-b8caac50.js';
+import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './overlays-954e8c06.js';
+import './index-516644e4.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {