@live-change/user-frontend 0.3.23 → 0.3.24

package/front/components.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

package/front/src/NavBar.vue

@@ -2,14 +2,16 @@
   <div class="surface-overlay py-3 px-6 shadow-2 flex align-items-center justify-content-between
               relative md:sticky top-0 z-5"
        style="min-height: 80px" key="navbar">
-    <img src="/images/logo.svg" alt="Image" height="40" class="mr-0 lg:mr-6">
+
+    <router-link to="/">
+      <img src="/images/logo.svg" alt="Image" height="40" class="mr-0 lg:mr-6">
+    </router-link>
     <div class="hidden lg:flex">
       <!-- place for desktop menu -->
     </div>
     <div class="flex flex-grow-1"></div>
     <UserIcon />
 
-
     <div class="static w-auto w-full surface-overlay left-0 top-100 z-1 shadow-none hidden">
       <ul class="list-none p-0 m-0 flex align-items-center select-none flex-row border-top-none">
         <li>
@@ -27,11 +29,11 @@
       </ul>
     </div>
 
-
     <a v-ripple class="cursor-pointer block lg:hidden text-700 p-ripple ml-2 hover:surface-100 p-2"
        v-styleclass="{ selector: '@next', enterClass: 'hidden', leaveToClass: 'hidden', hideOnOutsideClick: true }">
       <i class="pi pi-bars text-4xl"></i>
     </a>
+
     <div class="align-items-center flex-grow-1 justify-content-between hidden absolute lg:static w-full surface-overlay left-0 top-100 z-1 shadow-2 lg:shadow-none">
       <ul class="list-none p-0 m-0 flex lg:align-items-center select-none flex-column lg:flex-row">
         <li>
@@ -109,6 +111,7 @@
         </li>
       </ul>
     </div>
+
   </div>
 </template>
 

package/front/src/password/ChangePassword.vue

@@ -16,7 +16,8 @@
 
           <div class="p-field mb-3" v-if="passwordExists">
             <label for="currentPassword" class="block text-900 font-medium mb-2">Current password</label>
-            <Password id="currentPassword" class="w-full" inputClass="w-full" toggleMask
+            <Password id="currentPassword" class="w-full" inputClass="w-full"
+                      v-model:masked="masked"
                       :class="{ 'p-invalid': data.currentPasswordHashError }"
                       v-model="data.currentPasswordHash" />
             <small id="currentPassword-help" class="p-error">{{ data.currentPasswordHashError }}</small>
@@ -24,7 +25,8 @@
 
           <div class="p-field mb-3">
             <label for="newPassword" class="block text-900 font-medium mb-2">New password</label>
-            <Password id="newPassword" class="w-full" inputClass="w-full" toggleMask
+            <Password id="newPassword" class="w-full" inputClass="w-full"
+                      v-model:masked="masked"
                       :class="{ 'p-invalid': data.passwordHashError }"
                       v-model="data.passwordHash">
               <template #footer>
@@ -44,8 +46,9 @@
           <div class="p-field mb-3">
             <label for="reenterPassword" class="block text-900 font-medium mb-2">Re-enter password</label>
             <Password id="reenterPassword" class="w-full" inputClass="w-full"
+                      v-model:masked="masked"
                       v-model="secondPassword"
-                      :feedback="false" toggleMask />
+                      :feedback="false" />
           </div>
 
         </template>
@@ -62,42 +65,44 @@
 
 <script setup>
 
-import InputText from "primevue/inputtext"
-import Checkbox from "primevue/checkbox"
-import Button from "primevue/button"
-import Divider from "primevue/divider"
-import Password from "primevue/password"
-import SettingsTabs from "../SettingsTabs.vue"
+  import InputText from "primevue/inputtext"
+  import Checkbox from "primevue/checkbox"
+  import Button from "primevue/button"
+  import Divider from "primevue/divider"
+  import Password from "primevue/password"
+  import SettingsTabs from "../SettingsTabs.vue"
 
