@yoobic/yobi 7.7.98 → 7.7.102

package/dist/cjs/{grid-renderers-dacdc474.js → grid-renderers-450b84ec.js}

@@ -24,6 +24,9 @@ const imageStyle = {
   height: '2rem'
 };
 const roundedImageStyle = Object.assign(Object.assign({}, imageStyle), { border: `1px solid ${rrule.getCssColor('stable-40')}`, 'border-radius': '50%' });
+function isCSVOrExcel(params) {
+  return (params === null || params === void 0 ? void 0 : params.type) === 'excel' || (params === null || params === void 0 ? void 0 : params.type) === 'csv';
+}
 function defaultRenderer(params) {
   var _a;
   let retVal = params.value || '';
@@ -400,7 +403,7 @@ function photoRenderer(params) {
   return '';
 }
 function multiphotoRenderer(params) {
-  const photos = params.value;
+  const photos = rrule.compact([].concat(params.value));
   if (photos && rrule.isArray(photos) && photos.length > 0) {
     //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
@@ -421,6 +424,27 @@ function multiphotoRenderer(params) {
   }
   return '';
 }
+function imageRenderer(params) {
+  var _a, _b, _c;
+  let photos = [];
+  const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
+  photos = rrule.compact([].concat((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.imagesCarousel));
+  if (photos && rrule.isArray(photos) && photos.length > 0) {
+    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
+    const container = document.createElement('div');
+    container.style.display = 'inherit';
+    photos.forEach((photo) => {
+      const img = document.createElement('yoo-img');
+      keys.keys(roundedImageStyle).forEach((k) => {
+        img.style[k] = roundedImageStyle[k];
+      });
+      img.src = photo;
+      container.appendChild(img);
+    });
+    return container;
+  }
+  return '';
+}
 function videoRenderer(params) {
   return '<video class="ag-cell-image video" [src]="' + params.value + '"></video>';
 }
@@ -594,13 +618,16 @@ function catalogRenderer(params) {
   return formCatalog;
 }
 function documentRenderer(params) {
+  var _a, _b, _c;
   let documents = [];
-  if (params.colDef.fieldDefinition.type === inputBar_interface.FormFieldType.document) {
-    documents = rrule.compact([].concat(params.colDef.fieldDefinition.document));
+  const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
+  if (((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.type) === inputBar_interface.FormFieldType.document) {
+    documents = rrule.compact([].concat(colDef.fieldDefinition.document));
   }
   else {
     documents = rrule.compact([].concat(params.value));
   }
+  documents = documents.filter((d) => !!d._downloadURL);
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
   if (documents.length > 0) {
@@ -612,8 +639,9 @@ function documentRenderer(params) {
       formDocument.showActionSheet = false;
       wrapper.appendChild(formDocument);
     });
+    return isCSVOrExcel(params) ? documents.map((d) => d._downloadURL).join(',') : wrapper;
   }
-  return wrapper;
+  return '';
 }
 function pricecheckRenderer(params) {
   const value = params.value;
@@ -636,7 +664,7 @@ function buttonRenderer(params) {
   return '';
 }
 function missionValidationRenderer(params) {
-  var _a, _b, _c;
+  var _a, _b;
   const value = params.value;
   let status = '';
   if (params.node && params.node.data) {
@@ -655,10 +683,10 @@ function missionValidationRenderer(params) {
   if (((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.group) && ((_b = params === null || params === void 0 ? void 0 : params.colDef) === null || _b === void 0 ? void 0 : _b.cellRenderer) === 'group') {
     retVal = `<yoo-tag color="stable">${rrule.translate('N/A')}</yoo-tag>`;
   }
-  return ((_c = params) === null || _c === void 0 ? void 0 : _c.type) === 'excel' ? stripHtml(retVal) : retVal;
+  return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
 }
 function missionStatusRenderer(params) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   let tag;
   let retVal = '';
   if ((_a = params.data) === null || _a === void 0 ? void 0 : _a.hasWorkflow) {
@@ -688,7 +716,7 @@ function missionStatusRenderer(params) {
     retVal = `<div class="not-center-container"><yoo-tag color="accent">${rrule.translate('AVAILABLE')}</yoo-tag></div>`;
   }
   retVal = retVal ? retVal : value ? value.toString() : retVal || '';
-  return ((_d = params) === null || _d === void 0 ? void 0 : _d.type) === 'excel' ? stripHtml(retVal) : retVal;
+  return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
 }
 function salesAIQuantityRenderer(params) {
   const value = params.value;
@@ -1130,6 +1158,8 @@ function getRenderer(renderer) {
       return photoRenderer;
     case 'multiphotoRenderer':
       return multiphotoRenderer;
+    case 'imageRenderer':
+      return imageRenderer;
     case 'videoRenderer':
       return videoRenderer;
     case 'starratingRenderer':

package/dist/cjs/{image-helpers-ea15b526.js → image-helpers-3385fd6f.js}

@@ -6,11 +6,11 @@ const index = require('./index-e2b47ee9.js');
 
 async function getImageSize(src, onErr) {
   const img = new Image();
-  if (src && (index.isImageUrl(src) || index.isBase64(src))) {
+  if (src) {
     img.src = rrule.isCloudinaryLink(src) ? new rrule.Cloudinary(src).quality('low').getUrl() : src;
     await new Promise((resolve, reject) => {
       img.onload = () => resolve(img.width);
-      img.onerror = () => reject(onErr === null || onErr === void 0 ? void 0 : onErr());
+      img.onerror = () => index.isImageUrl(src) || index.isBase64(src) && reject(onErr === null || onErr === void 0 ? void 0 : onErr());
     });
   }
   return {

package/dist/cjs/index.cjs.js

@@ -22,7 +22,7 @@ const formHelpers = require('./form-helpers-ec3c2d29.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
 const formTextAreaHelpers = require('./form-text-area-helpers-01944f5d.js');
 const geolocationHelpers = require('./geolocation-helpers-0f3560f5.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const incentiveHelpers = require('./incentive-helpers-99fce167.js');
 const mapHelpers = require('./map-helpers-021bd715.js');
 const observerHelpers = require('./observer-helpers-b02f15af.js');

package/dist/cjs/yoo-action-sheet-controller_15.cjs.entry.js

@@ -28,7 +28,7 @@ const isString = require('./isString-ecd0cbf4.js');
 const _createAggregator = require('./_createAggregator-c627b114.js');
 const get = require('./get-91c14783.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
-const gridRenderers = require('./grid-renderers-dacdc474.js');
+const gridRenderers = require('./grid-renderers-450b84ec.js');
 const localForage = require('./localForage-82b6f557.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
 require('./isUndefined-8f9cfd10.js');

package/dist/cjs/yoo-ag-grid_96.cjs.entry.js

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const ResizeObserver_es = require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const gridRenderers = require('./grid-renderers-dacdc474.js');
+const gridRenderers = require('./grid-renderers-450b84ec.js');
 const identity$4 = require('./identity-8189b2e1.js');
 const isNumber$1 = require('./isNumber-4c1ace60.js');
 const formHelpers = require('./form-helpers-ec3c2d29.js');
@@ -67,7 +67,7 @@ const sortable_esm = require('./sortable.esm-71f9713d.js');
 const map$1 = require('./map-363505c4.js');
 const isBoolean = require('./isBoolean-d41e779d.js');
 const theme = require('./theme-e757b365.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
 const draggableDotsHelpers = require('./draggable-dots-helpers-9650a4b7.js');
 const inRange = require('./inRange-009d0389.js');
@@ -130180,6 +130180,7 @@ const YooGridComponent = class {
                 setTimeout(() => this.updateGridSelectAllState(), 500);
               }
               else {
+                this.isFirstLoadAfterDisconnect = false;
                 this.fetchData.emit({
                   search: this.searchText,
                   currentPage,

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

@@ -10,7 +10,7 @@ const index$1 = require('./index-e2b47ee9.js');
 const localForage = require('./localForage-82b6f557.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const observerHelpers = require('./observer-helpers-b02f15af.js');
 const colorHelpers = require('./color-helpers-9f67677e.js');
 require('./toInteger-31800ffe.js');

package/dist/cjs/yoo-card-header.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./index-e2b47ee9.js');

package/dist/cjs/yoo-card-list-image_12.cjs.entry.js

@@ -15,8 +15,8 @@ const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
 const get = require('./get-91c14783.js');
 const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
-const gridRenderers = require('./grid-renderers-dacdc474.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
+const gridRenderers = require('./grid-renderers-450b84ec.js');
 const debounce = require('./debounce-fda84c7b.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const assign = require('./assign-bc4598ad.js');

package/dist/cjs/yoo-form-text-editor.cjs.entry.js

@@ -7155,7 +7155,7 @@ const YooFormTextEditorComponent = class {
       const baseUploadURL = await rrule.getAsyncExtraData({ type: 'upload-api' });
       try {
         this.editor = new froala_editor_min(this.containerEl, {
-          key: 'AVB8B-21A3B1C1F3F1D1ua2BD1IMNBUMRWAd1AYMSTRBUZYA-9H3E2J2C5C6B3D2B5B1C1==',
+          key: 'vYA6mB4F4H5B3H4A10dNSWXf1h1MDb1CF1PLPFf1C1EESFKVlA3C11A8D6D2C4E4G2C3H3==',
           theme: rrule.isDarkTheme() ? 'dark' : 'royal',
           toolbarSticky: false,
           requestHeaders: {

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

@@ -4801,9 +4801,11 @@ const YooGridstackComponent = class {
       }
       delete this.containerEl.gridstack;
       this.grid = gridstack.GridStack.init({
+        auto: false,
         column: this.column || 12,
         animate: true,
         disableOneColumnMode: this.forceOneColumn !== true,
+        oneColumnModeDomSort: false,
         cellHeight: this.cellHeight || 'auto',
         margin: this.itemMargin,
         acceptWidgets: '.ui-draggable',
@@ -4867,10 +4869,23 @@ const YooGridstackComponent = class {
     }
   }
   renderConfig() {
-    var _a;
     this.grid.removeAll(true);
     this.grid.batchUpdate();
-    (_a = this.config) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
+    let finalConfig = this.config;
+    if (this.column === 1 && (finalConfig === null || finalConfig === void 0 ? void 0 : finalConfig.length) > 0) {
+      finalConfig = gridstack.Utils.sort(this.config, 1, this.column);
+      finalConfig.forEach((v, i) => {
+        if (i === 0) {
+          v.y = 0;
+          v.x = 0;
+        }
+        else {
+          v.x = 0;
+          v.y = finalConfig[i - 1].y + finalConfig[i - 1].h;
+        }
+      });
+    }
+    finalConfig === null || finalConfig === void 0 ? void 0 : finalConfig.forEach((item) => {
       const isHidden = !!this.hiddenWidgets.find((i) => i.id === item.id);
       const el = this.grid.addWidget(this.getItemTemplate(item, isHidden), cloneDeep.cloneDeep(item));
       if (isHidden) {

package/dist/cjs/yoo-mission-results.cjs.entry.js

@@ -126,7 +126,7 @@ const YooMissionResultsComponent = class {
     return this.mission ? (index.h("div", { class: Object.assign({ 'mission-results': true, pdf: this.isPdf }, commonHelpers.getAppContext(this.host)) }, this.isPdf && (index.h("div", { class: "header-photo-container" }, ((_h = (_g = this.mission) === null || _g === void 0 ? void 0 : _g.description) === null || _h === void 0 ? void 0 : _h.pdfHeaderPhoto) && index.h("yoo-img", { class: "header-photo", src: this.mission.description.pdfHeaderPhoto }), index.h("div", { class: "header-content" }, index.h("div", { class: "title" }, rrule.translateMulti((_j = this.mission) === null || _j === void 0 ? void 0 : _j.title)), index.h("div", { class: "subtitle" }, (_k = this.mission) === null || _k === void 0 ? void 0 : _k.address), index.h("div", { class: "tag-container" }, showInformation &&
       (tags === null || tags === void 0 ? void 0 : tags.map((tag) => {
         return index.h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.innerHTML });
-      })))))), index.h("div", { class: "content" }, !this.isPdf && showInformation && index.h("yoo-mission-heading", { isPdf: this.isPdf, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, !this.isPdf && !isStoreManager && (this.mission.location || this.mission.address) ? this.renderMissionLocation() : null, ((_m = (_l = this.mission) === null || _l === void 0 ? void 0 : _l.aisle) === null || _m === void 0 ? void 0 : _m.title) ? this.renderMissionAisle() : null, showInformation && this.mission.ownerDisplayName ? this.renderMissionOwner() : null, !showInformation || this.mission.skipValidation ? null : this.renderMissionValidator(), showInformation && this.renderPriority(), this.mission.type === 'visit' && this.mission.visitType ? this.renderVisitType() : null, this.mission.type === 'visit' ? this.renderVisitDescription() : null, !rrule.getSession().isExternal && this.mission.workflowHistory && ((_q = (_p = (_o = this.mission) === null || _o === void 0 ? void 0 : _o.description) === null || _p === void 0 ? void 0 : _p.workflow) === null || _q === void 0 ? void 0 : _q.steps) && this.renderWorkflowHistory(), this.renderUnvalidatedReason(), showAudit && this.renderAudit()), showScore && index.h("yoo-mission-score", { isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })))) : null;
+      })))))), index.h("div", { class: "content" }, !this.isPdf && showInformation && index.h("yoo-mission-heading", { isPdf: this.isPdf, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, !this.isPdf && !isStoreManager && (this.mission.location || this.mission.address) ? this.renderMissionLocation() : null, ((_m = (_l = this.mission) === null || _l === void 0 ? void 0 : _l.aisle) === null || _m === void 0 ? void 0 : _m.title) ? this.renderMissionAisle() : null, showInformation && this.mission.ownerDisplayName ? this.renderMissionOwner() : null, !showInformation || this.mission.skipValidation ? null : this.renderMissionValidator(), showInformation && this.renderPriority(), this.mission.type === 'visit' && this.mission.visitType ? this.renderVisitType() : null, this.mission.type === 'visit' ? this.renderVisitDescription() : null, !rrule.getSession().isExternal && this.mission.workflowHistory && ((_q = (_p = (_o = this.mission) === null || _o === void 0 ? void 0 : _o.description) === null || _p === void 0 ? void 0 : _p.workflow) === null || _q === void 0 ? void 0 : _q.steps) && this.renderWorkflowHistory(), showInformation && this.renderUnvalidatedReason(), showAudit && this.renderAudit()), showScore && index.h("yoo-mission-score", { isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })))) : null;
   }
   get host() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const isNumber = require('./isNumber-4c1ace60.js');
 const get = require('./get-91c14783.js');
 require('./isUndefined-8f9cfd10.js');

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

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./index-e2b47ee9.js');

package/dist/collection/components/app-operations/mission-results/mission-results.js

@@ -214,7 +214,7 @@ export class YooMissionResultsComponent {
           this.mission.type === 'visit' && this.mission.visitType ? this.renderVisitType() : null,
           this.mission.type === 'visit' ? this.renderVisitDescription() : null,
           !getSession().isExternal && this.mission.workflowHistory && ((_q = (_p = (_o = this.mission) === null || _o === void 0 ? void 0 : _o.description) === null || _p === void 0 ? void 0 : _p.workflow) === null || _q === void 0 ? void 0 : _q.steps) && this.renderWorkflowHistory(),
-          this.renderUnvalidatedReason(),
+          showInformation && this.renderUnvalidatedReason(),
           showAudit && this.renderAudit()),
         showScore && h("yoo-mission-score", { isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })))) : null;
   }

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -133,7 +133,7 @@ export class YooFormTextEditorComponent {
       const baseUploadURL = await getAsyncExtraData({ type: 'upload-api' });
       try {
         this.editor = new FroalaEditor(this.containerEl, {
-          key: 'AVB8B-21A3B1C1F3F1D1ua2BD1IMNBUMRWAd1AYMSTRBUZYA-9H3E2J2C5C6B3D2B5B1C1==',
+          key: 'vYA6mB4F4H5B3H4A10dNSWXf1h1MDb1CF1PLPFf1C1EESFKVlA3C11A8D6D2C4E4G2C3H3==',
           theme: isDarkTheme() ? 'dark' : 'royal',
           toolbarSticky: false,
           requestHeaders: {

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

@@ -7,6 +7,9 @@ const imageStyle = {
   height: '2rem'
 };
 const roundedImageStyle = Object.assign(Object.assign({}, imageStyle), { border: `1px solid ${getCssColor('stable-40')}`, 'border-radius': '50%' });
+function isCSVOrExcel(params) {
+  return (params === null || params === void 0 ? void 0 : params.type) === 'excel' || (params === null || params === void 0 ? void 0 : params.type) === 'csv';
+}
 function defaultRenderer(params) {
   var _a;
   let retVal = params.value || '';
@@ -383,7 +386,7 @@ function photoRenderer(params) {
   return '';
 }
 function multiphotoRenderer(params) {
-  const photos = params.value;
+  const photos = compact([].concat(params.value));
   if (photos && isArray(photos) && photos.length > 0) {
     //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
@@ -404,6 +407,27 @@ function multiphotoRenderer(params) {
   }
   return '';
 }
+function imageRenderer(params) {
+  var _a, _b, _c;
+  let photos = [];
+  const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
+  photos = compact([].concat((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.imagesCarousel));
+  if (photos && isArray(photos) && photos.length > 0) {
+    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
+    const container = document.createElement('div');
+    container.style.display = 'inherit';
+    photos.forEach((photo) => {
+      const img = document.createElement('yoo-img');
+      keys(roundedImageStyle).forEach((k) => {
+        img.style[k] = roundedImageStyle[k];
+      });
+      img.src = photo;
+      container.appendChild(img);
+    });
+    return container;
+  }
+  return '';
+}
 function videoRenderer(params) {
   return '<video class="ag-cell-image video" [src]="' + params.value + '"></video>';
 }
@@ -577,13 +601,16 @@ function catalogRenderer(params) {
   return formCatalog;
 }
 function documentRenderer(params) {
+  var _a, _b, _c;
   let documents = [];
-  if (params.colDef.fieldDefinition.type === FormFieldType.document) {
-    documents = compact([].concat(params.colDef.fieldDefinition.document));
+  const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
+  if (((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.type) === FormFieldType.document) {
+    documents = compact([].concat(colDef.fieldDefinition.document));
   }
   else {
     documents = compact([].concat(params.value));
   }
+  documents = documents.filter((d) => !!d._downloadURL);
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
   if (documents.length > 0) {
@@ -595,8 +622,9 @@ function documentRenderer(params) {
       formDocument.showActionSheet = false;
       wrapper.appendChild(formDocument);
     });
+    return isCSVOrExcel(params) ? documents.map((d) => d._downloadURL).join(',') : wrapper;
   }
-  return wrapper;
+  return '';
 }
 function pricecheckRenderer(params) {
   const value = params.value;
@@ -619,7 +647,7 @@ function buttonRenderer(params) {
   return '';
 }
 function missionValidationRenderer(params) {
-  var _a, _b, _c;
+  var _a, _b;
   const value = params.value;
   let status = '';
   if (params.node && params.node.data) {
@@ -638,10 +666,10 @@ function missionValidationRenderer(params) {
   if (((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.group) && ((_b = params === null || params === void 0 ? void 0 : params.colDef) === null || _b === void 0 ? void 0 : _b.cellRenderer) === 'group') {
     retVal = `<yoo-tag color="stable">${translate('N/A')}</yoo-tag>`;
   }
-  return ((_c = params) === null || _c === void 0 ? void 0 : _c.type) === 'excel' ? stripHtml(retVal) : retVal;
+  return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
 }
 function missionStatusRenderer(params) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   let tag;
   let retVal = '';
   if ((_a = params.data) === null || _a === void 0 ? void 0 : _a.hasWorkflow) {
@@ -671,7 +699,7 @@ function missionStatusRenderer(params) {
     retVal = `<div class="not-center-container"><yoo-tag color="accent">${translate('AVAILABLE')}</yoo-tag></div>`;
   }
   retVal = retVal ? retVal : value ? value.toString() : retVal || '';
-  return ((_d = params) === null || _d === void 0 ? void 0 : _d.type) === 'excel' ? stripHtml(retVal) : retVal;
+  return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
 }
 function salesAIQuantityRenderer(params) {
   const value = params.value;
@@ -1113,6 +1141,8 @@ export function getRenderer(renderer) {
       return photoRenderer;
     case 'multiphotoRenderer':
       return multiphotoRenderer;
+    case 'imageRenderer':
+      return imageRenderer;
     case 'videoRenderer':
       return videoRenderer;
     case 'starratingRenderer':

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

@@ -809,6 +809,7 @@ export class YooGridComponent {
                 setTimeout(() => this.updateGridSelectAllState(), 500);
               }
               else {
+                this.isFirstLoadAfterDisconnect = false;
                 this.fetchData.emit({
                   search: this.searchText,
                   currentPage,

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

@@ -1,7 +1,7 @@
 import 'gridstack/dist/h5/gridstack-dd-native';
 import { debounce } from '@shared/utils';
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
-import { GridStack } from 'gridstack';
+import { GridStack, Utils } from 'gridstack';
 import { DDResizable } from 'gridstack/dist/h5/dd-resizable';
 import { assign, cloneDeep, isEqual, isFunction, pick, sortBy } from 'lodash-es';
 DDResizable.prototype._resizeStopOriginal = DDResizable.prototype._resizeStop;
@@ -189,9 +189,11 @@ export class YooGridstackComponent {
       }
       delete this.containerEl.gridstack;
       this.grid = GridStack.init({
+        auto: false,
         column: this.column || 12,
         animate: true,
         disableOneColumnMode: this.forceOneColumn !== true,
+        oneColumnModeDomSort: false,
         cellHeight: this.cellHeight || 'auto',
         margin: this.itemMargin,
         acceptWidgets: '.ui-draggable',
@@ -255,10 +257,23 @@ export class YooGridstackComponent {
     }
   }
   renderConfig() {
-    var _a;
     this.grid.removeAll(true);
     this.grid.batchUpdate();
-    (_a = this.config) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
+    let finalConfig = this.config;
+    if (this.column === 1 && (finalConfig === null || finalConfig === void 0 ? void 0 : finalConfig.length) > 0) {
+      finalConfig = Utils.sort(this.config, 1, this.column);
+      finalConfig.forEach((v, i) => {
+        if (i === 0) {
+          v.y = 0;
+          v.x = 0;
+        }
+        else {
+          v.x = 0;
+          v.y = finalConfig[i - 1].y + finalConfig[i - 1].h;
+        }
+      });
+    }
+    finalConfig === null || finalConfig === void 0 ? void 0 : finalConfig.forEach((item) => {
       const isHidden = !!this.hiddenWidgets.find((i) => i.id === item.id);
       const el = this.grid.addWidget(this.getItemTemplate(item, isHidden), cloneDeep(item));
       if (isHidden) {

package/dist/collection/utils/helpers/image-helpers.js

@@ -1,11 +1,11 @@
 import { cleanupWKWebViewImagePath, Cloudinary, getCssColor, isBase64, isCloudinaryLink, isImageUrl } from '@shared/utils';
 export async function getImageSize(src, onErr) {
   const img = new Image();
-  if (src && (isImageUrl(src) || isBase64(src))) {
+  if (src) {
     img.src = isCloudinaryLink(src) ? new Cloudinary(src).quality('low').getUrl() : src;
     await new Promise((resolve, reject) => {
       img.onload = () => resolve(img.width);
-      img.onerror = () => reject(onErr === null || onErr === void 0 ? void 0 : onErr());
+      img.onerror = () => isImageUrl(src) || isBase64(src) && reject(onErr === null || onErr === void 0 ? void 0 : onErr());
     });
   }
   return {