@live-change/user-frontend 0.8.111 → 0.8.113

package/.nx/cache/file-map.json

@@ -2,29 +2,29 @@
   "version": "6.0",
   "nxVersion": "18.0.6",
   "deps": {
-    "@live-change/cli": "0.8.64",
-    "@live-change/dao": "0.8.64",
-    "@live-change/dao-vue3": "0.8.64",
-    "@live-change/dao-websocket": "0.8.64",
-    "@live-change/email-service": "0.8.64",
-    "@live-change/framework": "0.8.64",
-    "@live-change/identicon-service": "0.8.64",
-    "@live-change/image-frontend": "0.8.64",
-    "@live-change/message-authentication-service": "0.8.64",
-    "@live-change/notification-service": "0.8.64",
-    "@live-change/password-authentication-service": "0.8.64",
-    "@live-change/pattern": "0.8.64",
-    "@live-change/secret-code-service": "0.8.64",
-    "@live-change/secret-link-service": "0.8.64",
-    "@live-change/security-frontend": "0.8.64",
-    "@live-change/security-service": "0.8.64",
-    "@live-change/session-service": "0.8.64",
-    "@live-change/timer-service": "0.8.64",
-    "@live-change/upload-service": "0.8.64",
-    "@live-change/user-identification-service": "0.8.64",
-    "@live-change/user-service": "0.8.64",
-    "@live-change/vue3-components": "0.8.64",
-    "@live-change/vue3-ssr": "0.8.64",
+    "@live-change/cli": "0.8.112",
+    "@live-change/dao": "0.8.112",
+    "@live-change/dao-vue3": "0.8.112",
+    "@live-change/dao-websocket": "0.8.112",
+    "@live-change/email-service": "0.8.112",
+    "@live-change/framework": "0.8.112",
+    "@live-change/identicon-service": "0.8.112",
+    "@live-change/image-frontend": "0.8.112",
+    "@live-change/message-authentication-service": "0.8.112",
+    "@live-change/notification-service": "0.8.112",
+    "@live-change/password-authentication-service": "0.8.112",
+    "@live-change/pattern": "0.8.112",
+    "@live-change/secret-code-service": "0.8.112",
+    "@live-change/secret-link-service": "0.8.112",
+    "@live-change/security-frontend": "0.8.112",
+    "@live-change/security-service": "0.8.112",
+    "@live-change/session-service": "0.8.112",
+    "@live-change/timer-service": "0.8.112",
+    "@live-change/upload-service": "0.8.112",
+    "@live-change/user-identification-service": "0.8.112",
+    "@live-change/user-service": "0.8.112",
+    "@live-change/vue3-components": "0.8.112",
+    "@live-change/vue3-ssr": "0.8.112",
     "@vueuse/core": "^10.11.0",
     "codeceptjs-assert": "^0.0.5",
     "codeceptjs-video-helper": "0.1.3",
@@ -43,7 +43,7 @@
     "vue-router": "^4.3.3",
     "vue3-scroll-border": "0.1.6",
     "wtfnode": "^0.9.1",
-    "@live-change/codeceptjs-helper": "0.8.64",
+    "@live-change/codeceptjs-helper": "0.8.112",
     "codeceptjs": "^3.6.5",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -58,7 +58,7 @@
     "nonProjectFiles": [
       {
         "file": ".gitignore",
-        "hash": "16223102139109646162"
+        "hash": "15992884437165041643"
       },
       {
         "file": "LICENSE",
@@ -132,6 +132,14 @@
         "file": "front/index.html",
         "hash": "14592446545376477605"
       },
+      {
+        "file": "front/locales/en.js",
+        "hash": "8992398117446253297"
+      },
+      {
+        "file": "front/locales/en.json",
+        "hash": "17112222239289716263"
+      },
       {
         "file": "front/public/favicon.ico",
         "hash": "11176796980188620760"
@@ -144,6 +152,14 @@
         "file": "front/public/images/empty-user-photo.svg",
         "hash": "17548039285248668212"
       },
+      {
+        "file": "front/public/images/flag_placeholder.png",
+        "hash": "13349885107360637643"
+      },
+      {
+        "file": "front/public/images/flags_responsive.png",
+        "hash": "16939768183729769737"
+      },
       {
         "file": "front/public/images/logo.svg",
         "hash": "5934164668360941413"
@@ -168,9 +184,13 @@
         "file": "front/src/SettingsTabs.vue",
         "hash": "2781803486651533364"
       },
+      {
+        "file": "front/src/config.js",
+        "hash": "4208481022464725661"
+      },
       {
         "file": "front/src/connected/ConnectEmail.vue",
-        "hash": "13799874915061227484"
+        "hash": "6047225672608740304"
       },
       {
         "file": "front/src/connected/ConnectFinished.vue",
@@ -178,15 +198,15 @@
       },
       {
         "file": "front/src/connected/ConnectPhone.vue",
-        "hash": "479099539585203367"
+        "hash": "16244116470118199184"
       },
       {
         "file": "front/src/connected/Connected.vue",
-        "hash": "11506706671292138762"
+        "hash": "12062313542818824169"
       },
       {
         "file": "front/src/connected/connected.js",
-        "hash": "17119205448655692635"
+        "hash": "16115549822272991576"
       },
       {
         "file": "front/src/connected/routes.js",
@@ -210,11 +230,11 @@
       },
       {
         "file": "front/src/entry-client.js",
-        "hash": "1142301339306765299"
+        "hash": "1218837904372604167"
       },
       {
         "file": "front/src/entry-server.js",
-        "hash": "3852150522654880349"
+        "hash": "406370987563099630"
       },
       {
         "file": "front/src/google-access/GoogleAccess.vue",
@@ -230,15 +250,15 @@
       },
       {
         "file": "front/src/identification/IdentificationSettings.vue",
-        "hash": "15002414951607988030"
+        "hash": "6075780674193448163"
       },
       {
         "file": "front/src/identification/ObjectIdentification.vue",
-        "hash": "7094348845454164229"
+        "hash": "10686990170124591726"
       },
       {
         "file": "front/src/identification/UserIdentification.vue",
-        "hash": "12949250406055003638"
+        "hash": "1431762882689207915"
       },
       {
         "file": "front/src/identification/routes.js",
@@ -246,7 +266,7 @@
       },
       {
         "file": "front/src/locale/LocaleSettings.vue",
-        "hash": "15462056023784231614"
+        "hash": "10243743732240857715"
       },
       {
         "file": "front/src/locale/routes.js",
@@ -258,23 +278,23 @@
       },
       {
         "file": "front/src/message-auth/MessageSent.vue",
-        "hash": "15560413282579247889"
+        "hash": "12217587488799014941"
       },
       {
         "file": "front/src/message-auth/email/ConnectEmail.vue",
-        "hash": "15233744491515797343"
+        "hash": "15999102291271043628"
       },
       {
         "file": "front/src/message-auth/email/ResetPasswordEmail.vue",
-        "hash": "11567183052215973601"
+        "hash": "14386986193601895680"
       },
       {
         "file": "front/src/message-auth/email/SignInEmail.vue",
-        "hash": "9848166032809120864"
+        "hash": "4205333032756396662"
       },
       {
         "file": "front/src/message-auth/email/SignUpEmail.vue",
-        "hash": "1584124725715079142"
+        "hash": "12279709009918850463"
       },
       {
         "file": "front/src/message-auth/routes.js",
@@ -346,7 +366,7 @@
       },
       {
         "file": "front/src/password/ChangePassword.vue",
-        "hash": "17622479039292225723"
+        "hash": "8778073854643736454"
       },
       {
         "file": "front/src/password/ChangePasswordFinished.vue",
@@ -358,7 +378,7 @@
       },
       {
         "file": "front/src/password/ResetPassword.vue",
-        "hash": "7901587010569511599"
+        "hash": "5559350129523550286"
       },
       {
         "file": "front/src/password/ResetPasswordFinished.vue",
@@ -372,6 +392,14 @@
         "file": "front/src/password/routes.js",
         "hash": "16000852597236211445"
       },
+      {
+        "file": "front/src/phone/PhoneInput.vue",
+        "hash": "11924598677581069223"
+      },
+      {
+        "file": "front/src/phone/phoneNumber.js",
+        "hash": "16743730754837962672"
+      },
       {
         "file": "front/src/router.js",
         "hash": "6232756401755977821"
@@ -382,11 +410,11 @@
       },
       {
         "file": "front/src/settings/SettingsIndex.vue",
-        "hash": "9952663497590369291"
+        "hash": "3585943316489919880"
       },
       {
         "file": "front/src/settings/SettingsMenu.vue",
-        "hash": "11085205607791562405"
+        "hash": "2800442302615416453"
       },
       {
         "file": "front/src/settings/SettingsMenuItem.vue",
@@ -394,7 +422,7 @@
       },
       {
         "file": "front/src/sign/GoogleAuth.vue",
-        "hash": "17904987660087619857"
+        "hash": "9151672834588363056"
       },
       {
         "file": "front/src/sign/GoogleAuthReturn.vue",
@@ -410,7 +438,7 @@
       },
       {
         "file": "front/src/sign/SignInEmail.vue",
-        "hash": "15480628897033099010"
+        "hash": "5473411252952204050"
       },
       {
         "file": "front/src/sign/SignInFinished.vue",
@@ -418,7 +446,7 @@
       },
       {
         "file": "front/src/sign/SignOut.vue",
-        "hash": "10076038879944742081"
+        "hash": "3093170045439104802"
       },
       {
         "file": "front/src/sign/SignOutFinished.vue",
@@ -426,11 +454,11 @@
       },
       {
         "file": "front/src/sign/SignUpEmail.vue",
-        "hash": "7973900439696159950"
+        "hash": "15685195918653019588"
       },
       {
         "file": "front/src/sign/SignUpFinished.vue",
-        "hash": "4534581805740174218"
+        "hash": "7129131799285242853"
       },
       {
         "file": "front/src/sign/routes.js",
@@ -440,6 +468,10 @@
         "file": "front/src/utils/countries.js",
         "hash": "6201169448865628496"
       },
+      {
+        "file": "front/src/utils/flags.scss",
+        "hash": "17399308762652936405"
+      },
       {
         "file": "front/src/utils/googleAuth.js",
         "hash": "10682927559112869908"
@@ -454,15 +486,15 @@
       },
       {
         "file": "index.js",
-        "hash": "16467025442967385199"
+        "hash": "18356623881992972581"
       },
       {
         "file": "package.json",
-        "hash": "4875568356135693252"
+        "hash": "7911652222995749404"
       },
       {
         "file": "server/app.config.js",
-        "hash": "14052619601583710778"
+        "hash": "12086777353628638930"
       },
       {
         "file": "server/init-functions.js",
@@ -478,7 +510,7 @@
       },
       {
         "file": "server/services.list.js",
-        "hash": "2018796374883415113"
+        "hash": "16936713421708738629"
       },
       {
         "file": "server/start.js",

package/front/src/connected/Connected.vue

@@ -14,7 +14,10 @@
           <div class="flex flex-row align-items-center">
             <i v-if="contact.contactType.contactType === 'email'" class="pi pi-envelope mr-2"></i>
             <i v-if="contact.contactType.contactType === 'phone'" class="pi pi-mobile mr-2"></i>
-            <span class="block text-900 font-medium text-lg">{{ contact.id }}</span>
+            <span v-if="contact.contactType.contactType === 'phone'"
+                  class="block text-900 font-medium text-lg">{{ formatPhoneNumber(contact.id) }}</span>
+            <span v-else
+                  class="block text-900 font-medium text-lg">{{ contact.id }}</span>
           </div>
           <Button class="p-button-text p-button-plain p-button-rounded mr-1" icon="pi pi-times"
                   v-if="canDelete"
@@ -51,7 +54,7 @@
         </router-link>
         <router-link v-for="accountType in accountTypes"
                      :to="{ name: 'user:connect-'+accountType.accountType }" class="mr-2 no-underline block mb-1">
-          <Button :label="'Add '+accountType.accountType" icon="pi pi-google" id="connect" />
+          <Button v :label="'Add '+accountType.accountType" icon="pi pi-google" id="connect" />
         </router-link>
 
       </div>
@@ -74,6 +77,8 @@
   onMounted(() => isMounted.value = true)
   onUnmounted(() => isMounted.value = false)
 
+  import { formatPhoneNumber } from '../phone/phoneNumber.js'
+
   const workingZone = inject('workingZone')
 
   import { useApi, live, usePath, useActions } from '@live-change/vue3-ssr'

package/front/src/connected/connected.js

@@ -47,11 +47,12 @@ export function getAccountTypes(api = useApi()) {
     let viewName = 'myUserAccounts'
     console.log('remoteAccountType', accountType, 'serviceName', serviceName, 'viewName', viewName)
     console.log(`path[${serviceName}][${viewName}] =`, path[serviceName][viewName])
+    const accountsPath = computed(() => path[serviceName][viewName] && path[serviceName][viewName]({}))
     return {
       accountType,
       serviceName,
       viewName,
-      path: path[serviceName][viewName]({}),
+      path: accountsPath,
       accounts: null,
       async fetchAccounts(context, onUnmountedCb){
         const accounts = await live(path[serviceName][viewName]({}), context, onUnmountedCb)

package/front/src/phone/phoneNumber.js

@@ -0,0 +1,21 @@
+import countries from '../utils/countries.js'
+
+export function parsePhoneNumber(number) {
+  let countryFound = countries.find((country) => number.startsWith(country.dial_code))
+  if(countryFound) {
+    const countryCode = countryFound.dial_code
+    const localNumber = number.slice(countryFound.dial_code.length)
+    return { countryCode, localNumber }
+  } else {
+    countryFound = countries.find((country) => number.startsWith(country.dial_code.slice(1)))
+    const countryCode = countryFound ? countryFound.dial_code : null
+    const localNumber = number.slice(countryFound ? countryFound.dial_code.length - 1 : 0)
+    return { countryCode, localNumber }
+  }
+}
+
+export function formatPhoneNumber(number) {
+  const parsed = parsePhoneNumber(number)
+  if(!parsed.countryCode) return number
+  return `${parsed.countryCode} ${parsed.localNumber}`
+}

package/front/src/sign/SignInEmail.vue

@@ -51,27 +51,20 @@
 
       </command-form>
 
-      <Divider align="center" class="my-4">
+      <Divider v-if="accountTypes.length > 0" align="center" class="my-4">
         <span class="text-600 font-normal text-sm">OR</span>
       </Divider>
 
-      <!--        <Button label="Sign In with GitHub" icon="pi pi-github" class="w-full p-button-secondary mb-2" />-->
-      <router-link :to="{ name: 'user:googleAuth', params: { action: 'signInOrSignUp' } }" class="no-underline">
+      <router-link v-for="accountType in accountTypes"
+                   :to="{ name: `user:${accountType.accountType}Auth`, params: { action: 'signInOrSignUp' } }"
+                   class="no-underline">
         <Button
-          label="Sign In with Google"
-          icon="pi pi-google"
+          :label="`Sign In with ${accountType.accountType[0].toUpperCase()}${accountType.accountType.slice(1)}`"
+          :icon="`pi pi-${accountType.accountType}`"
           class="w-full p-button-secondary mb-1"
         />
       </router-link>
 
-<!--      <router-link :to="{ name: 'user:linkedinAuth', params: { action: 'signInOrSignUp' } }" class="no-underline">
-        <Button
-          label="Sign In with Linkedin"
-          icon="pi pi-linkedin"
-          class="w-full p-button-secondary mb-1"
-        />
-      </router-link>-->
-
     </div>
   </div>
 </template>
@@ -94,6 +87,10 @@
   import { useI18n } from 'vue-i18n'
   const { t } = useI18n()
 
+  import { getContactTypes, getAccountTypes} from '../connected/connected.js'
+  const contactsTypes = getContactTypes()
+  const accountTypes = getAccountTypes()
+
   function handleDone({ parameters, result }) {
     console.log("DONE RESULT", result)
     if(result.type === 'sent') {

package/front/src/sign/SignUpEmail.vue

@@ -27,15 +27,16 @@
         <Button label="Sign Up with email" icon="pi pi-user" class="w-full" type="submit" />
       </command-form>
 
-      <Divider align="center" class="my-4">
+      <Divider v-if="accountTypes.length > 0" align="center" class="my-4">
         <span class="text-600 font-normal text-sm">OR</span>
       </Divider>
 
-      <!--        <Button label="Sign In with GitHub" icon="pi pi-github" class="w-full p-button-secondary mb-2" />-->
-      <router-link :to="{ name: 'user:googleAuth', params: { action: 'signInOrSignUp' } }" class="no-underline">
+      <router-link v-for="accountType in accountTypes"
+                   :to="{ name: `user:${accountType.accountType}Auth`, params: { action: 'signInOrSignUp' } }"
+                   class="no-underline">
         <Button
-          label="Sign Up with Google"
-          icon="pi pi-google"
+          :label="`Sign Up with ${accountType.accountType[0].toUpperCase()}${accountType.accountType.slice(1)}`"
+          :icon="`pi pi-${accountType.accountType}`"
           class="w-full p-button-secondary mb-1"
         />
       </router-link>
@@ -61,6 +62,10 @@
   import { useI18n } from 'vue-i18n'
   const { t } = useI18n()
 
+  import { getContactTypes, getAccountTypes} from '../connected/connected.js'
+  const contactsTypes = getContactTypes()
+  const accountTypes = getAccountTypes()
+
   function handleSent({ parameters, result }) {
     const { authentication } = result
     router.push({

package/index.js

@@ -17,6 +17,10 @@ export { Password }
 import GoogleAccess from './front/src/google-access/GoogleAccess.vue'
 export { GoogleAccess }
 
+export * from "./front/src/phone/phoneNumber.js"
+import PhoneInput from "./front/src/phone/PhoneInput.vue"
+export { PhoneInput }
+
 export * from './front/src/connected/connected.js'
 
 export * from "./front/src/router.js"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/user-frontend",
-  "version": "0.8.111",
+  "version": "0.8.113",
   "scripts": {
     "memDev": "node --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
@@ -22,29 +22,29 @@
   },
   "type": "module",
   "dependencies": {
-    "@live-change/cli": "^0.8.111",
-    "@live-change/dao": "^0.8.111",
-    "@live-change/dao-vue3": "^0.8.111",
-    "@live-change/dao-websocket": "^0.8.111",
-    "@live-change/email-service": "^0.8.111",
-    "@live-change/framework": "^0.8.111",
-    "@live-change/identicon-service": "^0.8.111",
-    "@live-change/image-frontend": "^0.8.111",
-    "@live-change/message-authentication-service": "^0.8.111",
-    "@live-change/notification-service": "^0.8.111",
-    "@live-change/password-authentication-service": "^0.8.111",
-    "@live-change/pattern": "^0.8.111",
-    "@live-change/secret-code-service": "^0.8.111",
-    "@live-change/secret-link-service": "^0.8.111",
-    "@live-change/security-frontend": "^0.8.111",
-    "@live-change/security-service": "^0.8.111",
-    "@live-change/session-service": "^0.8.111",
-    "@live-change/timer-service": "^0.8.111",
-    "@live-change/upload-service": "^0.8.111",
-    "@live-change/user-identification-service": "^0.8.111",
-    "@live-change/user-service": "^0.8.111",
-    "@live-change/vue3-components": "^0.8.111",
-    "@live-change/vue3-ssr": "^0.8.111",
+    "@live-change/cli": "^0.8.113",
+    "@live-change/dao": "^0.8.113",
+    "@live-change/dao-vue3": "^0.8.113",
+    "@live-change/dao-websocket": "^0.8.113",
+    "@live-change/email-service": "^0.8.113",
+    "@live-change/framework": "^0.8.113",
+    "@live-change/identicon-service": "^0.8.113",
+    "@live-change/image-frontend": "^0.8.113",
+    "@live-change/message-authentication-service": "^0.8.113",
+    "@live-change/notification-service": "^0.8.113",
+    "@live-change/password-authentication-service": "^0.8.113",
+    "@live-change/pattern": "^0.8.113",
+    "@live-change/secret-code-service": "^0.8.113",
+    "@live-change/secret-link-service": "^0.8.113",
+    "@live-change/security-frontend": "^0.8.113",
+    "@live-change/security-service": "^0.8.113",
+    "@live-change/session-service": "^0.8.113",
+    "@live-change/timer-service": "^0.8.113",
+    "@live-change/upload-service": "^0.8.113",
+    "@live-change/user-identification-service": "^0.8.113",
+    "@live-change/user-service": "^0.8.113",
+    "@live-change/vue3-components": "^0.8.113",
+    "@live-change/vue3-ssr": "^0.8.113",
     "@vueuse/core": "^10.11.0",
     "codeceptjs-assert": "^0.0.5",
     "codeceptjs-video-helper": "0.1.3",
@@ -65,7 +65,7 @@
     "wtfnode": "^0.9.1"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.8.111",
+    "@live-change/codeceptjs-helper": "^0.8.113",
     "codeceptjs": "^3.6.5",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -76,5 +76,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "9b96afb2fc61ab3d2a5d143924e2c56d411280b4"
+  "gitHead": "80dd8415e06d849cc00a7711c635a7388143ce1d"
 }