@cortezaproject/corteza-vue 2024.9.2-dev.2 → 2024.9.2-rc.2

package/dist/index.es.js

@@ -8,6 +8,7 @@ import multiload from 'i18next-multiload-backend-adapter';
 import VueI18Next from '@panter/vue-i18next';
 import mime from 'mime';
 import { createPopper } from '@popperjs/core';
+import _, { throttle as throttle$1, debounce, isNumber as isNumber$1 } from 'lodash';
 import { PhotoSwipe } from 'v-photoswipe';
 import * as pdfjsLib from 'pdfjs-dist';
 import Draggable from 'vuedraggable';
@@ -17,7 +18,6 @@ import { Paragraph as Paragraph$1, Mark, Plugin, PluginKey, Extension, EditorMen
 import { Heading as Heading$1, Link as Link$1, Bold, Italic, Underline, Strike, Blockquote, CodeBlock, OrderedList, BulletList, TodoList, HorizontalRule, ListItem, TodoItem, History, Table, TableHeader, TableCell, TableRow } from 'tiptap-extensions';
 import hps from 'html-parse-stringify';
 import { Chrome } from 'vue-color';
-import _, { debounce, throttle as throttle$1, isNumber as isNumber$1 } from 'lodash';
 import AceEditor from 'vue2-ace-editor';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faExpandAlt, faLock, faMoon, faSun } from '@fortawesome/free-solid-svg-icons';
@@ -2314,7 +2314,7 @@ function combineURLs(baseURL, relativeURL) {
  */
 function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) {
   let isRelativeUrl = !isAbsoluteURL(requestedURL);
-  if (baseURL && isRelativeUrl || allowAbsoluteUrls == false) {
+  if (baseURL && (isRelativeUrl || allowAbsoluteUrls == false)) {
     return combineURLs(baseURL, requestedURL);
   }
   return requestedURL;
@@ -3152,7 +3152,7 @@ function dispatchRequest(config) {
   });
 }
 
-const VERSION$2 = "1.8.3";
+const VERSION$2 = "1.8.4";
 
 const validators$1 = {};
 
