@yoobic/yobi 8.7.40 → 8.7.41

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-d0e6e0b4.js');
+require('./index-b746651e.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-6050b7ec.js');
+const commonHelpers = require('./common-helpers-9f879d50.js');
 const lodash = require('./lodash-036555ce.js');
-const index$4 = require('./index-8d1a012c.js');
-const index$2 = require('./index-0277b863.js');
+const index$4 = require('./index-89045d04.js');
+const index$2 = require('./index-cddf7ccb.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-9e56bbf4.js');
-require('./index-60c425f7.js');
-require('./annotations-helpers-ae7e2e8a.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
+require('./annotations-helpers-eb716d68.js');
 require('./_commonjsHelpers-94df2ea7.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 .animated-illustration-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 .animated-illustration-with-text h2{margin-top:unset;margin-bottom:unset}:host .animated-illustration-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 .animated-illustration-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .animated-illustration-with-text yoo-animated-illustration{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e5fa8107.js');
-const index = require('./index-9e56bbf4.js');
-require('./index-d0e6e0b4.js');
-require('./index-60c425f7.js');
+const index = require('./index-ecf9b58f.js');
+require('./index-b746651e.js');
+require('./index-666b1127.js');
 require('./lodash-036555ce.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-d0e6e0b4.js');
-const annotationsHelpers = require('./annotations-helpers-ae7e2e8a.js');
-const commonHelpers = require('./common-helpers-6050b7ec.js');
+require('./index-b746651e.js');
+const annotationsHelpers = require('./annotations-helpers-eb716d68.js');
+const commonHelpers = require('./common-helpers-9f879d50.js');
 const hammerHelpers = require('./hammer-helpers-0f5da5af.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-9e56bbf4.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-60c425f7.js');
+require('./index-666b1127.js');
 
 const zoomCss = "svg:not(:root){overflow:hidden}:host(:not([disabled])){overflow:hidden}:host([disabled]){cursor:default;-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/collection/components/1.atoms/tooltip/tooltip.js

@@ -173,7 +173,7 @@ export class YooTooltipComponent {
       if (tippyContent) {
         const editableTemplate = tippyContent.firstElementChild;
         if (editableTemplate) {
-          this.host.shadowRoot.appendChild(editableTemplate);
+          this.host.appendChild(editableTemplate);
         }
       }
     };
@@ -283,7 +283,7 @@ export class YooTooltipComponent {
     return (h(Host, null, h("slot", null), this.editable && this.renderEditable(), this.requestAccess && this.renderRequestAccess()));
   }
   static get is() { return "yoo-tooltip"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
     return {
       "$": ["tooltip.scss"]

package/dist/collection/components/form/form-date-time/form-date-time.js

@@ -1,5 +1,5 @@
 import { datepicker, locale } from '@mobiscroll/javascript';
-import { dateFormat, dateIsValid, endOf, findDevice, getCurrentLanguage, getUUID, getWeekStart, isWeb, startOf, translate } from '@shared/utils';
+import { dateFormat, dateIsValid, dateSub, endOf, findDevice, getCurrentLanguage, getUUID, getWeekStart, isWeb, startOf, translate } from '@shared/utils';
 import { h } from '@stencil/core';
 import { convertValueForInputType, setValidator, setValueAndValidateInput, validate } from '@yobi/utils/helpers/form-input-helpers';
 import { destroyMountPoints, generateRandomMountElementId, initShadowMountPoints } from '@yobi/utils/helpers/shadow-dom-helper';
@@ -107,7 +107,9 @@ export class YooFormDateTimeComponent {
           if (this.readonly) {
             event.stopPropagation();
           }
-          !this.isRange && this.onDateChanged(this.value ? new Date(this.value) : this.defaultCalendarValue ? this.defaultCalendarValue : new Date(), false);
+          !this.isRange &&
+            this.useISOString &&
+            this.onDateChanged(this.value ? new Date(this.value) : this.defaultCalendarValue ? this.defaultCalendarValue : new Date(), false);
           const isweb = isWeb(this.host);
           isweb &&
             this.dateTimeModal.setOptions({
@@ -122,9 +124,12 @@ export class YooFormDateTimeComponent {
         onClose: () => (this.isOpen = false),
         onTempChange: (event) => this.onDateChanged(event.value, this.isRange)
       });
-      if (this.value) {
+      if (this.value && this.useISOString) {
         this.isRange ? this.onDateChanged([new Date(this.value[0]), new Date(this.value[1])], true) : this.onDateChanged(new Date(this.value), false);
       }
+      else if (this.value) {
+        this.isRange ? this.onDateChanged([this.value[0], this.value[1]], true) : this.onDateChanged(this.value, false);
+      }
       this.updateIconPrefix(true);
     }
   }
@@ -133,15 +138,16 @@ export class YooFormDateTimeComponent {
     (_a = this.dateTimeModal) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   onDateChanged(value, isRange) {
+    var _a;
     if (!value || (value === null || value === void 0 ? void 0 : value.length) === 0) {
       setValueAndValidateInput(undefined, this);
       this.displayValue = '';
     }
     else {
       const formattedValue = isRange ? this.convertDateRange(value) : this.convertDate(value);
-      if (isRange || (!isRange && dateIsValid(value))) {
-        this.dateTimeModal.setVal(value);
-        setValueAndValidateInput(value, this);
+      if (isRange || !isRange && (dateIsValid(value) || !this.useISOString)) {
+        (_a = this.dateTimeModal) === null || _a === void 0 ? void 0 : _a.setVal(value);
+        setValueAndValidateInput(formattedValue, this);
       }
       else {
         this.dateTimeModal.setVal(null);
@@ -167,7 +173,7 @@ export class YooFormDateTimeComponent {
     }
   }
   convertDate(date) {
-    return convertValueForInputType(date, this.type, this.useISOString, true);
+    return convertValueForInputType(date, this.type, this.useISOString);
   }
   convertDateRange(dateRange) {
     let lowerBound = dateRange[0];
@@ -176,7 +182,7 @@ export class YooFormDateTimeComponent {
     }
     let upperBound = dateRange[1];
     if (upperBound) {
-      upperBound = endOf(upperBound, 'day');
+      upperBound = endOf(dateSub(upperBound, 'day', 1), 'day');
     }
     return [this.convertDate(lowerBound), upperBound && this.convertDate(upperBound)];
   }

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

@@ -244,6 +244,15 @@ svg:not(:root) {
   background: var(--light, #ffffff);
   border: none;
 }
+:host yoo-ion-content .box-frame ng-document-viewer {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+:host yoo-ion-content .box-frame ng-document-viewer .viewer-container {
+  width: 100%;
+  height: 100%;
+}
 :host yoo-ion-content .not-found-container {
   display: flex;
   flex-direction: column;

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/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-781ec49e.js → design-system/annotations-helpers-78ab791d.js}

@@ -1,5 +1,5 @@
-import './index-4e1d33a2.js';
-import { b9 as getUUID } from './index-c21edc8c.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-4a198d0b.js → button.factory-3d257dfc.js}

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

package/dist/{esm/camera-helpers-64b74ddf.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-c21edc8c.js';
-import './index-4e1d33a2.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-75dba84a.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-38c572d0.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

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

@@ -1,6 +1,6 @@
-import './index-4e1d33a2.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-c21edc8c.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-2d735bd7.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-c21edc8c.js';
-import './index-4e1d33a2.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) {