@yoobic/yobi 8.7.39 → 8.7.41

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

@@ -23,6 +23,7 @@ export class YooFormDocumentDialogComponent {
     this.hideSecondaryActions = undefined;
     this.isLoading = undefined;
     this.notFound = undefined;
+    this.previewLink = undefined;
   }
   async componentWillLoad() {
     var _a, _b;
@@ -230,11 +231,8 @@ export class YooFormDocumentDialogComponent {
     const key2 = key1 + '_' + this.document._lmt;
     return [key1, key2];
   }
-  openBoxLink(url) {
-    if (this.documentViewerContainer) {
-      this.documentViewerContainer.src = url;
-      this.isLoading = false;
-    }
+  useNgDocumentViewer(previewLink) {
+    return previewLink === null || previewLink === void 0 ? void 0 : previewLink.includes('documentviewer?id');
   }
   initBox() {
     var _a;
@@ -246,7 +244,7 @@ export class YooFormDocumentDialogComponent {
       }).then((session) => {
         var _a;
         if ((_a = session === null || session === void 0 ? void 0 : session.expiring_embed_link) === null || _a === void 0 ? void 0 : _a.url) {
-          this.openBoxLink(session.expiring_embed_link.url);
+          this.previewLink = session.expiring_embed_link.url;
           this.isLoading = false;
         }
         else if ((session === null || session === void 0 ? void 0 : session.error) === 'notfound') {
@@ -313,8 +311,18 @@ export class YooFormDocumentDialogComponent {
         return 'not supported yet :' + this.type;
     }
   }
+  renderPreviewLink() {
+    if (!this.previewLink)
+      return;
+    if (this.useNgDocumentViewer(this.previewLink)) {
+      return (h("div", { class: "box-frame" }, h("ng-document-viewer", { document: this.document })));
+    }
+    else {
+      return (h("iframe", { src: this.previewLink, class: "box-frame" }));
+    }
+  }
   renderDocumentViewer() {
-    return this.notFound ? h("div", { class: "not-found-container" }, h("yoo-illustration", { type: "error" }), h("div", null, translate('NOTFOUND'))) : h("iframe", { ref: (el) => (this.documentViewerContainer = el), class: "box-frame" });
+    return this.notFound ? h("div", { class: "not-found-container" }, h("yoo-illustration", { type: "error" }), h("div", null, translate('NOTFOUND'))) : this.renderPreviewLink();
   }
   renderHeader() {
     var _a;
@@ -581,7 +589,8 @@ export class YooFormDocumentDialogComponent {
   static get states() {
     return {
       "isLoading": {},
-      "notFound": {}
+      "notFound": {},
+      "previewLink": {}
     };
   }
   static get elementRef() { return "host"; }

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

@@ -319,7 +319,7 @@ export class YooFormDynamicComponent {
         }
         case FormFieldType.grid: {
           const grid = el;
-          grid.updateValues(field.tmpValues, field.tmpTotal, (formSearch === null || formSearch === void 0 ? void 0 : formSearch.search) || field.gridCurrentSearch);
+          grid.updateValues(field.tmpValues, field.tmpTotal, (formSearch === null || formSearch === void 0 ? void 0 : formSearch.search) || field.gridCurrentSearch, field.forceValueUpdate);
           break;
         }
         case FormFieldType.emailreport: {

package/dist/collection/components/form/form-missing-word/form-missing-word.helpers.js

@@ -0,0 +1,38 @@
+import { sanitizeInputValue, translateMulti } from '@shared/utils';
+function getRegExpFromCharCode(charCode) {
+  return new RegExp(`${String.fromCharCode(charCode)}`, 'g');
+}
+function standardiseBrackets(sentence) {
+  return sentence
+    ? sentence
+      //replace asian brackets with international brakets
+      .replace(getRegExpFromCharCode(65288), '(')
+      .replace(getRegExpFromCharCode(65289), ')')
+      .replace(/\(\(/g, ' ((')
+      .replace(/\)\)/g, ')) ')
+    : '';
+}
+export function formatSentenceAndExtractWords(sentence) {
+  var _a, _b;
+  const words = [];
+  const truthyValuesRegex = { g: /\(\(([^)]+)\)\)/g, i: /\(\(([^)]+)\)\)/i };
+  const falsyValuesRegex = { g: /\(\(([^)]?)\)\)/g, i: /\(\(([^)]?)\)\)/i };
+  sentence = standardiseBrackets(translateMulti(sentence));
+  sentence = (sanitizeInputValue(sentence) || '')
+    .split(' ')
+    .map((v) => v.replaceAll('))', ')) ').replaceAll('((', ' ((').replaceAll(' )) ', ')) ').replaceAll(' (( ', ' (('))
+    .join(' ')
+    //remove duplicate spaces
+    .replace(/\s+/g, ' ')
+    .trim();
+  (_a = sentence.match(falsyValuesRegex.g)) === null || _a === void 0 ? void 0 : _a.forEach((falsyValue) => {
+    sentence = sentence.replace(falsyValue, '').trim();
+  });
+  (_b = sentence.match(truthyValuesRegex.g)) === null || _b === void 0 ? void 0 : _b.forEach((extractedValue, index) => {
+    var _a, _b;
+    sentence = sentence.replace(extractedValue, `[[${index}]]`).trim();
+    const word = (_b = (_a = extractedValue.match(truthyValuesRegex.i)) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.trim();
+    word && words.push(word);
+  });
+  return { sentence, words };
+}

package/dist/collection/components/form/form-missing-word/form-missing-word.js

@@ -1,9 +1,9 @@
-import { formatTranslation, isValueATranslationKey, MAX_TAGS_CHARACTERS, translate, translateMulti } from '@shared/utils';
+import { isValueATranslationKey, MAX_TAGS_CHARACTERS, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { initTags } from '@yobi/utils/draggables';
 import { checkArray, getDuplicatedValue, hasDuplicates, showWarningBanner } from '@yobi/utils/helpers/draggable-tags-helpers';
 import { setValueAndValidateInput } from '@yobi/utils/helpers/form-input-helpers';
-import { isEqual } from 'lodash-es';
+import { formatSentenceAndExtractWords } from './form-missing-word.helpers';
 // The [[0]] permission is only for YOOBIC users and should never be used for clients.\nThe clientadmin permission gives the permission to access and modify the tenant database and groups .
 export class YooFormMissingWordComponent {
   constructor() {
@@ -26,7 +26,7 @@ export class YooFormMissingWordComponent {
   }
   async onValuesChanged(newValues, oldValues) {
     var _a;
-    this.hasDataChanged = !isEqual(newValues, oldValues);
+    this.hasDataChanged = (newValues === null || newValues === void 0 ? void 0 : newValues.toString()) !== (oldValues === null || oldValues === void 0 ? void 0 : oldValues.toString());
     if (this.hasDataChanged) {
       this.tags = await ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.updateTags({ newValues, oldValues }));
       this.value = this.droppedValues;
@@ -36,28 +36,30 @@ export class YooFormMissingWordComponent {
     return this.validity;
   }
   validate() {
-    var _a, _b;
-    if (checkArray(this.translatedAnswers)) {
-      this.validity = !this.required || ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.filter((v) => v)) === null || _b === void 0 ? void 0 : _b.length) === this.translatedAnswers.length;
-      this.validityChanged.emit(this.validity);
-      return this.validity;
-    }
+    var _a, _b, _c;
+    this.validity = !this.required || ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.filter((v) => v)) === null || _b === void 0 ? void 0 : _b.length) === ((_c = this.missingWords) === null || _c === void 0 ? void 0 : _c.length);
+    this.validityChanged.emit(this.validity);
+    return this.validity;
   }
   get droppedValues() {
     return this.tags.getDroppedValues().flat();
   }
   get isMatchingBrackets() {
     var _a;
-    return !!((_a = this.translatedSentence.match(this.bracketsRegexp)) === null || _a === void 0 ? void 0 : _a.length);
+    return !!((_a = this.sanitizedSentence.match(this.bracketsRegexp)) === null || _a === void 0 ? void 0 : _a.length);
+  }
+  get sanitizedSentence() {
+    return formatSentenceAndExtractWords(this.sentence).sentence;
   }
-  get translatedSentence() {
-    return formatTranslation(translateMulti(this.sentence));
+  get sequencedSentence() {
+    var _a, _b;
+    return ((_b = (_a = (this.isMatchingBrackets ? this.sanitizedSentence.split(' ') : this.sanitizedSentence.split(this.parenthesesRegexp.g))) === null || _a === void 0 ? void 0 : _a.map((v) => v.trim())) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || [];
   }
-  get translatedAnswers() {
+  get missingWords() {
     var _a, _b;
     return this.isMatchingBrackets
       ? (_a = this.answer) === null || _a === void 0 ? void 0 : _a.map((asw) => { var _a; return (_a = translateMulti(asw)) === null || _a === void 0 ? void 0 : _a.trim(); })
-      : (_b = this.translatedSentence.match(this.parenthesesRegexp.g)) === null || _b === void 0 ? void 0 : _b.map((v) => {
+      : (_b = this.sanitizedSentence.match(this.parenthesesRegexp.g)) === null || _b === void 0 ? void 0 : _b.map((v) => {
         var _a, _b;
         return ((_a = v === null || v === void 0 ? void 0 : v.match(this.parenthesesRegexp.i)) === null || _a === void 0 ? void 0 : _a.length) && ((_b = v.match(this.parenthesesRegexp.i)[1]) === null || _b === void 0 ? void 0 : _b.trim());
       });
@@ -121,6 +123,16 @@ export class YooFormMissingWordComponent {
   initGame() {
     this.tags = initTags(this.tagConfig, this.zonesConfig);
   }
+  getZoneIndexFromValue(value) {
+    var _a, _b;
+    if (this.sanitizedSentence.match(this.bracketsRegexp)) {
+      return (_b = parseInt((_a = value.match(this.bracketsRegexp)) === null || _a === void 0 ? void 0 : _a[1], 10)) !== null && _b !== void 0 ? _b : -1;
+    }
+    else if (this.sanitizedSentence.match(this.parenthesesRegexp.g)) {
+      return this.missingWords.indexOf(value);
+    }
+    return -1;
+  }
   renderInstructions() {
     return h("section", { id: "instructions" }, translate(this.placeholder));
   }
@@ -132,26 +144,17 @@ export class YooFormMissingWordComponent {
       !this.readonly && (h("yoo-banner", null, h("p", { slot: "content" }))));
   }
   renderSentence() {
-    const sentence = this.isMatchingBrackets ? this.translatedSentence.split(' ') : this.translatedSentence.split(this.parenthesesRegexp.g);
-    const getZoneIndex = (value) => {
+    var _a;
+    return (h("section", { id: "paragraph", ref: (el) => (this.paragraphElement = el) }, ((_a = this.sequencedSentence) === null || _a === void 0 ? void 0 : _a.map((word) => {
       var _a;
-      if (value.match(this.bracketsRegexp)) {
-        return parseInt(value.match(this.bracketsRegexp)[1], 10);
-      }
-      else if ((_a = this.translatedAnswers) === null || _a === void 0 ? void 0 : _a.includes(value)) {
-        return this.translatedAnswers.indexOf(value);
-      }
-      return -1;
-    };
-    return (h("section", { id: "paragraph", ref: (el) => (this.paragraphElement = el) }, (sentence === null || sentence === void 0 ? void 0 : sentence.map((v) => {
-      const zoneIndex = getZoneIndex(v);
+      const zoneIndex = this.getZoneIndexFromValue(word);
       if (zoneIndex >= 0) {
-        return zoneIndex <= this.translatedAnswers.length - 1 ? h("div", { class: "dropzone", id: `zone-${zoneIndex}` }) : '';
+        return zoneIndex <= ((_a = this.missingWords) === null || _a === void 0 ? void 0 : _a.length) - 1 ? h("div", { class: "dropzone", id: `zone-${zoneIndex}` }) : '';
       }
       else {
-        return v.concat(' ');
+        return word.concat(' ');
       }
-    })) || this.translatedSentence));
+    })) || this.sanitizedSentence));
   }
   renderMain() {
     return (h("main", null, this.sentence && this.renderSentence(), !this.readonly && [this.renderInstructions(), this.renderTagsZone()]));
@@ -388,8 +391,8 @@ export class YooFormMissingWordComponent {
           "text": ""
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
+          "original": "string[]",
+          "resolved": "string[]",
           "references": {}
         }
       }];

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

@@ -406,8 +406,8 @@ export class YooGridComponent {
       this.currentActivePlayerId = ev.detail;
     }
   }
-  async updateValues(values, total, gridCurrentSearch) {
-    if (this.isFormField) {
+  async updateValues(values, total, gridCurrentSearch, forceOverwriteValue) {
+    if (this.isFormField && !forceOverwriteValue) {
       this.items = [].concat(this.items || []).concat(values || []);
       if ((values === null || values === void 0 ? void 0 : values.length) > 0 && isObject(values[0])) {
         this.items = uniqBy(this.items, (d) => d[this.idAttributeName || '_id']);
@@ -7818,7 +7818,7 @@ export class YooGridComponent {
     return {
       "updateValues": {
         "complexType": {
-          "signature": "(values: any, total?: number, gridCurrentSearch?: any) => Promise<void>",
+          "signature": "(values: any, total?: number, gridCurrentSearch?: any, forceOverwriteValue?: boolean) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -7828,6 +7828,9 @@ export class YooGridComponent {
             }, {
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {

package/dist/collection/utils/helpers/form-input-helpers.js

@@ -208,7 +208,7 @@ function parseNumber(value) {
   const val = parseFloat(value);
   return isNaN(val) ? value : val;
 }
-export function convertValueForInputType(v, type, isISO, skipDateLocalConversion) {
+export function convertValueForInputType(v, type, isISO) {
   if (isISO && dateIsValid(v)) {
     return !isNil(v) ? toDate(v).toISOString() : null;
   }
@@ -223,7 +223,7 @@ export function convertValueForInputType(v, type, isISO, skipDateLocalConversion
       if (isNil(v)) {
         return null;
       }
-      return dateIsValid(v) ? dateFormat(toDate(v), 'YYYY-MM-DD', skipDateLocalConversion) : null;
+      return dateIsValid(v) ? dateFormat(toDate(v), 'YYYY-MM-DD') : null;
     case FormFieldType.datetime: {
       if (isNil(v)) {
         return null;

package/dist/{esm/annotations-helpers-d03b40ce.js → design-system/annotations-helpers-78ab791d.js}

@@ -1,5 +1,5 @@
-import './index-29b0382c.js';
-import { b9 as getUUID } from './index-228c9b20.js';
+import './index-a9128684.js';
+import { b9 as getUUID } from './index-a0a07879.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/design-system/{button.factory-eb3a157c.js → button.factory-3d257dfc.js}

@@ -1,4 +1,4 @@
-import { ae as translateMulti } from './index-228c9b20.js';
+import { ae as translateMulti } from './index-a0a07879.js';
 import { h } from './index-23b437f1.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-38a31461.js → design-system/camera-helpers-92c1b57f.js}

@@ -1,5 +1,5 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-228c9b20.js';
-import './index-29b0382c.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-a0a07879.js';
+import './index-a9128684.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-f3015adf.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-38c572d0.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-e83f50ad.js → chat-helpers-094b34f9.js}

@@ -1,6 +1,6 @@
-import './index-29b0382c.js';
+import './index-a9128684.js';
 import { a as isArray } from './lodash-04b11500.js';
-import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-228c9b20.js';
+import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-a0a07879.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-0a0f721c.js → design-system/common-helpers-e0fc63a2.js}

@@ -1,5 +1,5 @@
-import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-228c9b20.js';
-import './index-29b0382c.js';
+import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-a0a07879.js';
+import './index-a9128684.js';
 import { E as get } from './lodash-04b11500.js';
 
 function getDefaultModalAnimation(host) {