@simitgroup/simpleapp-generator 1.3.1-alpha → 1.3.2-alpha

package/templates/nuxt/components/mobile/MobileToolbar.vue.eta

@@ -1,10 +1,16 @@
 <template>
-  <div
-    class="w-full dark:bg-gray-800 z-20 bg-white justify justify-between absolute h h-14 flex flex-row place-items-center opacity-90 dark:text-white"
+  <div class="w-full dark:bg-gray-800 z-20 justify justify-between absolute h h-14 flex flex-row place-items-center opacity-90 dark:text-white"
   >
     <div class="w-full text-left"><slot name="start"></slot></div>
     <div class="w-full text-center"><slot name="center"></slot></div>
     <div class="w-full text-right"><slot name="end"></slot></div>
   </div>
-  <div class="h-14"></div>  
 </template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
+</script>

package/templates/nuxt/components/overlay/OverlayPanelWithToolBar.vue.eta

@@ -0,0 +1,44 @@
+<template>
+    <Sidebar
+      position="right"
+      v-if="showDialog"
+      v-model:visible="showDialog"
+      modal
+      :show-close-icon="false"
+      #container
+    >
+      <div class="overflow-y-scroll">        
+          <MobileToolbar class="bg-gray-800 text-white">
+              <template #start>
+                  <slot name="headerLeft"></slot>        
+              </template>
+              <template #center>
+                  <slot name="headerCenter"></slot>        
+              </template>
+              <template #end>
+                  <slot name="headerRight"></slot>        
+              </template>
+          </MobileToolbar>
+        <div  class="mt-14">
+          <slot name="default"></slot>
+        </div>
+      </div>
+    </Sidebar>
+  </template>
+  <script lang="ts" setup>
+  /**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
+  const showDialog = defineModel<boolean>({ required: true });
+  const props = defineProps<{ closeEventName: string }>();
+  useNuxtApp().$listen("CloseDialog", (closeEventName: string) => {
+    if (props.closeEventName == closeEventName){    
+       showDialog.value = false;
+      }
+  });
+  
+  </script>
+  

package/templates/nuxt/components/overlay/OverlaySideBarCrud.vue.eta

@@ -13,9 +13,18 @@
   </Sidebar>
 </template>
 <script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 const showDialog = defineModel<boolean>({ required: true });
 const props = defineProps<{ closeEventName: string }>();
 useNuxtApp().$listen("CloseDialog", (closeEventName: string) => {
-  if (props.closeEventName == closeEventName) showDialog.value = false;
+  if (props.closeEventName == closeEventName){    
+     showDialog.value = false;
+    }
 });
+
 </script>

package/templates/nuxt/components/overlay/OverlayViewer.vue.eta

@@ -13,8 +13,14 @@
   </Sidebar>
 </template>
 <script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 const showDialog = defineModel<boolean>({ required: true });
 useNuxtApp().$listen("CloseDialog", (closeEventName: string) => {
-  if (closeEventName=='viewer') showDialog.value = false;
+  if (closeEventName == "viewer") showDialog.value = false;
 });
 </script>

package/templates/nuxt/components/page/PageDocList.vue.eta

@@ -45,17 +45,26 @@
       </template>
       <template #default>
         <slot name="dataTableColumns">
-          <Column v-for="col in columns.filter((item,index)=>index<6)" :header="t(col)" class="min-w-[5rem]" #body="{index,data}">                        
-              <RendererLink   v-if="uniqueKey === col || documentTitle === col"
-                  :value="data" :setting="{ path: resourcename.toLocaleLowerCase() }"
-                  :fields="[col]" >
-                  {{ data[col] }}
-              </RendererLink>
-            <span v-else-if="data[col]?.label !==undefined">{{ data[col].label }}</span>
-            <span v-else>{{ data[col] }}</span>              
+          <Column
+            v-for="col in columns.filter((item, index) => index < 6)"
+            :header="t(col)"
+            class="min-w-[5rem]"
+            #body="{ index, data }"
+          >
+            <RendererLink
+              v-if="uniqueKey === col || documentTitle === col"
+              :value="data"
+              :setting="{ path: resourcename.toLocaleLowerCase() }"
+              :fields="[col]"
+            >
+              {{ data[col] }}
+            </RendererLink>
+            <span v-else-if="data[col]?.label !== undefined">{{
+              data[col].label
+            }}</span>
+            <span v-else>{{ data[col] }}</span>
           </Column>
-
-        </slot> 
+        </slot>
       </template>
     </ListDocumentTable>
   </div>
@@ -71,10 +80,10 @@
 
 <script setup lang="ts" generic="T extends { [key: string]: any }">
 /**
- * This file was automatically generated by simpleapp generator during initialization.
- * DO NOT MODIFY IT BY HAND.
- * last change 2024-02-04
- * author: Ks Tan
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
  */
 import { ref } from "vue";
 import _ from "lodash";

