@things-factory/auth-ui 8.0.0 → 9.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/auth-ui",
-  "version": "8.0.0",
+  "version": "9.0.0-beta.3",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -28,18 +28,18 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/attribute": "^8.0.0",
-    "@operato/data-grist": "^8.0.0",
-    "@operato/i18n": "^8.0.0",
-    "@operato/layout": "^8.0.0",
-    "@operato/lottie-player": "^8.0.0",
-    "@operato/moment-timezone-es": "^8.0.0",
-    "@operato/p13n": "^8.0.0",
-    "@operato/popup": "^8.0.0",
-    "@things-factory/auth-base": "^8.0.0",
-    "@things-factory/more-base": "^8.0.0",
+    "@operato/attribute": "^9.0.0-beta",
+    "@operato/data-grist": "^9.0.0-beta",
+    "@operato/i18n": "^9.0.0-beta",
+    "@operato/layout": "^9.0.0-beta",
+    "@operato/lottie-player": "^9.0.0-beta",
+    "@operato/moment-timezone-es": "^9.0.0-beta",
+    "@operato/p13n": "^9.0.0-beta",
+    "@operato/popup": "^9.0.0-beta",
+    "@things-factory/auth-base": "^9.0.0-beta.3",
+    "@things-factory/more-base": "^9.0.0-beta.0",
     "base64url": "^3.0.1",
     "clipboard": "^2.0.6"
   },
-  "gitHead": "07ef27d272dd9a067a9648ac7013748510556a18"
+  "gitHead": "1d7e0dd4c88f3c3f3bd311c00e4b1d1542d53634"
 }

package/translations/en.json

@@ -22,7 +22,6 @@
   "error.new-password-and-confirm-password-do-not-match": "new password and confirm password do not match",
   "error.not valid pattern of type": "not valid pattern of {type}",
   "error.password-not-matched": "password not matched. after 5 failures, your account will be locked. (failure: {failCount})",
-  "error.user duplicated.": "there is a user account using same email.",
   "error.user not found": "user not found",
   "error.user-deleted": "user account is deleted",
   "error.user-locked": "user account is locked",
@@ -54,7 +53,9 @@
   "field.tag": "tag",
   "field.tenant-id": "tenant id",
   "field.token": "token",
+  "field.user-id or email": "user id or email",
   "field.user-type": "user type",
+  "field.username": "user id",
   "label.access token": "access token",
   "label.activated-user": "activated",
   "label.admin-user": "admin",
@@ -95,6 +96,7 @@
   "label.subject": "subject",
   "label.superuser": "superuser",
   "label.user": "user",
+  "label.user-id": "user ID",
   "label.vendors": "vendors",
   "label.whitelist": "whitelist",
   "label.x description": "{x} description",
@@ -140,7 +142,7 @@
   "text.synchronize": "synchronize",
   "text.token expiry time": "token expiry time",
   "text.updated_successfully": "updated successfully",
-  "text.user activated successfully": "user activated successfully",
+  "text.user invitation prompt": "Please enter the username or email address of the user you wish to invite.",
   "text.user management": "user management",
   "text.x_cannot_delete": "{x} cannot be deleted",
   "text.x_created_successfully": "{x} created successfully",
@@ -155,8 +157,10 @@
   "title.invalid input": "invalid input",
   "title.lookup role": "lookup role",
   "title.lookup user": "lookup user",
+  "title.move to this domain": "move to this domain",
   "title.need help": "need help?",
   "title.nothing selected": "nothing selected",
+  "title.open attributes view": "open attributes view",
   "title.owner_transfer": "owner transfer",
   "title.partners": "partners",
   "title.protected-privileges": "protected privileges",

package/translations/ja.json

@@ -22,7 +22,6 @@
   "error.new-password-and-confirm-password-do-not-match": "新しいパスワードと確認パスワードが一致しません.",
   "error.not valid pattern of type": "正しい{type}形式ではありません.",
   "error.password-not-matched": "パスワードが一致しません. 5回失敗するとアカウントがロックされます. (失敗: {failCount})",