@@ -3871,6 +3871,7 @@ class Auth {
         this.registerEventListener = registerEventListener;
         this.refreshFactor = refreshFactor;
         this.entrypointURL = entrypointURL;
+        this.expiresIn = 0;
         this.log.debug('initialized auth plugin', {
             app,
             cortezaAuthURL,
@@ -4149,6 +4150,25 @@ class Auth {
         }
         this.sessionStorage.setItem(storeKeyFlowStarted, (count + 1).toString());
     }
+    startAutoLogout() {
+        const tkn = this.sessionStorage.getItem(storeKeyRefreshToken) || '';
+        return this.exchangeRefresh(tkn).then(() => {
+            if (this.refreshTimeout) {
+                window.clearTimeout(this.refreshTimeout);
+            }
+            return this.expiresIn;
+        }).catch((err) => {
+            this.log.error('refresh token exchange failed', err);
+            throw err;
+        });
+    }
+    stopAutoLogout() {
+        const tkn = this.sessionStorage.getItem(storeKeyRefreshToken) || '';
+        return this.exchangeRefresh(tkn).catch((err) => {
+            this.log.error('refresh token exchange failed', err);
+            throw err;
+        });
+    }
     /**
      * Exchanges authorization code for access and refresh tokens
      */
@@ -4202,15 +4222,16 @@ class Auth {
         if (this.refreshTimeout) {
             window.clearTimeout(this.refreshTimeout);
         }
-        const timeout = oa2tkn.expires_in * this.refreshFactor;
+        this.expiresIn = oa2tkn.expires_in;
+        const timeout = this.expiresIn * this.refreshFactor;
         this.log.debug('setting up refresh timeout callback', {
-            expires_in: oa2tkn.expires_in,
+            expires_in: this.expiresIn,
             timeout,
         });
         // Schedule next refresh
         this.refreshTimeout = window.setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-            this.log.debug('refreshing token');
-            this.exchangeRefresh(oa2tkn.refresh_token)
+            const tkn = this.sessionStorage.getItem(storeKeyRefreshToken) || '';
+            yield this.exchangeRefresh(tkn)
                 .catch((err) => {
                 this.log.error('refresh token exchange failed', err);
                 this.startAuthenticationFlow();
@@ -5851,42 +5872,162 @@ var index$6 = /*#__PURE__*/Object.freeze({
   vueSelectPosition: vueSelectPosition
 });
 
-var script$1d = {
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+var script$1e = {
+  name: 'CExtendSession',
+
   props: {
-    resourceType: {
-      type: String,
-      required: true,
+    timeout: {
+      type: Number,
+      default: 60,
     },
 
-    uiSlot: {
-      type: String,
-      required: true,
+    labels: {
+      type: Object,
+      default: () => ({
+        extend: 'Extend Session',
+        warning: (countdownTime) => `You will be logged out in ${countdownTime} seconds`,
+      }),
     },
+  },
 
-    uiPage: {
-      type: String,
-      required: true,
+  data () {
+    return {
+      countdownTime: null,
+      countdownTimer: null,
+      lastActivityTime: 0,
+      heartbeatInterval: null,
+      debouncedUpdateActivity: null,
+      showModal: false,
+    }
+  },
+
+  mounted () {
+    this.debouncedUpdateActivity = throttle$1(this.updateActivity, 5000, { leading: true, trailing: true });
+    this.setupActivityListeners();
+    this.setupHeartbeatMonitoring();
+  },
+
+  beforeDestroy () {
+    clearInterval(this.heartbeatInterval);
+    clearInterval(this.countdownTimer);
+    this.removeActivityListeners();
+    this.debouncedUpdateActivity.cancel();
+  },
+
+  methods: {
+    extendSession () {
+      this.showModal = false;
+
+      this.$auth.stopAutoLogout().then(() => {
+        this.setupHeartbeatMonitoring();
+      }).catch((err) => {
+        console.error('Failed to stop auto logout', err);
+        this.$auth.logout();
+      });
     },
 
-    defaultVariant: {
-      type: String,
-      default: 'link',
+    startCountdown (expiresIn) {
+      this.countdownTime = expiresIn;
+
+      this.countdownTimer = setInterval(() => {
+        this.countdownTime--;
+
+        if (this.countdownTime <= 0) {
+          clearInterval(this.countdownTimer);
+          this.$auth.logout();
+        }
+      }, 1000);
     },
 
-    buttonClass: {
-      type: String,
-      default: 'mr-1',
+    stopCountdown () {
+      if (!this.countdownTimer) {
+        return
+      }
+
+      clearInterval(this.countdownTimer);
     },
 
-    size: {
-      type: String,
-      default: 'md',
+    promptExtendSession () {
+      clearInterval(this.heartbeatInterval);
+
+      this.$auth.startAutoLogout().then((expiresIn) => {
+        this.startCountdown(expiresIn);
+        this.showModal = true;
+      }).catch((err) => {
+        console.error('Failed to start auto logout', err);
+        this.$auth.logout();
+      });
     },
-  },
 
-  computed: {
-    buttons () {
-      return this.$UIHooks.Find(this.resourceType, this.uiPage, this.uiSlot)
+    setupActivityListeners () {
+      // Desktop events
+      window.addEventListener('mousemove', this.debouncedUpdateActivity, { passive: true });
+      window.addEventListener('keypress', this.debouncedUpdateActivity, { passive: true });
+      window.addEventListener('click', this.debouncedUpdateActivity, { passive: true });
+      window.addEventListener('scroll', this.debouncedUpdateActivity, { passive: true });
+
+      // Mobile events
+      window.addEventListener('touchstart', this.debouncedUpdateActivity, { passive: true });
+      window.addEventListener('touchmove', this.debouncedUpdateActivity, { passive: true });
+      window.addEventListener('touchend', this.debouncedUpdateActivity, { passive: true });
+    },
+
+    removeActivityListeners () {
+      // Desktop events
+      window.removeEventListener('mousemove', this.debouncedUpdateActivity);
+      window.removeEventListener('keypress', this.debouncedUpdateActivity);
+      window.removeEventListener('click', this.debouncedUpdateActivity);
+      window.removeEventListener('scroll', this.debouncedUpdateActivity);
+
+      // Mobile events
+      window.removeEventListener('touchstart', this.debouncedUpdateActivity);
+      window.removeEventListener('touchmove', this.debouncedUpdateActivity);
+      window.removeEventListener('touchend', this.debouncedUpdateActivity);
+    },
+
+    updateActivity () {
+      this.lastActivityTime = Date.now();
+    },
+
+    setupHeartbeatMonitoring () {
+      if (this.timeout === 0) {
+        return
+      }
+
+      this.lastActivityTime = Date.now();
+
+      this.heartbeatInterval = setInterval(() => {
+        const secondsSinceLastActivity = Math.floor((Date.now() - this.lastActivityTime) / 1000);
+
+        if (secondsSinceLastActivity > this.timeout) {
+          this.promptExtendSession();
+        }
+      }, 5000);
     },
   },
 };
@@ -5932,6 +6073,79 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
     return script;
 }
 
+/* script */
+const __vue_script__$1e = script$1e;
+
+/* template */
+var __vue_render__$19 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{"centered":"","hide-header":"","hide-footer":"","no-close-on-backdrop":"","no-close-on-esc":"","body-class":"d-flex flex-column justify-content-center align-items-center gap-2 p-4"},on:{"hide":_vm.stopCountdown},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v;},expression:"showModal"}},[_c('h5',[_vm._v(_vm._s(_vm.labels.warning(_vm.countdownTime)))]),_vm._v(" "),_c('b-button',{attrs:{"variant":"primary","size":"lg"},on:{"click":_vm.extendSession}},[_vm._v("\n    "+_vm._s(_vm.labels.extend)+"\n  ")])],1)};
+var __vue_staticRenderFns__$19 = [];
+
+  /* style */
+  const __vue_inject_styles__$1g = undefined;
+  /* scoped */
+  const __vue_scope_id__$1g = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$1g = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1g = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$1g = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$19, staticRenderFns: __vue_staticRenderFns__$19 },
+    __vue_inject_styles__$1g,
+    __vue_script__$1e,
+    __vue_scope_id__$1g,
+    __vue_is_functional_template__$1g,
+    __vue_module_identifier__$1g,
+    false,
+    undefined);
+
+var script$1d = {
+  props: {
+    resourceType: {
+      type: String,
+      required: true,
+    },
+
+    uiSlot: {
+      type: String,
+      required: true,
+    },
+
+    uiPage: {
+      type: String,
+      required: true,
+    },
+
+    defaultVariant: {
+      type: String,
+      default: 'link',
+    },
+
+    buttonClass: {
+      type: String,
+      default: 'mr-1',
+    },
+
+    size: {
+      type: String,
+      default: 'md',
+    },
+  },
+
+  computed: {
+    buttons () {
+      return this.$UIHooks.Find(this.resourceType, this.uiPage, this.uiSlot)
+    },
+  },
+};
+
 /* script */
 const __vue_script__$1d = script$1d;
 
@@ -6984,7 +7198,7 @@ var script$15 = {
 const __vue_script__$15 = script$15;
 
 /* template */
-var __vue_render__$11 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-inline-flex"},[(!_vm.inConfirmation)?[_c('b-button',{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.noninteractive.hover",value:({ title: _vm.tooltip, container: '#body' }),expression:"{ title: tooltip, container: '#body' }",modifiers:{"noninteractive":true,"hover":true}}],class:(_vm.buttonClass + " " + (_vm.borderless ? 'border-0' : '') + " flex-fill"),attrs:{"data-test-id":_vm.dataTestId,"variant":_vm.variant,"size":_vm.size,"disabled":_vm.disabled || _vm.processing},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onPrompt.apply(null, arguments)}}},[(_vm.processing)?_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}}):_vm._t("default",function(){return [(!_vm.$slots.default)?[(_vm.showIcon || !_vm.text)?_c('font-awesome-icon',{class:_vm.iconClass,attrs:{"icon":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.text)?_c('span',{class:_vm.textClass},[_vm._v("\n            "+_vm._s(_vm.text)+"\n          ")]):_vm._e()]:_vm._e()]})],2)]:[_c('b-button',{staticClass:"flex-fill mr-1",class:{ 'border-0': _vm.borderless },staticStyle:{"min-width":"2rem"},attrs:{"data-test-id":(_vm.dataTestId + "-confirm"),"variant":_vm.variantOk,"size":_vm.sizeConfirm,"disabled":_vm.okDisabled},on:{"blur":function($event){$event.preventDefault();return _vm.onCancel()},"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onConfirmation()}}},[_vm._t("yes",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"confirm","icon":['fas', 'check']}})]})],2),_vm._v(" "),_c('b-button',{staticClass:"flex-fill",class:[ _vm.borderless && 'border-0' ],staticStyle:{"min-width":"2rem"},attrs:{"data-test-id":(_vm.dataTestId + "-cancel"),"variant":_vm.variantCancel,"size":_vm.sizeConfirm,"disabled":_vm.cancelDisabled},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onCancel()}}},[_vm._t("no",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"reject","icon":['fas', 'times']}})]})],2)]],2)};
+var __vue_render__$11 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-inline-flex gap-1"},[(!_vm.inConfirmation)?_c('b-button',{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.noninteractive.hover",value:({ title: _vm.tooltip, container: '#body' }),expression:"{ title: tooltip, container: '#body' }",modifiers:{"noninteractive":true,"hover":true}}],class:(_vm.buttonClass + " " + (_vm.borderless ? 'border-0' : '') + " flex-fill"),attrs:{"data-test-id":_vm.dataTestId,"variant":_vm.variant,"size":_vm.size,"disabled":_vm.disabled || _vm.processing},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onPrompt.apply(null, arguments)}}},[(_vm.processing)?_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}}):[(_vm.showIcon || !_vm.text)?_c('font-awesome-icon',{class:_vm.iconClass,attrs:{"icon":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.text)?_c('span',{class:_vm.textClass},[_vm._v("\n        "+_vm._s(_vm.text)+"\n      ")]):_vm._e()]],2):[_c('b-button',{class:[ _vm.borderless && 'border-0', 'flex-fill' ],attrs:{"data-test-id":(_vm.dataTestId + "-confirm"),"variant":_vm.variantOk,"size":_vm.sizeConfirm,"disabled":_vm.okDisabled},on:{"blur":function($event){$event.preventDefault();return _vm.onCancel()},"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onConfirmation()}}},[_vm._t("yes",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"confirm","icon":['fas', 'check']}})]})],2),_vm._v(" "),_c('b-button',{class:[ _vm.borderless && 'border-0', 'flex-fill' ],attrs:{"data-test-id":(_vm.dataTestId + "-cancel"),"variant":_vm.variantCancel,"size":_vm.sizeConfirm,"disabled":_vm.cancelDisabled},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onCancel()}}},[_vm._t("no",function(){return [_c('font-awesome-icon',{attrs:{"data-test-id":"reject","icon":['fas', 'times']}})]})],2)]],2)};
 var __vue_staticRenderFns__$11 = [];
 
   /* style */
@@ -13391,12 +13605,12 @@ var __vue_staticRenderFns__$M = [];
   /* style */
   const __vue_inject_styles__$P = function (inject) {
     if (!inject) return
-    inject("data-v-5c03f0cc_0", { source: ".popout[data-v-5c03f0cc]{z-index:7;bottom:0;right:0}", map: undefined, media: undefined })
-,inject("data-v-5c03f0cc_1", { source: ".ace_editor{color:var(--black)!important;background-color:var(--white)!important;border-radius:.25rem;border:2px solid var(--extra-light)}.ace_editor .ace_gutter{background-color:var(--light)!important;color:var(--black)!important}.ace_editor .ace_gutter .ace_gutter-active-line{background-color:var(--extra-light)!important}", map: undefined, media: undefined });
+    inject("data-v-0a4a06ee_0", { source: ".popout[data-v-0a4a06ee]{z-index:7;bottom:0;right:0}", map: undefined, media: undefined })
+,inject("data-v-0a4a06ee_1", { source: ".ace_editor{color:var(--black)!important;background-color:var(--white)!important;border-radius:.25rem;border:2px solid var(--extra-light);font-size:initial!important}.ace_editor .ace_gutter{background-color:var(--light)!important;color:var(--black)!important}.ace_editor .ace_gutter .ace_gutter-active-line{background-color:var(--extra-light)!important}.ace_editor .ace_hidden-cursors .ace_cursor{color:var(--white)!important}.ace_editor .ace_cursor{color:var(--black)!important}.ace_autocomplete{border:none!important}.ace_autocomplete .ace_active-line{background-color:var(--extra-light)!important}.ace_autocomplete .ace_line-hover{border:none!important;background-color:var(--extra-light)!important}.ace_autocomplete .ace_completion-highlight{color:var(--primary)!important}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$P = "data-v-5c03f0cc";
+  const __vue_scope_id__$P = "data-v-0a4a06ee";
   /* module identifier */
   const __vue_module_identifier__$P = undefined;
   /* functional template */
@@ -13646,17 +13860,6 @@ var __vue_staticRenderFns__$L = [];
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 var script$M = {
   name: 'CButtonSubmit',
@@ -13707,11 +13910,6 @@ var script$M = {
       type: String,
       default: 'primary',
     },
-
-    iconVariant: {
-      type: String,
-      default: 'text-white',
-    },
   },
 };
 
@@ -13719,21 +13917,19 @@ var script$M = {
 const __vue_script__$M = script$M;
 
 /* template */
-var __vue_render__$K = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{class:_vm.buttonClass,attrs:{"data-test-id":"button-submit","type":"submit","variant":_vm.variant,"disabled":_vm.disabled || _vm.processing || _vm.success,"size":_vm.size,"block":_vm.block,"title":_vm.title},on:{"click":function($event){$event.preventDefault();return _vm.$emit('submit')}}},[(_vm.processing)?[(_vm.loadingText)?_c('span',{staticClass:"loading-text mx-2",attrs:{"data-test-id":"button-loading-text"}},[_vm._v("\n      "+_vm._s(_vm.loadingText)+"\n    ")]):_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}})]:(_vm.success)?[_c('font-awesome-icon',{staticClass:"text-white",class:_vm.iconVariant,attrs:{"data-test-id":"icon-success","icon":['fas', 'check']}})]:[_c('span',{attrs:{"data-test-id":"button-text"}},[_vm._v("\n      "+_vm._s(_vm.text)+"\n    ")])]],2)};
+var __vue_render__$K = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{class:_vm.buttonClass,attrs:{"data-test-id":"button-submit","type":"submit","variant":_vm.variant,"disabled":_vm.disabled || _vm.processing || _vm.success,"size":_vm.size,"block":_vm.block,"title":_vm.title},on:{"click":function($event){$event.preventDefault();return _vm.$emit('submit')}}},[(_vm.processing)?_c('b-spinner',{staticClass:"align-middle",attrs:{"data-test-id":"spinner","small":""}}):(_vm.success)?_c('font-awesome-icon',{attrs:{"data-test-id":"icon-success","icon":['fas', 'check']}}):(_vm.text)?_c('span',{attrs:{"data-test-id":"button-text"}},[_vm._v("\n    "+_vm._s(_vm.text)+"\n  ")]):_vm._e()],1)};
 var __vue_staticRenderFns__$K = [];
 
   /* style */