-import { live, path } from '@live-change/vue3-ssr'
-import { computed, ref, onMounted } from 'vue'
+  import { live, path } from '@live-change/vue3-ssr'
+  import { computed, ref, onMounted } from 'vue'
 
-import { useRouter } from 'vue-router'
-const router = useRouter()
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
 
-const isMounted = ref(false)
-onMounted(() => isMounted.value = true)
+  const isMounted = ref(false)
+  onMounted(() => isMounted.value = true)
 
-const secondPassword = ref('')
-const form = ref()
+  const secondPassword = ref('')
+  const form = ref()
 
-onMounted(() => {
-  form.value.addValidator('passwordHash', () => {
-    const value = form.value.getFieldValue('passwordHash')
-    console.log("PASSWORDS MATCH?", secondPassword.value, value)
-    if(value != secondPassword.value) return "passwordsNotMatch"
+  const masked = ref(true)
+
+  onMounted(() => {
+    form.value.addValidator('passwordHash', () => {
+      const value = form.value.getFieldValue('passwordHash')
+      console.log("PASSWORDS MATCH?", secondPassword.value, value)
+      if(value != secondPassword.value) return "passwordsNotMatch"
+    })
   })
-})
 
 
-const passwordExists = await live(path().passwordAuthentication.myUserPasswordAuthenticationExists())
+  const passwordExists = await live(path().passwordAuthentication.myUserPasswordAuthenticationExists())
 
-function handleDone({ parameters, result }) {
-  console.log("FORM DONE", parameters, result)
-  router.push({
-    name: 'user:changePasswordFinished',
-  })
-}
+  function handleDone({ parameters, result }) {
+    console.log("FORM DONE", parameters, result)
+    router.push({
+      name: 'user:changePasswordFinished',
+    })
+  }
 
 </script>
 

package/front/src/password/Password.vue

@@ -0,0 +1,498 @@
+<template>
+  <div :class="containerClass">
+    <PInputText
+      ref="input"
+      :id="inputId"
+      :type="inputType"
+      :class="inputFieldClass"
+      :style="inputStyle"
+      :value="modelValue"
+      :aria-labelledby="ariaLabelledby"
+      :aria-label="ariaLabel"
+      :aria-controls="(panelProps && panelProps.id) || panelId || panelUniqueId"
+      :aria-expanded="overlayVisible"
+      :aria-haspopup="true"
+      :placeholder="placeholder"
+      :required="required"
+      @input="onInput"
+      @focus="onFocus"
+      @blur="onBlur"
+      @keyup="onKeyUp"
+      @invalid="onInvalid"
+      v-bind="inputProps"
+    />
+    <i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
+    <span class="p-hidden-accessible" aria-live="polite">
+            {{ infoText }}
+        </span>
+    <Portal :appendTo="appendTo">
+      <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
+        <div v-if="overlayVisible" :ref="overlayRef" :id="panelId || panelUniqueId" :class="panelStyleClass" :style="panelStyle" @click="onOverlayClick" v-bind="panelProps">
+          <slot name="header"></slot>
+          <slot name="content">
+            <div class="p-password-meter">
+              <div :class="strengthClass" :style="{ width: meter ? meter.width : '' }"></div>
+            </div>
+            <div class="p-password-info">{{ infoText }}</div>
+          </slot>
+          <slot name="footer"></slot>
+        </div>
+      </transition>
+    </Portal>
+  </div>
+</template>
+
+<script>
+import InputText from 'primevue/inputtext';
+import OverlayEventBus from 'primevue/overlayeventbus';
+import Portal from 'primevue/portal';
+import { ConnectedOverlayScrollHandler, DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
+
+function absolutePosition(element, target) {
+  if (element) {
+    const elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
+    const elementOuterHeight = elementDimensions.height;
+    const elementOuterWidth = elementDimensions.width;
+    const targetOuterHeight = target.offsetHeight;
+    const targetOuterWidth = target.offsetWidth;
+    const targetOffset = target.getBoundingClientRect();
+    const windowScrollTop = DomHandler.getWindowScrollTop();
+    const windowScrollLeft = DomHandler.getWindowScrollLeft();
+    const viewport = DomHandler.getViewport();
+    let top, left;
+
+    //if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
+      top = targetOffset.top + windowScrollTop - elementOuterHeight;
+      element.style.transformOrigin = 'bottom';
+
+      if (top < 0) {
+        top = windowScrollTop;
+      }
+  /*  } else {
+      top = targetOuterHeight + targetOffset.top + windowScrollTop;
+      element.style.transformOrigin = 'top';
+    }*/
+
+    if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);
+    else left = targetOffset.left + windowScrollLeft;
+
+    element.style.top = top + 'px';
+    element.style.left = left + 'px';
+  }
+}
+
+export default {
+  name: 'Password',
+  emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid', 'update:masked'],
+  props: {
+    modelValue: String,
+    promptLabel: {
+      type: String,
+      default: null
+    },
+    mediumRegex: {
+      type: String,
+      default: '^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})' // eslint-disable-line
+    },
+    strongRegex: {
+      type: String,
+      default: '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})' // eslint-disable-line
+    },
+    weakLabel: {
+      type: String,
+      default: null
+    },
+    mediumLabel: {
+      type: String,
+      default: null
+    },
+    strongLabel: {
+      type: String,
+      default: null
+    },
+    feedback: {
+      type: Boolean,
+      default: true
+    },
+    appendTo: {
+      type: String,
+      default: 'body'
+    },
+    toggleMask: {
+      type: Boolean,
+      default: false
+    },
+    hideIcon: {
+      type: String,
+      default: 'pi pi-eye-slash'
+    },
+    showIcon: {
+      type: String,
+      default: 'pi pi-eye'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: null
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    inputId: {
+      type: String,
+      default: null
+    },
+    inputClass: {
+      type: [String, Object],
+      default: null
+    },
+    inputStyle: {
+      type: Object,
+      default: null
+    },
+    inputProps: {
+      type: null,
+      default: null
+    },
+    panelId: {
+      type: String,
+      default: null
+    },
+    panelClass: {
+      type: [String, Object],
+      default: null
+    },
+    panelStyle: {
+      type: Object,
+      default: null
+    },
+    panelProps: {
+      type: null,
+      default: null
+    },
+    'aria-labelledby': {
+      type: String,
+      default: null
+    },
+    'aria-label': {
+      type: String,
+      default: null
+    },
+    masked: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      overlayVisible: false,
+      meter: null,
+      infoText: null,
+      focused: false,
+      unmasked: !this.masked
+    };
+  },
+  mediumCheckRegExp: null,
+  strongCheckRegExp: null,
+  resizeListener: null,
+  scrollHandler: null,
+  overlay: null,
+  mounted() {
+    this.infoText = this.promptText;
+    this.mediumCheckRegExp = new RegExp(this.mediumRegex);
+    this.strongCheckRegExp = new RegExp(this.strongRegex);
+  },
+  beforeUnmount() {
+    this.unbindResizeListener();
+
+    if (this.scrollHandler) {
+      this.scrollHandler.destroy();
+      this.scrollHandler = null;
+    }
+
+    if (this.overlay) {
+      ZIndexUtils.clear(this.overlay);
+      this.overlay = null;
+    }
+  },
+  methods: {
+    onOverlayEnter(el) {
+      ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);
+      this.alignOverlay();
+      this.bindScrollListener();
+      this.bindResizeListener();
+    },
+    onOverlayLeave() {
+      this.unbindScrollListener();
+      this.unbindResizeListener();
+      this.overlay = null;
+    },
+    onOverlayAfterLeave(el) {
+      ZIndexUtils.clear(el);
+    },
+    alignOverlay() {
+      if (this.appendTo === 'self') {
+        DomHandler.relativePosition(this.overlay, this.$refs.input.$el);
+      } else {
+        this.overlay.style.minWidth = DomHandler.getOuterWidth(this.$refs.input.$el) + 'px';
+        absolutePosition(this.overlay, this.$refs.input.$el);
+      }
+    },
+    testStrength(str) {
+      let level = 0;
+
+      if (this.strongCheckRegExp.test(str)) level = 3;
+      else if (this.mediumCheckRegExp.test(str)) level = 2;
+      else if (str.length) level = 1;
+
+      return level;
+    },
+    onInput(event) {
+      this.$emit('update:modelValue', event.target.value);
+    },
+    onFocus(event) {
+      this.focused = true;
+
+      if (this.feedback) {
+        this.setPasswordMeter(this.modelValue);
+        this.overlayVisible = true;
+      }
+
+      this.$emit('focus', event);
+    },
+    onBlur(event) {
+      this.focused = false;
+
+      if (this.feedback) {
+        this.overlayVisible = false;
+      }
+
+      this.$emit('blur', event);
+    },
+    onKeyUp(event) {
+      if (this.feedback) {
+        const value = event.target.value;
+        const { meter, label } = this.checkPasswordStrength(value);
+
+        this.meter = meter;
+        this.infoText = label;
+
+        if (event.code === 'Escape') {
+          this.overlayVisible && (this.overlayVisible = false);
+
+          return;
+        }
+
+        if (!this.overlayVisible) {
+          this.overlayVisible = true;
+        }
+      }
+    },
+    setPasswordMeter() {
+      if (!this.modelValue) return;
+
+      const { meter, label } = this.checkPasswordStrength(this.modelValue);
+
+      this.meter = meter;
+      this.infoText = label;
+
+      if (!this.overlayVisible) {
+        this.overlayVisible = true;
+      }
+    },
+    checkPasswordStrength(value) {
+      let label = null;
+      let meter = null;
+
+      switch (this.testStrength(value)) {
+        case 1:
+          label = this.weakText;
+          meter = {
+            strength: 'weak',
+            width: '33.33%'
+          };
+          break;
+
+        case 2:
+          label = this.mediumText;
+          meter = {
+            strength: 'medium',
+            width: '66.66%'
+          };
+          break;
+
+        case 3:
+          label = this.strongText;
+          meter = {
+            strength: 'strong',
+            width: '100%'
+          };
+          break;
+
+        default:
+          label = this.promptText;
+          meter = null;
+          break;
+      }
+
+      return { label, meter };
+    },
+    onInvalid(event) {
+      this.$emit('invalid', event);
+    },
+    bindScrollListener() {
+      if (!this.scrollHandler) {
+        this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.input.$el, () => {
+          if (this.overlayVisible) {
+            this.overlayVisible = false;
+          }
+        });
+      }
+
+      this.scrollHandler.bindScrollListener();
+    },
+    unbindScrollListener() {
+      if (this.scrollHandler) {
+        this.scrollHandler.unbindScrollListener();
+      }
+    },
+    bindResizeListener() {
+      if (!this.resizeListener) {
+        this.resizeListener = () => {
+          if (this.overlayVisible && !DomHandler.isTouchDevice()) {
+            this.overlayVisible = false;
+          }
+        };
+
+        window.addEventListener('resize', this.resizeListener);
+      }
+    },
+    unbindResizeListener() {
+      if (this.resizeListener) {
+        window.removeEventListener('resize', this.resizeListener);
+        this.resizeListener = null;
+      }
+    },
+    overlayRef(el) {
+      this.overlay = el;
+    },
+    onMaskToggle() {
+      this.unmasked = !this.unmasked;
+      this.$emit('update:masked', !this.unmasked);
+    },
+    onOverlayClick(event) {
+      OverlayEventBus.emit('overlay-click', {
+        originalEvent: event,
+        target: this.$el
+      });
+    }
+  },
+  computed: {
+    containerClass() {
+      return [
+        'p-password p-component p-inputwrapper',
+        {
+          'p-inputwrapper-filled': this.filled,
+          'p-inputwrapper-focus': this.focused,
+          'p-input-icon-right': this.toggleMask
+        }
+      ];
+    },
+    inputFieldClass() {
+      return [
+        'p-password-input',
+        this.inputClass,
+        {
+          'p-disabled': this.disabled
+        }
+      ];
+    },
+    panelStyleClass() {
+      return [
+        'p-password-panel p-component',
+        this.panelClass,
+        {
+          'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+          'p-ripple-disabled': this.$primevue.config.ripple === false
+        }
+      ];
+    },
+    toggleIconClass() {
+      return this.unmasked ? this.hideIcon : this.showIcon;
+    },
+    strengthClass() {
+      return `p-password-strength ${this.meter ? this.meter.strength : ''}`;
+    },
+    inputType() {
+      return this.unmasked ? 'text' : 'password';
+    },
+    filled() {
+      return this.modelValue != null && this.modelValue.toString().length > 0;
+    },
+    weakText() {
+      return this.weakLabel || this.$primevue.config.locale.weak;
+    },
+    mediumText() {
+      return this.mediumLabel || this.$primevue.config.locale.medium;
+    },
+    strongText() {
+      return this.strongLabel || this.$primevue.config.locale.strong;
+    },
+    promptText() {
+      return this.promptLabel || this.$primevue.config.locale.passwordPrompt;
+    },
+    panelUniqueId() {
+      return UniqueComponentId() + '_panel';
+    }
+  },
+  watch: {
+    masked(value) {
+      this.unmasked = !value;
+    },
+  },
+  components: {
+    PInputText: InputText,
+    Portal: Portal
+  }
+};
+</script>
+
+<style>
+.p-password {
+  position: relative;
+  display: inline-flex;
+}
+
+.p-password-panel {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.p-password .p-password-panel {
+  min-width: 100%;
+}
+
+.p-password-meter {
+  height: 10px;
+}
+
+.p-password-strength {
+  height: 100%;
+  width: 0;
+  transition: width 1s ease-in-out;
+}
+
+.p-fluid .p-password {
+  display: flex;
+}
+
+.p-password-input::-ms-reveal,
+.p-password-input::-ms-clear {
+  display: none;
+}
+</style>

package/front/src/sign/SignInFinished.vue

@@ -11,6 +11,8 @@
           Redirect in {{ pluralize('second', Math.ceil((redirectTime - currentTime) / 1000), true) }}...
         </p>
       </div>
+      <div v-else>
+        Return to <router-link to="/">index page</router-link>.
     </div>
   </div>
 </template>

package/front/src/sign/SignUpFinished.vue

@@ -1,14 +1,123 @@
 <template>
   <div class="w-full lg:w-6 md:w-9" v-shared-element:form="{ duration: '300ms', includeChildren: true }">
     <div class="surface-card border-round shadow-2 p-4">
-      <div class="text-900 font-medium mb-3 text-xl mb-4">Signed Up</div>
-      <p class="mt-0 p-0 line-height-3">Congratulations! You have successfully created your account.</p>
+      <div class="text-center mb-5">
+        <div class="text-900 text-3xl font-medium mb-3">
+          Signed Up
+        </div>
+      </div>
+      <p class="mt-0 p-0 line-height-3">
+        Congratulations! You have successfully created your account.
+        <span v-if="!needPassword">
+          You can now set password to secure your account.
+        </span>
+        <p v-else>
+
+          Setup your <router-link to="{ name: 'user:identificatio' }">profile</router-link>
+          or return to the <router-link to="/">index page</router-link>.
+        </p>
+      </p>
     </div>
+
+    <div class="surface-card p-4 shadow-2 border-round mt-2" v-if="needPassword">
+      <div class="text-center mb-5">
+        <div class="text-900 text-3xl font-medium mb-3">
+          {{ passwordExists ? 'Change password' : 'Set password' }}
+        </div>
+      </div>
+
+      <command-form service="passwordAuthentication"
+                    :action="passwordExists ? 'changePassword' : 'setPassword'"
+                    v-slot="{ data }" ref="form" @done="handleDone">
+
+        <template v-if="isMounted">
+
+          <div class="p-field mb-3">
+            <label for="newPassword" class="block text-900 font-medium mb-2">New password</label>
+            <Password id="newPassword" class="w-full" inputClass="w-full"
+                      toggleMask v-model:masked="masked"
+                      :class="{ 'p-invalid': data.passwordHashError }"
+                      v-model="data.passwordHash">
+              <template #footer>
+                <Divider />
+                <p class="p-mt-2">Suggestions</p>
+                <ul class="p-pl-2 p-ml-2 p-mt-0" style="line-height: 1.5">
+                  <li>At least one lowercase</li>
+                  <li>At least one uppercase</li>
+                  <li>At least one numeric</li>
+                  <li>Minimum 8 characters</li>
+                </ul>
+              </template>
+            </Password>
+            <small id="newPassword-help" class="p-error">{{ data.passwordHashError }}</small>
+          </div>
+
+          <div class="p-field mb-3">
+            <label for="reenterPassword" class="block text-900 font-medium mb-2">Re-enter password</label>
+            <Password id="reenterPassword" class="w-full" inputClass="w-full"
+                      toggleMask v-model:masked="masked"
+                      v-model="secondPassword"
+                      :feedback="false" />
+          </div>
+
+        </template>
+
+        <Button :label="passwordExists ? 'Change password' : 'Set password'"
+                type="submit"
+                icon="pi pi-key" class="w-full"></Button>
+
+      </command-form>
+    </div>
+
+
   </div>
 </template>
 
 <script setup>
 
+  import InputText from "primevue/inputtext"
+  import Checkbox from "primevue/checkbox"
+  import Button from "primevue/button"
+  import Divider from "primevue/divider"
+  import Password from "../password/Password.vue"
+  import SettingsTabs from "../SettingsTabs.vue"
+
+  import { live, path } from '@live-change/vue3-ssr'
+  import { computed, ref, onMounted } from 'vue'
+
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
+
+  const isMounted = ref(false)
+  onMounted(() => isMounted.value = true)
+
+  const secondPassword = ref('')
+  const form = ref()
+
+  const masked = ref(true)
+
+  onMounted(() => {
+    form.value.addValidator('passwordHash', () => {
+      const value = form.value.getFieldValue('passwordHash')
+      console.log("PASSWORDS MATCH?", secondPassword.value, value)
+      if(value != secondPassword.value) return "passwordsNotMatch"
+    })
+  })
+
+  const [passwordExists, emails] = await Promise.all([
+    live(path().passwordAuthentication.myUserPasswordAuthenticationExists()),
+    live(path().email.myUserEmails())
+  ])
+
+  const needPassword = computed(() => (!passwordExists.value && emails.value?.length > 0))
+
+  function handleDone({ parameters, result }) {
+    console.log("FORM DONE", parameters, result)
+    router.push({
+      name: 'user:changePasswordFinished',
+    })
+  }
+
 </script>
 
 <style>

package/front/src/sign/routes.js

@@ -6,12 +6,12 @@ export function routes(config = {}) {
     route({ name: 'user:signIn', path: prefix + 'sign-in',
       component: () => import("./SignIn.vue") }),
     route({ name: 'user:signInFinished', path: prefix + 'sign-in-finished',
-      component: () => import("./SignInFinished.vue") }),
+      component: () => import("./SignInFinished.vue"), meta: { signedIn: true } }),
 
     route({ name: 'user:signUp', path: prefix + 'sign-up',
       component: () => import("./SignUp.vue") }),
     route({ name: 'user:signUpFinished', path: prefix + 'sign-up-finished',
-      component: () => import("./SignUpFinished.vue") }),
+      component: () => import("./SignUpFinished.vue"), meta: { signedIn: true } }),
 
     route({ name: 'user:signOut', path: prefix + 'sign-out',
       component: () => import("./SignOut.vue") }),