-  "error.user duplicated": "同じメールで登録されたアカウントが存在します.",
   "error.user not found": "ユーザーが存在しません.",
   "error.user-deleted": "ユーザーが存在しません.",
   "error.user-locked": "アカウントがロックされました. メールで再アクティブ化してください.",
@@ -54,7 +53,9 @@
   "field.tag": "タグ",
   "field.tenant-id": "テナントID",
   "field.token": "認証トークン",
+  "field.user-id or email": "ユーザーIDまたはメール",
   "field.user-type": "ユーザー タイプ",
+  "field.username": "ユーザーID",
   "label.access token": "アクセストークン",
   "label.activated-user": "正常",
   "label.admin-user": "管理者",
@@ -95,6 +96,7 @@
   "label.subject": "タイトル",
   "label.superuser": "スーパーユーザー",
   "label.user": "ユーザー",
+  "label.user-id": "ユーザーID",
   "label.vendors": "ベンダー",
   "label.whitelist": "ホワイトリスト",
   "label.x description": "{x}説明",
@@ -139,7 +141,7 @@
   "text.synchronize": "同期",
   "text.token expiry time": "トークン有効期限",
   "text.updated_successfully": "正常にアップデートしました.",
-  "text.user activated successfully": "ユーザーのアクティブ化に成功しました.",
+  "text.user invitation prompt": "招待したいユーザーのユーザー名またはメールアドレスを入力してください。",
   "text.user management": "ユーザー管理",
   "text.x_cannot_delete": "{x}は削除できません.",
   "text.x_created_successfully": "{x}が成功的に作成されました.",
@@ -154,8 +156,10 @@
   "title.invalid input": "無効な入力値",
   "title.lookup role": "ロール検索",
   "title.lookup user": "ユーザー検索",
+  "title.move to this domain": "このドメインに移動",
   "title.need help": "何かお困りですか?",
   "title.nothing selected": "選択された項目がありません.",
+  "title.open attributes view": "属性リストを見る",
   "title.owner_transfer": "ドメイン所有者変更",
   "title.partners": "パートナー管理",
   "title.protected-privileges": "保護されている権限",

package/translations/ko.json

@@ -22,7 +22,6 @@
   "error.new-password-and-confirm-password-do-not-match": "새 비밀번호와 확인 비밀번호가 일치하지 않습니다.",
   "error.not valid pattern of type": "올바른 {type} 형식이 아닙니다.",
   "error.password-not-matched": "비밀번호가 일치하지 않습니다. 5번 실패하면 계정이 잠깁니다. (실패: {failCount})",
-  "error.user duplicated": "동일한 이메일로 가입된 계정이 이미 존재합니다.",
   "error.user not found": "사용자가 존재하지 않습니다.",
   "error.user-deleted": "사용자가 존재하지 않습니다.",
   "error.user-locked": "계정이 잠겼습니다. 이메일을 통해 재활성화하세요.",
@@ -54,7 +53,9 @@
   "field.tag": "태그",
   "field.tenant-id": "tenant id",
   "field.token": "인증 토큰",
+  "field.user-id or email": "사용자 아이디 또는 이메일",
   "field.user-type": "사용자유형",
+  "field.username": "사용자 아이디",
   "label.access token": "액세스 토큰",
   "label.activated-user": "정상",
   "label.admin-user": "관리자",
@@ -95,6 +96,7 @@
   "label.subject": "제목",
   "label.superuser": "수퍼유저",
   "label.user": "사용자",
+  "label.user-id": "사용자 아이디",
   "label.vendors": "공급 업체",
   "label.whitelist": "화이트리스트",
   "label.x description": "{x} 설명",
@@ -139,7 +141,7 @@
   "text.synchronize": "동기화",
   "text.token expiry time": "토큰 만료 시점",
   "text.updated_successfully": "성공적으로 업데이트 되었습니다.",
-  "text.user activated successfully": "사용자를 성공적으로 활성화하였습니다.",
+  "text.user invitation prompt": "초대하고자 하는 사용자아이디나 이메일을 입력하세요。",
   "text.user management": "사용자 관리",
   "text.x_cannot_delete": "{x}은/는 삭제할 수 없습니다.",
   "text.x_created_successfully": "{x}이/가 성공적으로 생성되었습니다.",