-  const __vue_inject_styles__$N = function (inject) {
-    if (!inject) return
-    inject("data-v-55bcbd92_0", { source: ".loading-text[data-v-55bcbd92]::after{display:inline-block;animation:saving steps(1,end) 1s infinite;content:''}", map: undefined, media: undefined });
-
-  };
+  const __vue_inject_styles__$N = undefined;
   /* scoped */
-  const __vue_scope_id__$N = "data-v-55bcbd92";
+  const __vue_scope_id__$N = undefined;
   /* module identifier */
   const __vue_module_identifier__$N = undefined;
   /* functional template */
   const __vue_is_functional_template__$N = false;
+  /* style inject */
+  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -13748,7 +13944,7 @@ var __vue_staticRenderFns__$K = [];
     __vue_is_functional_template__$N,
     __vue_module_identifier__$N,
     false,
-    createInjector);
+    undefined);
 
 //
 //
@@ -21225,6 +21421,7 @@ var index$4 = /*#__PURE__*/Object.freeze({
   CButtonSubmit: __vue_component__$N,
   CChart: __vue_component__$h,
   CCorredorManualButtons: __vue_component__$1f,
+  CExtendSession: __vue_component__$1g,
   CFormTableWrapper: __vue_component__$12,
   CHint: __vue_component__$8,
   CInputCheckbox: __vue_component__$R,