package/templates/nuxt/components/renderer/index.ts._eta

@@ -1,7 +1,7 @@
 /**
- * This file was automatically generated by simpleapp generator during initialization.
- * YOU CAN MODIFY IT.
- * last change 2024-02-04
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
  * author: Ks Tan
  */
 import RendererBoolean from './RendererBoolean.vue'

package/templates/nuxt/components/session/SessionBlock.vue.eta

@@ -19,6 +19,12 @@
       
   </template>
   <script lang="ts" setup>
+  /**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
   import {PROFILEApi} from '~/simpleapp/generate/openapi'
   const showDialog = ref(false)
   const tabvisible = ref('')

package/templates/nuxt/components/simpleApp/SimpleAppAutocomplete.vue.eta

@@ -68,8 +68,14 @@
   </div>
 </template>
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import { isNull } from "lodash";
-import * as jsonpath from "jsonpath";
+import jsonpath from "jsonpath";
 import { AutoCompleteDropdownClickEvent } from "primevue/autocomplete";
 import { autocompletetype, SchemaConfig, SchemaType } from "~/types";
 const autocompleteinput = ref<autocompletetype|undefined>();

package/templates/nuxt/components/simpleApp/SimpleAppDocumentNo.vue.eta

@@ -34,6 +34,12 @@
     
 </template>
 <script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import {ForeignKey} from '~/types'
 import OverlayPanel from 'primevue/overlaypanel';
 import InputText from 'primevue/inputtext';

package/templates/nuxt/components/simpleApp/SimpleAppFieldContainer.vue.eta

@@ -29,6 +29,12 @@
 </template>
 <script setup lang="ts">
 import SimpleAppValue from "./SimpleAppValue.vue";
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 // import {camelCaseToWords} from './helper'
 // import {computed,setBlockTracking,watch} from 'vue'
 

package/templates/nuxt/components/simpleApp/SimpleAppForm.vue.eta

@@ -5,8 +5,13 @@
     </form>
 </template>
 <script setup lang="ts" >
-// import type {SimpleAppFieldSetting} from '/types'    
-import * as jsonpath from 'jsonpath';
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
+import jsonpath from 'jsonpath';
 import { SimpleAppClient } from  '~/simpleapp/generate/clients/SimpleAppClient'
 import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
 import * as alldefaults from '~/simpleapp/generate/defaults'

package/templates/nuxt/components/simpleApp/SimpleAppFormToolBar.vue.eta

@@ -1,13 +1,13 @@
 <template>
-  <div v-if="isMobile()" class="w-full">
-    <MobileToolbar>
+  <div v-if="isMobile()" class="w-full">    
+    <MobileToolbar class=" bg-gray-800 text-white">
       <template #start>
         <ButtonText class="text-xl" @click="callClose"
-          ><i class="pi pi-angle-left"></i
+          ><i class="pi pi-times"></i
         ></ButtonText>
       </template>
       <template #center>
-        <TextTitle>{{ title }}</TextTitle>
+        <TextTitle class="text-white ">{{ title }}</TextTitle>
       </template>
       <template #end>
         <div class="flex flex-row-reverse gap-1 w-full">
@@ -35,6 +35,7 @@
         </div>
       </template>
     </MobileToolbar>
+    <div class="h-14"></div>
     <ConfirmDialog></ConfirmDialog>
   </div>
   <div v-else class="simpleapp-tool-bar">
@@ -64,6 +65,12 @@
   </div>
 </template>
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import { SimpleAppClient } from "~/simpleapp/generate/clients/SimpleAppClient";
 import { useConfirm } from "primevue/useconfirm";
 import { FormActions, FormCrudEvent, FormMenu } from "~/types";
@@ -74,9 +81,9 @@ const props = defineProps<{
   document: SimpleAppClient<any, any>;
   disableaction?: string[];
 }>();
-const createData = async () => await doc.create();
-const updateData = async () => await doc.update();
-const deleteData = async () => await doc.delete();
+const createData = async () => {try{ return await doc.create()}catch(e){console.debug('validation error:',e)}};
+const updateData = async () => {try{ return  await doc.update()}catch(e){console.debug('validation error:',e)}};
+const deleteData = async () => {try{ return  await doc.delete()}catch(e){console.debug('validation error:',e)}};
 
 const doc = props.document;
 const data = doc.getReactiveData();
@@ -102,10 +109,10 @@ const toggleMenu = (event: MouseEvent) => {
   menu.value.toggle(event);
 };
 
-const callClose = (e:MouseEvent) => {
+const callClose = (e: MouseEvent) => {  
   useNuxtApp().$event("CloseDialog", doc.getDocName());
-  emitEvent({action:'exit',type:'menu',label:''},e)
-  // async (menu: FormMenu, clickEvent: MouseEvent) 
+  emitEvent({ action: "exit", type: "menu", label: "" }, e);
+  // async (menu: FormMenu, clickEvent: MouseEvent)
 };
 const emitMobileEvent = (itemevent: {
   item: any;
@@ -152,15 +159,12 @@ const emitEvent = async (menu: FormMenu, clickEvent: MouseEvent) => {
   } else {
     if (menu.action == "create") {
       if (await createData()) emits("on", FormCrudEvent.create);
-    }
-    else if (menu.action == "update") {
+    } else if (menu.action == "update") {
       if (await updateData()) emits("on", FormCrudEvent.update);
-    }
-    else if (menu.type == "setDocStatus")
+    } else if (menu.type == "setDocStatus")
       emits("on", FormCrudEvent.setDocStatus, menu.action);
-    else if (menu.action == FormCrudEvent.exit)
-      emits("on", FormCrudEvent.exit);
-  } 
+    else if (menu.action == FormCrudEvent.exit) emits("on", FormCrudEvent.exit);
+  }
 };
 
 const getDocActions = () => {

package/templates/nuxt/components/simpleApp/SimpleAppInput.vue.eta

@@ -238,6 +238,12 @@
 </template>
 
 <script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import { autocompletetype } from "~/types";
 import moment from "moment";
 import AutoComplete, { AutoCompleteProps } from "primevue/autocomplete";

package/templates/nuxt/components/simpleApp/SimpleAppInputTable.vue.eta

@@ -26,7 +26,12 @@
     </DataTable>
 </template>
 <script setup lang="ts">
-
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import {ref} from 'vue'
 import DataTable from 'primevue/datatable';
 import Column from 'primevue/column';

package/templates/nuxt/components/simpleApp/SimpleAppJsonSchemaForm.vue.eta

@@ -5,6 +5,12 @@
     </form>
 </template>
 <script setup lang="ts" >
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
 import Ajv from 'ajv';
 import addFormats from 'ajv-formats';

package/templates/nuxt/components/table/TableDocuments.vue.eta

@@ -96,6 +96,12 @@
     </Datatable>
 </template>
 <script setup lang="ts" generic="T">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import {CellSetting} from '~/types'
 import { FilterMatchMode } from 'primevue/api';
 import DataTable from 'primevue/datatable';

package/templates/nuxt/components/text/TextDanger.vue._eta

@@ -3,3 +3,11 @@
     <slot name="default"></slot>
   </div>
 </template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+</script>

package/templates/nuxt/components/text/TextSubtitle.vue._eta

@@ -3,3 +3,11 @@
     <slot name="default"></slot>
   </div>
 </template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+</script>

package/templates/nuxt/components/text/TextTitle.vue._eta

@@ -3,3 +3,11 @@
         <slot name="default"></slot>
     </div>
 </template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+</script>

package/templates/nuxt/components/user/UserButtonCreateTenant.vue.eta

@@ -59,6 +59,12 @@
   
 </template>
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import {ref} from 'vue'
 import {AxiosResponse} from 'axios'
 const visible = ref(false);

package/templates/nuxt/components/user/UserButtonPermissionInfo.vue.eta

@@ -54,6 +54,12 @@
   </div>
 </template>
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import _ from "lodash";
 import Chip from 'primevue/chip';
 import RadioButton from 'primevue/radiobutton';

package/templates/nuxt/components/user/UserInvitation.vue.eta

@@ -1,21 +1,27 @@
 <template>
-    <Dialog v-model:visible="visible" modal :header="popuptitle" class="crudsimple-dialog" :autoZIndex="false" :style="{zIndex:100 }">            
-        <div v-if="invites">
-            
-            <div v-for="item in invites" class="w w-auto p p-2 grid grid-cols-3 hover-list-primary border">
-                <div class="flex flex-col col-span-2">
-                    <div class="font font-bold">{{item.tenantName}}</div>
-                    <div class="text text-xs text-gray-500 italic">{{ item.created }}</div>
-                </div>
-                <div >
-                    <Button class="btn-primary" @click="approve(item._id)">Approve</Button>
-                    <Button class="btn-danger" @click="decline(item._id)">Decline</Button>
-                </div>
+<Dialog v-model:visible="visible" modal :header="popuptitle" class="crudsimple-dialog" :autoZIndex="false" :style="{zIndex:100 }">            
+    <div v-if="invites">
+        
+        <div v-for="item in invites" class="w w-auto p p-2 grid grid-cols-3 hover-list-primary border">
+            <div class="flex flex-col col-span-2">
+                <div class="font font-bold">{{item.tenantName}}</div>
+                <div class="text text-xs text-gray-500 italic">{{ item.created }}</div>
             </div>
-        </div>        
-    </Dialog>
-    </template>
-    <script setup lang="ts">
+            <div >
+                <Button class="btn-primary" @click="approve(item._id)">Approve</Button>
+                <Button class="btn-danger" @click="decline(item._id)">Decline</Button>
+            </div>
+        </div>
+    </div>        
+</Dialog>
+</template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
     import Dialog from 'primevue/dialog';
     import {onMounted, ref} from 'vue'
     import {EventType} from '../types'

package/templates/nuxt/components/user/UserProfileListItem.vue.eta

@@ -31,8 +31,13 @@
     </div>
   
 </template>
-
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import {computed} from 'vue'
 import moment from 'moment'
 const props = defineProps<{

package/templates/nuxt/components/user/UserTenantPicker.vue.eta

@@ -57,8 +57,13 @@
     </card>
     </div>
 </template>
-
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import _ from 'lodash'
 const profileapi = getAllApi().PROFILEApi;
 const alltenants = ref() 

package/templates/nuxt/components/workflow/forms/dynamicfield.vue._eta

@@ -27,6 +27,13 @@
         </div>
 </template>
 <script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+ 
     import {UserTaskType,SimpleAppInputType} from '~/types'
     import type { JSONSchema7 }  from 'json-schema'
     const props = defineProps<{

package/templates/nuxt/components/workflow/forms/index.ts._eta

@@ -1,3 +1,10 @@
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+ 
 import dynamicfield from './dynamicfield.vue'
 import simpleapprove from './simpleapprove.vue'
 

package/templates/nuxt/components/workflow/forms/simpleapprove.vue._eta

@@ -23,6 +23,12 @@
     </SimpleAppJsonSchemaForm> 
 </template>
 <script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 import {UserTaskType,SimpleAppInputType} from '~/types'
 import type { JSONSchema7 }  from 'json-schema'
 const props = defineProps<{

package/templates/nuxt/composables/date.generate.ts.eta

@@ -1,6 +1,9 @@
-
-
-
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 export const setDateLocale = (localename:string) =>  useDayjs().locale(localename)
 export const dateExists = (date:Date,listDate:Date[]) => {
     const existsrecord = listDate.find(item=>{

package/templates/nuxt/composables/docformat.generate.ts.eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 export const getDocFormats = async (doctype:string)=>{    
     const docno = useNuxtApp().$DocnoformatDoc();
     const docnoformats = await docno.runListDocFormats(doctype)

package/templates/nuxt/composables/getDocument.generate.ts.eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import {getAllDocuments} from '~/simpleapp/generate/commons/documents'
 export const getDocument = (docname:string) =>{
         return getAllDocuments().find((item)=>item.docName==docname)   //?.docClass

package/templates/nuxt/composables/getTenant.generate.ts.eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 export const getTenant=()=>{
     let xorg = typeof useRoute().params.xorg =='string'? useRoute().params.xorg : ''
     return xorg

package/templates/nuxt/composables/getUserStore.generate.ts.eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 export const getUserStore = ()=>{
     const {$userstore} = useNuxtApp()
     return $userstore

package/templates/nuxt/composables/goTo.generate.ts.eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 export const getDocumentUrl = (document:string,id?:string,querystr?:string)=>{
     let path = `/${getCurrentXorg()}/${document}`
     if(id){

package/templates/nuxt/composables/logout.generate.ts.eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 export const logout = async (redirecturl:string='') => {
     const redirectdata = encodeURIComponent(redirecturl)
     const { signOut } = useAuth();