@iankibetsh/shframework 1.0.9 → 1.1.2

package/dist/dist/library.mjs.css

@@ -63,6 +63,21 @@
   color: white;
 }
 
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 :root {
   --ck-z-default: 10555 !important;
   --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
@@ -87,18 +102,3 @@
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }
-
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}

package/dist/library.js

@@ -8,8 +8,6 @@ var vue = require('vue');
 var NProgress = require('nprogress');
 var Editor = require('@tinymce/tinymce-vue');
 var Swal = require('sweetalert2');
-var ShConfirmAction = require('@/lib/components/ShConfirmAction.vue');
-var ShSilentAction = require('@/lib/components/ShSilentAction.vue');
 var pinia = require('pinia');
 var vueRouter = require('vue-router');
 
@@ -20,8 +18,6 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var NProgress__default = /*#__PURE__*/_interopDefaultLegacy(NProgress);
 var Editor__default = /*#__PURE__*/_interopDefaultLegacy(Editor);
 var Swal__default = /*#__PURE__*/_interopDefaultLegacy(Swal);
-var ShConfirmAction__default = /*#__PURE__*/_interopDefaultLegacy(ShConfirmAction);
-var ShSilentAction__default = /*#__PURE__*/_interopDefaultLegacy(ShSilentAction);
 
 function setItem (key, value) {
   let toStore = value;
@@ -43,30 +39,59 @@ var ShStorage = {
   removeItem
 };
 
+function logoutUser(){
+  // let logoutUrl = inject()
+  const logoutApiEndpoint = vue.inject('logoutApiEndpoint','auth/logout');
+  shApis.doPost(logoutApiEndpoint).then(res=>{
+    ShStorage.removeItem('access_token');
+    ShStorage.removeItem('user');
+    // const loginUrl = inject('loginUrl','/login')
+    window.location.href = '/login';
+  }).catch(ex=>{
+    vue.inject('loginUrl','/login');
+    ShStorage.removeItem('access_token');
+    ShStorage.removeItem('user');
+    window.location.href = '/login';
+  });
+  JSON.parse(ShStorage.getItem('user'));
+}
 const checkSession = function (isCheking) {
   let timeout = vue.inject('sessionTimeout');
   if(!timeout){
     timeout = 30;
+  } else {
+    timeout = parseFloat(timeout);
   }
-  const sessionStart = ShStorage.getItem('session_start');
-  const started = moment__default["default"](sessionStart);
-  if(!sessionStart){
-    ShStorage.removeItem('access_token');
-    ShStorage.removeItem('user');
-    return false
-  }
-  const pastMinutes = moment__default["default"]().diff(started, 'minutes');
-  if(pastMinutes >= timeout) {
-    ShStorage.removeItem('user');
-    ShStorage.removeItem('access_token');
-    return false
+  if(window.shLogoutTimeout){
+    clearTimeout(window.shLogoutTimeout);
   }
-  if (isCheking) {
-    return true
+
+  if(ShStorage.getItem('access_token')){
+    const timeOutSession = setTimeout(()=>{
+      logoutUser();
+    }, timeout * 60 * 1000);
+    window.shLogoutTimeout = timeOutSession;
   }
-  const timeNow = moment__default["default"]().toISOString();
-  ShStorage.setItem('session_start', timeNow);
-  return true
+
+  // const sessionStart = ShStorage.getItem('session_start')
+  // const started = moment(sessionStart)
+  // if(!sessionStart){
+  //   ShStorage.removeItem('access_token')
+  //   ShStorage.removeItem('user')
+  //   return false
+  // }
+  // const pastMinutes = moment().diff(started, 'minutes')
+  // if(pastMinutes >= timeout) {
+  //   ShStorage.removeItem('user')
+  //   ShStorage.removeItem('access_token')
+  //   return false
+  // }
+  // if (isCheking) {
+  //   return true
+  // }
+  // const timeNow = moment().toISOString()
+  // ShStorage.setItem('session_start', timeNow)
+  // return true
 };
 
 let apiUrl = undefined.VITE_APP_API_URL;
@@ -3113,7 +3138,158 @@ var shRepo = {
   formatDate
 };
 
+const _hoisted_1$6 = /*#__PURE__*/vue.createElementVNode("span", {
+  class: "spinner-border spinner-border-sm me-1",
+  role: "status",
+  "aria-hidden": "true"
+}, null, -1 /* HOISTED */);
+
+
 var script$7 = {
+  __name: 'ShConfirmAction',
+  props: {
+  data: Object,
+  title: String,
+  message: String,
+  url: {
+    type: String,
+    required: true
+  },
+  loadingMessage: {
+    type: String,
+    default: 'Processing'
+  }
+},
+  emits: ['actionSuccessful', 'actionFailed','actionCanceled'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+const processing = vue.ref(false);
+
+
+function runAction () {
+  processing.value = true;
+  shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
+    if(res.isConfirmed){
+      const value = res.value;
+      if(value.status){
+        emit('actionSuccessful', res);
+        processing.value = false;
+      } else {
+        emit('actionFailed', value);
+        processing.value = false;
+      }
+    } else {
+      emit('actionCanceled');
+      processing.value = false;
+    }
+  }).catch(ex => {
+    emit('actionFailed', ex);
+    processing.value = false;
+  });
+}
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createElementBlock("a", {
+    class: vue.normalizeClass(processing.value ? 'disabled':''),
+    onClick: runAction
+  }, [
+    (processing.value)
+      ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          _hoisted_1$6,
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.loadingMessage), 1 /* TEXT */)
+        ], 64 /* STABLE_FRAGMENT */))
+      : vue.createCommentVNode("v-if", true),
+    (!processing.value)
+      ? vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+      : vue.createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+}
+
+};
+
+script$7.__file = "src/lib/components/ShConfirmAction.vue";
+
+const _hoisted_1$5 = /*#__PURE__*/vue.createElementVNode("span", {
+  class: "spinner-border spinner-border-sm me-1",
+  role: "status",
+  "aria-hidden": "true"
+}, null, -1 /* HOISTED */);
+
+var script$6 = {
+  __name: 'ShSilentAction',
+  props: {
+  data: Object,
+  loadingMessage: {
+    type: String,
+    default: 'Processing'
+  },
+  method: {
+    type: String,
+    default: 'POST'
+  },
+  url: {
+    type: String,
+    required: true
+  }
+},
+  emits: ['actionSuccessful','actionFailed'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+const processing = vue.ref(false);
+
+
+function runAction(){
+  processing.value = true;
+  if(props.method === 'POST'){
+    shApis.doPost(props.url,props.data).then(res=>{
+      emit('actionSuccessful',res);
+      processing.value = false;
+    }).catch(reason=>{
+      emit('actionFailed', reason);
+      processing.value = false;
+    });
+  }
+  if(props.method === 'GET'){
+    shApis.doGet(props.url,props.data).then(res=>{
+      emit('actionSuccessful',res);
+      processing.value = false;
+    }).catch(reason=>{
+      emit('actionFailed', reason);
+      processing.value = false;
+    });
+  }
+}
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createElementBlock("a", {
+    class: vue.normalizeClass(processing.value ? 'disabled':''),
+    onClick: runAction
+  }, [
+    (processing.value)
+      ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          _hoisted_1$5,
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.loadingMessage), 1 /* TEXT */)
+        ], 64 /* STABLE_FRAGMENT */))
+      : vue.createCommentVNode("v-if", true),
+    (!processing.value)
+      ? vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+      : vue.createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+}
+
+};
+
+script$6.__file = "src/lib/components/ShSilentAction.vue";
+
+var script$5 = {
   name: 'sh-table',
   props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds'],
   inject: ['channel'],
@@ -3344,8 +3520,8 @@ var script$7 = {
     this.reloadData();
   },
   components: {
-    ShSilentAction: ShSilentAction__default["default"],
-    ShConfirmAction: ShConfirmAction__default["default"],
+    ShSilentAction: script$6,
+    ShConfirmAction: script$7,
     ShCanvas: script$9,
     pagination: script$8
   },
@@ -3365,7 +3541,7 @@ var script$7 = {
   }
 };
 