package/index.js

@@ -10,4 +10,7 @@ export { NotificationsIcon, SimpleNotification, notificationTypes }
 import UserIcon from "./front/src/nav/UserIcon.vue"
 export { UserIcon }
 
-export * from "./front/src/router.js"
+import Password from "./front/src/password/Password.vue"
+export { Password }
+
+export * from "./front/src/router.js"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/user-frontend",
-  "version": "0.3.23",
+  "version": "0.3.24",
   "scripts": {
     "memDev": "lcli memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -20,27 +20,27 @@
     "debug": "node --inspect-brk server"
   },
   "dependencies": {
-    "@live-change/cli": "0.7.38",
+    "@live-change/cli": "0.7.39",
     "@live-change/dao": "0.5.22",
     "@live-change/dao-vue3": "0.5.22",
     "@live-change/dao-websocket": "0.5.22",
-    "@live-change/email-service": "0.3.40",
-    "@live-change/framework": "0.7.38",
-    "@live-change/identicon-service": "0.3.40",
-    "@live-change/image-frontend": "^0.3.23",
-    "@live-change/message-authentication-service": "0.3.40",
-    "@live-change/notification-service": "0.3.40",
-    "@live-change/password-authentication-service": "0.3.40",
+    "@live-change/email-service": "0.3.41",
+    "@live-change/framework": "0.7.39",
+    "@live-change/identicon-service": "0.3.41",
+    "@live-change/image-frontend": "^0.3.24",
+    "@live-change/message-authentication-service": "0.3.41",
+    "@live-change/notification-service": "0.3.41",
+    "@live-change/password-authentication-service": "0.3.41",
     "@live-change/pattern": "0.2.1",
-    "@live-change/secret-code-service": "0.3.40",
-    "@live-change/secret-link-service": "0.3.40",
-    "@live-change/security-frontend": "^0.3.23",
-    "@live-change/security-service": "0.3.40",
-    "@live-change/session-service": "0.3.40",
-    "@live-change/timer-service": "0.3.40",
-    "@live-change/upload-service": "0.3.40",
-    "@live-change/user-identification-service": "0.3.40",
-    "@live-change/user-service": "0.3.40",
+    "@live-change/secret-code-service": "0.3.41",
+    "@live-change/secret-link-service": "0.3.41",
+    "@live-change/security-frontend": "^0.3.24",
+    "@live-change/security-service": "0.3.41",
+    "@live-change/session-service": "0.3.41",
+    "@live-change/timer-service": "0.3.41",
+    "@live-change/upload-service": "0.3.41",
+    "@live-change/user-identification-service": "0.3.41",
+    "@live-change/user-service": "0.3.41",
     "@live-change/vue3-components": "0.2.34",
     "@live-change/vue3-ssr": "0.2.34",
     "@vueuse/core": "^10.4.1",
@@ -66,7 +66,7 @@
     "wtfnode": "^0.9.1"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "0.7.38",
+    "@live-change/codeceptjs-helper": "0.7.39",
     "@wdio/selenium-standalone-service": "^8.15.0",
     "codeceptjs": "^3.5.4",
     "generate-password": "1.7.0",
@@ -78,5 +78,5 @@
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "98a7f97a7844c9f04cfe564e7c7d63a3cc8dce67"
+  "gitHead": "1dd8f7ad59e7e40c25cfde3fed2854bf295d069c"
 }