@@ -154,8 +156,10 @@
   "title.invalid input": "유효하지 않은 입력값",
   "title.lookup role": "역할 검색",
   "title.lookup user": "사용자 검색",
+  "title.move to this domain": "이 도메인으로 이동하기",
   "title.need help": "도움이 필요하세요?",
   "title.nothing selected": "선택된 항목이 없습니다.",
+  "title.open attributes view": "속성목록 보기",
   "title.owner_transfer": "도메인 소유자 변경하기",
   "title.partners": "파트너 관리",
   "title.protected-privileges": "보호되는 권한",

package/translations/ms.json

@@ -22,7 +22,6 @@
   "error.new-password-and-confirm-password-do-not-match": "kata laluan baharu dan pengesahan berbeza",
   "error.not valid pattern of type": "tidak sah corak {type}",
   "error.password-not-matched": "salah kata kunci. akaun anda akan dikunci selepas 5 kali percubaan. (gagal: {failCount})",
-  "error.user duplicated": "emel telah diguna oleh akaun lain",
   "error.user not found": "pengguna tidak wujud",
   "error.user-deleted": "pengguna tidak wujud",
   "error.user-locked": "pengguna dikunci",
@@ -54,7 +53,9 @@
   "field.tag": "tag",
   "field.tenant-id": "ID penyewa",
   "field.token": "token",
+  "field.user-id or email": "ID pengguna atau e-mel",
   "field.user-type": "jenis pengguna",
+  "field.username": "ID pengguna",
   "label.access token": "token akses",
   "label.activated-user": "diaktifkan",
   "label.admin-user": "admin",
@@ -95,6 +96,7 @@
   "label.subject": "subjek",
   "label.superuser": "superuser",
   "label.user": "pengguna",
+  "label.user-id": "ID pengguna",
   "label.vendors": "penjual",
   "label.whitelist": "senarai putih",
   "label.x description": "{x} penerangan",
@@ -140,7 +142,7 @@
   "text.synchronize": "menyamakan",
   "text.token expiry time": "masa tamat token",
   "text.updated_successfully": "berjaya dikemaskini",
-  "text.user activated successfully": "pengguna berjaya diaktifkan",
+  "text.user invitation prompt": "sila masukkan nama pengguna atau alamat e-mel pengguna yang ingin anda jemput.",
   "text.user management": "pengurusan pengguna",
   "text.x_cannot_delete": "{x} tidak boleh dipadam",
   "text.x_created_successfully": "{x} berjaya dibina",
@@ -155,8 +157,10 @@
   "title.invalid input": "invalid input",
   "title.lookup role": "cari peranan",
   "title.lookup user": "cari pengguna",
+  "title.move to this domain": "pindah ke domain ini",
   "title.need help": "perlu bantuan?",
   "title.nothing selected": "tiada yang dipilih",
+  "title.open attributes view": "lihat atribut terbuka",
   "title.owner_transfer": "menukar pemilik",
   "title.partners": "rakan kongsi",
   "title.protected-privileges": "hak istimewa yang dilindungi",

package/translations/zh.json

@@ -22,7 +22,6 @@
   "error.new-password-and-confirm-password-do-not-match": "新密码与认证密码不同",
   "error.not valid pattern of type": "{type}格式错误",
   "error.password-not-matched": "密码不匹配。 5次失败后，您的帐户将被锁定。(失败次数:{failCount})",
-  "error.user duplicated": "有一个用户帐户使用相同的电子邮件",
   "error.user not found": "找不到用户",
   "error.user-deleted": "找不到用户",
   "error.user-locked": "用户帐户已锁定",
@@ -54,7 +53,9 @@
   "field.tag": "tag",
   "field.tenant-id": "租户ID",
   "field.token": "代币",
+  "field.user-id or email": "用户名或电子邮件",
   "field.user-type": "用户类型",