-const _hoisted_1$6 = { class: "auto-table mt-2" };
+const _hoisted_1$4 = { class: "auto-table mt-2" };
 const _hoisted_2$4 = {
   key: 0,
   class: "col-md-4 mb-2"
@@ -3527,7 +3703,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_pagination = vue.resolveComponent("pagination");
   const _component_sh_canvas = vue.resolveComponent("sh-canvas");
 
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
     ($props.hasDownload)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
           vue.createElementVNode("button", {
@@ -3975,10 +4151,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$7.render = render$1;
-script$7.__file = "src/lib/components/ShTable.vue";
+script$5.render = render$1;
+script$5.__file = "src/lib/components/ShTable.vue";
 
-var script$6 = {
+var script$4 = {
   name: 'ShTabs',
   props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive','classOne','classTwo','classes'],
   data () {
@@ -4099,10 +4275,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$6.render = render;
-script$6.__file = "src/lib/components/ShTabs.vue";
+script$4.render = render;
+script$4.__file = "src/lib/components/ShTabs.vue";
 
-const _hoisted_1$5 = {
+const _hoisted_1$3 = {
   class: "nav nav-tabs",
   role: "tablist"
 };
@@ -4113,7 +4289,7 @@ const _hoisted_2$3 = {
 const _hoisted_3$3 = ["onClick"];
 const _hoisted_4$3 = { class: "tab-content" };
 
-var script$5 = {
+var script$3 = {
   __name: 'ShDynamicTabs',
   props: ['tabs','data'],
   setup(__props) {
@@ -4138,7 +4314,7 @@ function setTab(tab){
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("ul", _hoisted_1$5, [
+    vue.createElementVNode("ul", _hoisted_1$3, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tabs), (tab) => {
         return (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$3, [
           vue.createElementVNode("button", {
@@ -4159,158 +4335,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$5.__file = "src/lib/components/ShDynamicTabs.vue";
-
-const _hoisted_1$4 = /*#__PURE__*/vue.createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
-var script$4 = {
-  __name: 'ShSilentAction',
-  props: {
-  data: Object,
-  loadingMessage: {
-    type: String,
-    default: 'Processing'
-  },
-  method: {
-    type: String,
-    default: 'POST'
-  },
-  url: {
-    type: String,
-    required: true
-  }
-},
-  emits: ['actionSuccessful','actionFailed'],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-
-const processing = vue.ref(false);
-
-
-function runAction(){
-  processing.value = true;
-  if(props.method === 'POST'){
-    shApis.doPost(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
-    }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
-    });
-  }
-  if(props.method === 'GET'){
-    shApis.doGet(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
-    }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
-    });
-  }
-}
-
-return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock("a", {
-    class: vue.normalizeClass(processing.value ? 'disabled':''),
-    onClick: runAction
-  }, [
-    (processing.value)
-      ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _hoisted_1$4,
-          vue.createElementVNode("span", null, vue.toDisplayString(__props.loadingMessage), 1 /* TEXT */)
-        ], 64 /* STABLE_FRAGMENT */))
-      : vue.createCommentVNode("v-if", true),
-    (!processing.value)
-      ? vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-      : vue.createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-}
-
-};
-
-script$4.__file = "src/lib/components/ShSilentAction.vue";
-
-const _hoisted_1$3 = /*#__PURE__*/vue.createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
-
-var script$3 = {
-  __name: 'ShConfirmAction',
-  props: {
-  data: Object,
-  title: String,
-  message: String,
-  url: {
-    type: String,
-    required: true
-  },
-  loadingMessage: {
-    type: String,
-    default: 'Processing'
-  }
-},
-  emits: ['actionSuccessful', 'actionFailed','actionCanceled'],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-
-const processing = vue.ref(false);
-
-
-function runAction () {
-  processing.value = true;
-  shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
-    if(res.isConfirmed){
-      const value = res.value;
-      if(value.status){
-        emit('actionSuccessful', res);
-        processing.value = false;
-      } else {
-        emit('actionFailed', value);
-        processing.value = false;
-      }
-    } else {
-      emit('actionCanceled');
-      processing.value = false;
-    }
-  }).catch(ex => {
-    emit('actionFailed', ex);
-    processing.value = false;
-  });
-}
-
-return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock("a", {
-    class: vue.normalizeClass(processing.value ? 'disabled':''),
-    onClick: runAction
-  }, [
-    (processing.value)
-      ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _hoisted_1$3,
-          vue.createElementVNode("span", null, vue.toDisplayString(__props.loadingMessage), 1 /* TEXT */)
-        ], 64 /* STABLE_FRAGMENT */))
-      : vue.createCommentVNode("v-if", true),
-    (!processing.value)
-      ? vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-      : vue.createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-}
-
-};
-
-script$3.__file = "src/lib/components/ShConfirmAction.vue";
+script$3.__file = "src/lib/components/ShDynamicTabs.vue";
 
 const useUserStore = pinia.defineStore('user-store', {
   state: () => ({
@@ -4438,7 +4463,7 @@ return (_ctx, _cache) => {
           _hoisted_5$2,
           vue.createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
-        vue.createVNode(script$7, {
+        vue.createVNode(script$5, {
           headers: ['id','name','description', 'created_at'],
           "end-point": "admin/departments/list",
           actions: {
@@ -4589,7 +4614,7 @@ return (_ctx, _cache) => {
         vue.createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
           vue.createElementVNode("h5", null, "Department #" + vue.toDisplayString(vue.unref(department).id) + " - " + vue.toDisplayString(vue.unref(department).name) + " Allowed Modules", 1 /* TEXT */),
-          vue.createVNode(script$7, {
+          vue.createVNode(script$5, {
             actions: {
       label: 'Actions',
       actions: [
@@ -4811,6 +4836,8 @@ const ShFrontend = {
     const registerEndpoint = options.registerEndpoint ?? 'auth/register';
     const registerTitle = options.registerTitle ?? 'Create a new account';
     const registerSubTitle = options.registerSubTitle ?? `It's quick and easy`;
+    const logoutApiEndpoint = options.logoutApiEndpoint ?? `auth/logout`;
+    const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
     const registrationFields = options.registrationFields ?? ['name','email','phone','password','password_confirmation'];
@@ -4822,6 +4849,8 @@ const ShFrontend = {
     app.provide('registerSubTitle', registerSubTitle);
     app.provide('redirectLogin', redirectLogin);
     app.provide('redirectRegister', redirectRegister);
+    app.provide('logoutApiEndpoint', logoutApiEndpoint);
+    app.provide('loginUrl', loginUrl);
     window.swalPosition = swalPosition;
     if(options.router) {
       options.router.addRoute({
@@ -4841,17 +4870,17 @@ const ShFrontend = {
 };
 
 exports.ShCanvas = script$9;
-exports.ShConfirmAction = script$3;
+exports.ShConfirmAction = script$7;
 exports.ShDropDownForm = script$c;
-exports.ShDynamicTabs = script$5;
+exports.ShDynamicTabs = script$3;
 exports.ShForm = script$d;
 exports.ShFrontend = ShFrontend;
 exports.ShModal = script$b;
 exports.ShModalForm = script$a;
 exports.ShPhone = script$g;
-exports.ShSilentAction = script$4;
-exports.ShTable = script$7;
-exports.ShTabs = script$6;
+exports.ShSilentAction = script$6;
+exports.ShTable = script$5;
+exports.ShTabs = script$4;
 exports.shApis = shApis;
 exports.shRepo = shRepo;
 exports.shStorage = ShStorage;

package/dist/library.mjs

@@ -4,8 +4,6 @@ import { inject, openBlock, createElementBlock, createElementVNode, createTextVN
 import NProgress from 'nprogress';
 import Editor from '@tinymce/tinymce-vue';
 import Swal from 'sweetalert2';
-import ShConfirmAction from '@/lib/components/ShConfirmAction.vue';
-import ShSilentAction from '@/lib/components/ShSilentAction.vue';
 import { defineStore, storeToRefs } from 'pinia';
 import { useRoute, useRouter } from 'vue-router';
 
@@ -29,30 +27,59 @@ var ShStorage = {
   removeItem
 };
 
+function logoutUser(){
+  // let logoutUrl = inject()
+  const logoutApiEndpoint = inject('logoutApiEndpoint','auth/logout');
+  shApis.doPost(logoutApiEndpoint).then(res=>{
+    ShStorage.removeItem('access_token');
+    ShStorage.removeItem('user');
+    // const loginUrl = inject('loginUrl','/login')
+    window.location.href = '/login';
+  }).catch(ex=>{
+    inject('loginUrl','/login');
+    ShStorage.removeItem('access_token');
+    ShStorage.removeItem('user');
+    window.location.href = '/login';
+  });
+  JSON.parse(ShStorage.getItem('user'));
+}
 const checkSession = function (isCheking) {
   let timeout = inject('sessionTimeout');
   if(!timeout){
     timeout = 30;
+  } else {
+    timeout = parseFloat(timeout);
   }
-  const sessionStart = ShStorage.getItem('session_start');
-  const started = moment(sessionStart);
-  if(!sessionStart){
-    ShStorage.removeItem('access_token');
-    ShStorage.removeItem('user');
-    return false
-  }
-  const pastMinutes = moment().diff(started, 'minutes');
-  if(pastMinutes >= timeout) {
-    ShStorage.removeItem('user');
-    ShStorage.removeItem('access_token');
-    return false
+  if(window.shLogoutTimeout){
+    clearTimeout(window.shLogoutTimeout);
   }
-  if (isCheking) {
-    return true
+
+  if(ShStorage.getItem('access_token')){
+    const timeOutSession = setTimeout(()=>{
+      logoutUser();
+    }, timeout * 60 * 1000);
+    window.shLogoutTimeout = timeOutSession;
   }
-  const timeNow = moment().toISOString();
-  ShStorage.setItem('session_start', timeNow);
-  return true
+
+  // const sessionStart = ShStorage.getItem('session_start')
+  // const started = moment(sessionStart)
+  // if(!sessionStart){
+  //   ShStorage.removeItem('access_token')
+  //   ShStorage.removeItem('user')
+  //   return false
+  // }
+  // const pastMinutes = moment().diff(started, 'minutes')
+  // if(pastMinutes >= timeout) {
+  //   ShStorage.removeItem('user')
+  //   ShStorage.removeItem('access_token')
+  //   return false
+  // }
+  // if (isCheking) {
+  //   return true
+  // }
+  // const timeNow = moment().toISOString()
+  // ShStorage.setItem('session_start', timeNow)
+  // return true
 };
 
 let apiUrl = import.meta.env.VITE_APP_API_URL;
@@ -3099,7 +3126,158 @@ var shRepo = {
   formatDate
 };
 
+const _hoisted_1$6 = /*#__PURE__*/createElementVNode("span", {
+  class: "spinner-border spinner-border-sm me-1",
+  role: "status",
+  "aria-hidden": "true"
+}, null, -1 /* HOISTED */);
+
+
 var script$7 = {
+  __name: 'ShConfirmAction',
+  props: {
+  data: Object,
+  title: String,
+  message: String,
+  url: {
+    type: String,
+    required: true
+  },
+  loadingMessage: {
+    type: String,
+    default: 'Processing'
+  }
+},
+  emits: ['actionSuccessful', 'actionFailed','actionCanceled'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+const processing = ref(false);
+
+
+function runAction () {
+  processing.value = true;
+  shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
+    if(res.isConfirmed){
+      const value = res.value;
+      if(value.status){
+        emit('actionSuccessful', res);
+        processing.value = false;
+      } else {
+        emit('actionFailed', value);
+        processing.value = false;
+      }
+    } else {
+      emit('actionCanceled');
+      processing.value = false;
+    }
+  }).catch(ex => {
+    emit('actionFailed', ex);
+    processing.value = false;
+  });
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("a", {
+    class: normalizeClass(processing.value ? 'disabled':''),
+    onClick: runAction
+  }, [
+    (processing.value)
+      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _hoisted_1$6,
+          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
+        ], 64 /* STABLE_FRAGMENT */))
+      : createCommentVNode("v-if", true),
+    (!processing.value)
+      ? renderSlot(_ctx.$slots, "default", { key: 1 })
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+}
+
+};
+
+script$7.__file = "src/lib/components/ShConfirmAction.vue";
+
+const _hoisted_1$5 = /*#__PURE__*/createElementVNode("span", {
+  class: "spinner-border spinner-border-sm me-1",
+  role: "status",
+  "aria-hidden": "true"
+}, null, -1 /* HOISTED */);
+
+var script$6 = {
+  __name: 'ShSilentAction',
+  props: {
+  data: Object,
+  loadingMessage: {
+    type: String,
+    default: 'Processing'
+  },
+  method: {
+    type: String,
+    default: 'POST'
+  },
+  url: {
+    type: String,
+    required: true
+  }
+},
+  emits: ['actionSuccessful','actionFailed'],
+  setup(__props, { emit }) {
+
+const props = __props;
+
+
+const processing = ref(false);
+
+
+function runAction(){
+  processing.value = true;
+  if(props.method === 'POST'){
+    shApis.doPost(props.url,props.data).then(res=>{
+      emit('actionSuccessful',res);
+      processing.value = false;
+    }).catch(reason=>{
+      emit('actionFailed', reason);
+      processing.value = false;
+    });
+  }
+  if(props.method === 'GET'){
+    shApis.doGet(props.url,props.data).then(res=>{
+      emit('actionSuccessful',res);
+      processing.value = false;
+    }).catch(reason=>{
+      emit('actionFailed', reason);
+      processing.value = false;
+    });
+  }
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("a", {
+    class: normalizeClass(processing.value ? 'disabled':''),
+    onClick: runAction
+  }, [
+    (processing.value)
+      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _hoisted_1$5,
+          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
+        ], 64 /* STABLE_FRAGMENT */))
+      : createCommentVNode("v-if", true),
+    (!processing.value)
+      ? renderSlot(_ctx.$slots, "default", { key: 1 })
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+}
+
+};
+
+script$6.__file = "src/lib/components/ShSilentAction.vue";
+
+var script$5 = {
   name: 'sh-table',
   props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds'],
   inject: ['channel'],
@@ -3330,8 +3508,8 @@ var script$7 = {
     this.reloadData();
   },
   components: {
-    ShSilentAction,
-    ShConfirmAction,
+    ShSilentAction: script$6,
+    ShConfirmAction: script$7,
     ShCanvas: script$9,
     pagination: script$8
   },
@@ -3351,7 +3529,7 @@ var script$7 = {
   }
 };
 
-const _hoisted_1$6 = { class: "auto-table mt-2" };
+const _hoisted_1$4 = { class: "auto-table mt-2" };
 const _hoisted_2$4 = {
   key: 0,
   class: "col-md-4 mb-2"
@@ -3513,7 +3691,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_pagination = resolveComponent("pagination");
   const _component_sh_canvas = resolveComponent("sh-canvas");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$6, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$4, [
     ($props.hasDownload)
       ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
           createElementVNode("button", {
@@ -3961,10 +4139,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$7.render = render$1;
-script$7.__file = "src/lib/components/ShTable.vue";
+script$5.render = render$1;
+script$5.__file = "src/lib/components/ShTable.vue";
 
-var script$6 = {
+var script$4 = {
   name: 'ShTabs',
   props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts', 'responsive','classOne','classTwo','classes'],
   data () {
@@ -4085,10 +4263,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64 /* STABLE_FRAGMENT */))
 }
 
-script$6.render = render;
-script$6.__file = "src/lib/components/ShTabs.vue";
+script$4.render = render;
+script$4.__file = "src/lib/components/ShTabs.vue";
 
-const _hoisted_1$5 = {
+const _hoisted_1$3 = {
   class: "nav nav-tabs",
   role: "tablist"
 };
@@ -4099,7 +4277,7 @@ const _hoisted_2$3 = {
 const _hoisted_3$3 = ["onClick"];
 const _hoisted_4$3 = { class: "tab-content" };
 
-var script$5 = {
+var script$3 = {
   __name: 'ShDynamicTabs',
   props: ['tabs','data'],
   setup(__props) {
@@ -4124,7 +4302,7 @@ function setTab(tab){
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("ul", _hoisted_1$5, [
+    createElementVNode("ul", _hoisted_1$3, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab) => {
         return (openBlock(), createElementBlock("li", _hoisted_2$3, [
           createElementVNode("button", {
@@ -4145,158 +4323,7 @@ return (_ctx, _cache) => {
 
 };
 
-script$5.__file = "src/lib/components/ShDynamicTabs.vue";
-
-const _hoisted_1$4 = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
-var script$4 = {
-  __name: 'ShSilentAction',
-  props: {
-  data: Object,
-  loadingMessage: {
-    type: String,
-    default: 'Processing'
-  },
-  method: {
-    type: String,
-    default: 'POST'
-  },
-  url: {
-    type: String,
-    required: true
-  }
-},
-  emits: ['actionSuccessful','actionFailed'],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-
-const processing = ref(false);
-
-
-function runAction(){
-  processing.value = true;
-  if(props.method === 'POST'){
-    shApis.doPost(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
-    }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
-    });
-  }
-  if(props.method === 'GET'){
-    shApis.doGet(props.url,props.data).then(res=>{
-      emit('actionSuccessful',res);
-      processing.value = false;
-    }).catch(reason=>{
-      emit('actionFailed', reason);
-      processing.value = false;
-    });
-  }
-}
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("a", {
-    class: normalizeClass(processing.value ? 'disabled':''),
-    onClick: runAction
-  }, [
-    (processing.value)
-      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$4,
-          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
-        ], 64 /* STABLE_FRAGMENT */))
-      : createCommentVNode("v-if", true),
-    (!processing.value)
-      ? renderSlot(_ctx.$slots, "default", { key: 1 })
-      : createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-}
-
-};
-
-script$4.__file = "src/lib/components/ShSilentAction.vue";
-
-const _hoisted_1$3 = /*#__PURE__*/createElementVNode("span", {
-  class: "spinner-border spinner-border-sm me-1",
-  role: "status",
-  "aria-hidden": "true"
-}, null, -1 /* HOISTED */);
-
-
-var script$3 = {
-  __name: 'ShConfirmAction',
-  props: {
-  data: Object,
-  title: String,
-  message: String,
-  url: {
-    type: String,
-    required: true
-  },
-  loadingMessage: {
-    type: String,
-    default: 'Processing'
-  }
-},
-  emits: ['actionSuccessful', 'actionFailed','actionCanceled'],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-
-const processing = ref(false);
-
-
-function runAction () {
-  processing.value = true;
-  shRepo.runPlainRequest(props.url, props.message, props.title, props.data).then(res => {
-    if(res.isConfirmed){
-      const value = res.value;
-      if(value.status){
-        emit('actionSuccessful', res);
-        processing.value = false;
-      } else {
-        emit('actionFailed', value);
-        processing.value = false;
-      }
-    } else {
-      emit('actionCanceled');
-      processing.value = false;
-    }
-  }).catch(ex => {
-    emit('actionFailed', ex);
-    processing.value = false;
-  });
-}
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("a", {
-    class: normalizeClass(processing.value ? 'disabled':''),
-    onClick: runAction
-  }, [
-    (processing.value)
-      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$3,
-          createElementVNode("span", null, toDisplayString(__props.loadingMessage), 1 /* TEXT */)
-        ], 64 /* STABLE_FRAGMENT */))
-      : createCommentVNode("v-if", true),
-    (!processing.value)
-      ? renderSlot(_ctx.$slots, "default", { key: 1 })
-      : createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
-}
-}
-
-};
-
-script$3.__file = "src/lib/components/ShConfirmAction.vue";
+script$3.__file = "src/lib/components/ShDynamicTabs.vue";
 
 const useUserStore = defineStore('user-store', {
   state: () => ({
@@ -4424,7 +4451,7 @@ return (_ctx, _cache) => {
           _hoisted_5$2,
           createTextVNode(" ADD DEPARTMENT")
         ], 512 /* NEED_PATCH */),
-        createVNode(script$7, {
+        createVNode(script$5, {
           headers: ['id','name','description', 'created_at'],
           "end-point": "admin/departments/list",
           actions: {
@@ -4575,7 +4602,7 @@ return (_ctx, _cache) => {
         createElementVNode("div", _hoisted_2$1, [
           _hoisted_3$1,
           createElementVNode("h5", null, "Department #" + toDisplayString(unref(department).id) + " - " + toDisplayString(unref(department).name) + " Allowed Modules", 1 /* TEXT */),
-          createVNode(script$7, {
+          createVNode(script$5, {
             actions: {
       label: 'Actions',
       actions: [
@@ -4797,6 +4824,8 @@ const ShFrontend = {
     const registerEndpoint = options.registerEndpoint ?? 'auth/register';
     const registerTitle = options.registerTitle ?? 'Create a new account';
     const registerSubTitle = options.registerSubTitle ?? `It's quick and easy`;
+    const logoutApiEndpoint = options.logoutApiEndpoint ?? `auth/logout`;
+    const loginUrl = options.loginUrl ?? `/login`;
     const redirectLogin = options.redirectLogin ?? `/`;
     const redirectRegister = options.redirectRegister ?? `/`;
     const registrationFields = options.registrationFields ?? ['name','email','phone','password','password_confirmation'];
@@ -4808,6 +4837,8 @@ const ShFrontend = {
     app.provide('registerSubTitle', registerSubTitle);
     app.provide('redirectLogin', redirectLogin);
     app.provide('redirectRegister', redirectRegister);
+    app.provide('logoutApiEndpoint', logoutApiEndpoint);
+    app.provide('loginUrl', loginUrl);
     window.swalPosition = swalPosition;
     if(options.router) {
       options.router.addRoute({
@@ -4826,4 +4857,4 @@ const ShFrontend = {
   }
 };
 
-export { script$9 as ShCanvas, script$3 as ShConfirmAction, script$c as ShDropDownForm, script$5 as ShDynamicTabs, script$d as ShForm, ShFrontend, script$b as ShModal, script$a as ShModalForm, script$g as ShPhone, script$4 as ShSilentAction, script$7 as ShTable, script$6 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { script$9 as ShCanvas, script$7 as ShConfirmAction, script$c as ShDropDownForm, script$3 as ShDynamicTabs, script$d as ShForm, ShFrontend, script$b as ShModal, script$a as ShModalForm, script$g as ShPhone, script$6 as ShSilentAction, script$5 as ShTable, script$4 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.0.9",
+  "version": "1.1.2",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",