+  "field.username": "用户名",
   "label.access token": "访问令牌",
   "label.activated-user": "用户已激活",
   "label.admin-user": "管理用户",
@@ -95,6 +96,7 @@
   "label.subject": "主题",
   "label.superuser": "超级用户",
   "label.user": "用户",
+  "label.user-id": "用户ID",
   "label.vendors": "供应商",
   "label.whitelist": "白名单",
   "label.x description": "{x} 描述",
@@ -140,8 +142,8 @@
   "text.synchronize": "同步",
   "text.token expiry time": "令牌过期时间",
   "text.updated_successfully": "更新成功",
-  "text.user activated successfully": "用户成功激活。",
   "text.user management": "用户管理",
+  "text.user invitation prompt": "请输入您希望邀请的用户的用户名或电子邮件地址。",
   "text.x_cannot_delete": "{x}无法删除",
   "text.x_created_successfully": "{x}创建成功",
   "text.x_deleted_successfully": "{x}删除成功",
@@ -155,8 +157,10 @@
   "title.invalid input": "输入无效",
   "title.lookup role": "查找角色",
   "title.lookup user": "查找用户",
+  "title.move to this domain": "移动到此域名",
   "title.need help": "需要帮助?",
   "title.nothing selected": "未选择",
+  "title.open attributes view": "打开属性视图",
   "title.owner_transfer": "业主权限转移",
   "title.partners": "合作伙伴",
   "title.protected-privileges": "受保护的权限",

package/client/auth-style-sign.ts

@@ -1,194 +0,0 @@
-import { css } from 'lit'
-
-export const AUTH_STYLE_SIGN = css`
-  :host {
-    display: flex;
-    background-color: var(--md-sys-color-primary);
-    color: var(--md-sys-color-on-primary);
-
-    --md-filled-text-field-supporting-text-color: var(--md-sys-color-on-primary);
-  }
-
-  :host *:focus {
-    outline: none;
-  }
-
-  :host * {
-    box-sizing: border-box;
-  }
-
-  .wrap {
-    display: block;
-    width: 450px;
-    min-width: 350px;
-    margin: 0 auto;
-    padding-bottom: 100px;
-    text-align: center;
-  }
-
-  .auth-brand {
-    color: var(--md-sys-color-on-primary);
-  }
-
-  .auth-brand img {
-    margin: 15% auto 5px auto;
-    width: 100px;
-    border: 3px solid var(--md-sys-color-on-primary);
-    border-radius: 25px;
-    box-shadow: var(--box-shadow);
-  }
-  .name {
-    display: block;
-    font: var(--auth-brand-name);
-    text-shadow: var(--auth-brand-name-shadow);
-  }
-  .auth-brand .welcome-msg {
-    font: var(--auth-brand-welcome-msg);
-  }
-  .auth-form {
-    display: grid;
-    grid-gap: var(--spacing-medium);
-    grid-template-columns: 1fr 1fr;
-  }
-
-  form {
-    grid-column: 1 / -1;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-gap: var(--spacing-medium);
-    align-items: center;
-  }
-
-  h3 {
-    grid-column: 1 / -1;
-    margin: 50px 0 0 0;
-    font: var(--auth-title-font);
-    color: var(--auth-title-color, var(--md-sys-color-on-primary));
-    text-transform: uppercase;
-  }
-
-  .field {
-    grid-column: 1 / -1;
-    text-align: left;
-  }
-
-  .submit-buttons-container {
-    grid-column: 1 / -1;
-    text-align: center;
-
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
-
-  .fingerprint {
-    color: var(--md-sys-color-on-primary);
-    border: 1.5px solid var(--md-sys-color-on-primary);
-    border-radius: 20%;
-    width: 36px;
-    height: 36px;
-  }
-
-  .field md-filled-text-field {
-    grid-column: 1 / -1;
-    width: 100%;
-  }
-
-  md-text-button,
-  md-elevated-button {
-    grid-column: 1 / -1;
-    flex: 1;
-  }
-
-  .wrap .link {
-    text-decoration: none;
-    justify-self: flex-start;
-  }
-
-  .wrap .link md-text-button {
-    --md-text-button-label-text-color: var(--md-sys-color-on-primary);
-    --md-text-button-focus-label-text-color: var(--md-sys-color-on-primary);
-    --md-text-button-hover-label-text-color: var(--md-sys-color-on-primary);
-  }
-
-  .wrap .link md-icon {
-    color: var(--md-sys-color-on-primary);
-  }
-
-  #locale-area {
-    display: flex;
-    grid-column: 1 / -1;
-    padding: 0 var(--spacing-medium);
-  }
-
-  #locale-area > label {
-    display: flex;
-    align-items: center;
-    color: var(--md-sys-color-on-primary);
-    --md-icon-size: 16px;
-  }
-
-  #locale-selector {
-    font-size: 16px;
-    width: 100%;
-  }
-
-  #locale-selector {
-    --i18n-selector-field-border: none;
-    --i18n-selector-field-background-color: none;
-    --i18n-selector-field-font-size: 14px;
-    --i18n-selector-field-color: var(--md-sys-color-on-primary);
-  }
-
-  .lottie-container {
-    width: 100%;
-    height: 300px;
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    pointer-events: none;
-  }
-  .lottie-container lottie-player {
-    position: absolute;
-    bottom: -6%;
-    width: 100%;
-    height: auto;
-  }
-
-  @media (max-width: 450px) {
-    .wrap {
-      width: 85%;
-      min-width: 320px;
-    }
-    .auth-form {
-      grid-template-columns: 1fr;
-    }
-    .auth-brand img {
-      margin: 12% auto 5px auto;
-      width: 75px;
-    }
-    h3 {
-      margin: 15px 0 0 0;
-    }
-    .lottie-container {
-      overflow: hidden;
-      height: 200px;
-      pointer-events: none;
-    }
-    .lottie-container lottie-player {
-      width: 1200px;
-      left: -30%;
-    }
-  }
-
-  @media screen and (min-width: 1400px) {
-    .wrap {
-      padding-bottom: 150px;
-    }
-  }
-  @media screen and (min-width: 2500px) {
-    .wrap {
-      padding-bottom: 280px;
-    }
-  }
-`

package/client/bootstrap.ts

@@ -1,51 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@operato/i18n/ox-i18n.js'
-import '@operato/attribute/grist-editor' /* for register data-grist editor type 'attributes' */
-
-import { html } from 'lit-html'
-
-import { navigate, store } from '@operato/shell'
-import { TOOL_POSITION } from '@operato/layout'
-import { OxGristEditorPrivilege } from '@operato/app/grist-editor/ox-grist-editor-privilege.js'
-import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer, OxGristRendererJson5 } from '@operato/data-grist'
-
-import { auth } from '@things-factory/auth-base/dist-client/auth.js'
-import { ADD_MORENDA } from '@things-factory/more-base/client'
-
-export default function bootstrap() {
-  registerGristEditor('privilege', OxGristEditorPrivilege)
-  registerGristRenderer('privilege', OxGristRendererJson5)
-
-  /* add user profile morenda */
-  store.dispatch({
-    type: ADD_MORENDA,
-    morenda: {
-      icon: html` <md-icon>account_circle</md-icon> `,
-      name: html` <ox-i18n msgid="text.auth profile"></ox-i18n> `,
-      position: TOOL_POSITION.FRONT_END,
-      action: () => {
-        navigate('profile')
-      }
-    }
-  })
-
-  /* add sign-out morenda */
-  store.dispatch({
-    type: ADD_MORENDA,
-    morenda: {
-      icon: html` <md-icon>exit_to_app</md-icon> `,
-      name: html` <ox-i18n msgid="field.sign out"></ox-i18n> `,
-      position: TOOL_POSITION.FRONT_END,
-      action: () => {
-        auth.signout()
-      }
-    }
-  })
-
-  /* 
-    Get user profile information from server. 
-    As soon as response received, auth.on('profile', ...) handlers start to work.
-    It's very important point to build UI for the user.
-  */
-  auth.profile()
-}