@things-factory/auth-ui 4.0.38 → 4.0.42

package/client/bootstrap.js

@@ -1,10 +1,12 @@
 import '@material/mwc-icon'
+import '@operato/i18n'
+
+import { html } from 'lit-html'
+
+import { TOOL_POSITION } from '@operato/layout'
 import { auth } from '@things-factory/auth-base'
-import '@things-factory/i18n-base'
 import { ADD_MORENDA } from '@things-factory/more-base'
-import { TOOL_POSITION } from '@things-factory/layout-base'
 import { navigate, store } from '@things-factory/shell'
-import { html } from 'lit-html'
 
 export default function bootstrap() {
   /* add user profile morenda */
@@ -12,7 +14,7 @@ export default function bootstrap() {
     type: ADD_MORENDA,
     morenda: {
       icon: html` <mwc-icon>account_circle</mwc-icon> `,
-      name: html` <i18n-msg msgid="text.auth profile"></i18n-msg> `,
+      name: html` <ox-i18n msgid="text.auth profile"></ox-i18n> `,
       position: TOOL_POSITION.FRONT_END,
       action: () => {
         navigate('profile')
@@ -25,7 +27,7 @@ export default function bootstrap() {
     type: ADD_MORENDA,
     morenda: {
       icon: html` <mwc-icon>exit_to_app</mwc-icon> `,
-      name: html` <i18n-msg msgid="field.sign out"></i18n-msg> `,
+      name: html` <ox-i18n msgid="field.sign out"></ox-i18n> `,
       position: TOOL_POSITION.FRONT_END,
       action: () => {
         auth.signout()

package/client/components/abstract-auth-page.js

@@ -3,14 +3,14 @@ import '@material/mwc-icon'
 import '@material/mwc-icon-button'
 import '@material/mwc-textfield'
 import '@operato/lottie-player'
-import '@things-factory/i18n-ui/client/components/i18n-selector'
-import '@things-factory/layout-ui/client/layouts/snack-bar'
+import '@operato/i18n/ox-i18n-selector.js'
+import '@operato/layout/ox-snack-bar.js'
 
 import { css, html, LitElement } from 'lit'
 
+import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
 import { isSafari } from '@operato/utils'
-import { i18next, localize } from '@things-factory/i18n-base'
 
 import { AUTH_STYLE_SIGN } from '../auth-style-sign'
 
@@ -85,7 +85,7 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
           </div>
 
           <div class="auth-form">
-            <h3><i18n-msg msgid="title.${this.pageName}"></i18n-msg></h3>
+            <h3><ox-i18n msgid="title.${this.pageName}"></ox-i18n></h3>
 
             <form
               id="form"
@@ -100,7 +100,7 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
             ${this.links}
             <div id="locale-area">
               <label for="locale-selector"><mwc-icon>language</mwc-icon></label>
-              <i18n-selector
+              <ox-i18n-selector
                 id="locale-selector"
                 value=${i18next.language || 'en-US'}
                 @change=${e => {
@@ -109,13 +109,13 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
 
                   i18next.changeLanguage(locale)
                 }}
-              ></i18n-selector>
+              ></ox-i18n-selector>
             </div>
           </div>
         </div>
 
         <mwc-icon-button home icon="home" @click=${e => (window.location.href = '/')}></mwc-icon-button>
-        <snack-bar id="snackbar" level="error" .message=${this.message}></snack-bar>
+        <ox-snack-bar id="snackbar" level="error" .message=${this.message}></ox-snack-bar>
 
         ${isSafari()
           ? html``
@@ -175,7 +175,7 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
       </div>
 
       <mwc-button class="ui" type="submit" raised @click=${e => this._onSubmit(e)}>
-        <i18n-msg msgid="field.${this.pageName}"> </i18n-msg>
+        <ox-i18n msgid="field.${this.pageName}"> </ox-i18n>
       </mwc-button>
     `
   }
@@ -183,10 +183,10 @@ export class AbstractAuthPage extends localize(i18next)(LitElement) {
   get links() {
     return html`
       <a class="link" href="/auth/signup">
-        <mwc-button icon="add_task"><i18n-msg msgid="field.sign up"></i18n-msg></mwc-button>
+        <mwc-button icon="add_task"><ox-i18n msgid="field.sign up"></ox-i18n></mwc-button>
       </a>
       <a class="link" href="/auth/forgot-password">
-        <mwc-button icon="lock_open"><i18n-msg msgid="field.forgot-password"></i18n-msg></mwc-button>
+        <mwc-button icon="lock_open"><ox-i18n msgid="field.forgot-password"></ox-i18n></mwc-button>
       </a>
     `
   }

package/client/components/abstract-password-reset.js

@@ -2,11 +2,13 @@ import '@material/mwc-button'
 import '@material/mwc-textfield'
 import '@operato/lottie-player'
 import '../components/profile-component'
+import '@operato/i18n/ox-i18n-selector.js'
+import '@operato/layout/ox-snack-bar.js'
 
 import { css, html } from 'lit'
 
+import { i18next } from '@operato/i18n'
 import { isSafari } from '@operato/utils'
-import { i18next } from '@things-factory/i18n-base'
 
 import { AUTH_STYLE_SIGN } from '../auth-style-sign'
 import { generatePasswordPatternHelp, generatePasswordPatternRegExp } from '../utils/password-rule'
@@ -66,7 +68,7 @@ export class AbstractPasswordReset extends AbstractAuthPage {
         </div>
 
         <div class="auth-form">
-          <h3><i18n-msg msgid="title.${this.title}"></i18n-msg></h3>
+          <h3><ox-i18n msgid="title.${this.title}"></ox-i18n></h3>
           <form
             id="form"
             action="${this.actionUrl}"
@@ -104,12 +106,12 @@ export class AbstractPasswordReset extends AbstractAuthPage {
             </div>
 
             <mwc-button id="submit-button" type="submit" raised @click=${e => this._onSubmit(e)}>
-              <i18n-msg msgid="${this.submitButtonLabel}"></i18n-msg>
+              <ox-i18n msgid="${this.submitButtonLabel}"></ox-i18n>
             </mwc-button>
 
             <div id="locale-area">
               <label for="locale-selector"><mwc-icon>language</mwc-icon></label>
-              <i18n-selector
+              <ox-i18n-selector
                 id="locale-selector"
                 value=${i18next.language || 'en-US'}
                 @change=${e => {
@@ -118,12 +120,12 @@ export class AbstractPasswordReset extends AbstractAuthPage {
 
                   i18next.changeLanguage(locale)
                 }}
-              ></i18n-selector>
+              ></ox-i18n-selector>
             </div>
           </form>
         </div>
       </div>
-      <snack-bar id="snackbar" level="error" .message=${this.message}></snack-bar>
+      <ox-snack-bar id="snackbar" level="error" .message=${this.message}></ox-snack-bar>
 
       ${isSafari()
         ? html``

package/client/components/change-password.js

@@ -1,7 +1,6 @@
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { css, html, LitElement } from 'lit'
 
-import { CustomAlert } from '@things-factory/shell'
+import { i18next, localize } from '@operato/i18n'
 import { auth } from '@things-factory/auth-base'
 
 export class ChangePassword extends localize(i18next)(LitElement) {

package/client/components/contact-us.js

@@ -2,11 +2,11 @@ import '@material/mwc-textarea'
 import '@material/mwc-textfield'
 import '@material/mwc-button'
 import '@material/mwc-dialog'
-import '@things-factory/i18n-base'
+import '@operato/i18n'
 
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { css, html, LitElement } from 'lit'
 
+import { i18next, localize } from '@operato/i18n'
 import { auth } from '@things-factory/auth-base'
 
 export class ContactUs extends localize(i18next)(LitElement) {

package/client/components/create-domain-popup.js

@@ -1,10 +1,10 @@
 import '@material/mwc-button'
 
-import { CustomAlert, client } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
+import { client, CustomAlert } from '@things-factory/shell'
 
 class CreateDomainPopup extends localize(i18next)(LitElement) {
   static get properties() {

package/client/components/create-role.js

@@ -1,8 +1,8 @@
-import { CustomAlert, client, gqlContext } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
+import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 
 class CreateRole extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/create-user.js

@@ -1,6 +1,6 @@
-import { LitElement, css, html } from 'lit'
+import { css, html, LitElement } from 'lit'
 
-import { i18next } from '@things-factory/i18n-base'
+import { i18next } from '@operato/i18n'
 
 class CreateUser extends LitElement {
   static get styles() {

package/client/components/delete-user-popup.js

@@ -1,8 +1,8 @@
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { css, html, LitElement } from 'lit'
 
+import { i18next, localize } from '@operato/i18n'
+import { notify } from '@operato/layout'
 import { auth } from '@things-factory/auth-base'
-import { notify } from '@things-factory/layout-base'
 
 export class DeleteUserPopup extends localize(i18next)(LitElement) {
   static get styles() {
@@ -69,17 +69,17 @@ export class DeleteUserPopup extends localize(i18next)(LitElement) {
 
   render() {
     return html`
-      <h1><i18n-msg msgid="label.delete account"></i18n-msg></h1>
-      <span><i18n-msg msgid="text.delete account warning message"></i18n-msg></span>
+      <h1><ox-i18n msgid="label.delete account"></ox-i18n></h1>
+      <span><ox-i18n msgid="text.delete account warning message"></ox-i18n></span>
       <form @submit=${e => this.submit(e)}>
         <div class="field">
-          <label for="email"><i18n-msg msgid="label.email"></i18n-msg></label>
+          <label for="email"><ox-i18n msgid="label.email"></ox-i18n></label>
           <input id="email" type="email" name="email" required />
-          <label for="password"><i18n-msg msgid="label.password"></i18n-msg></label>
+          <label for="password"><ox-i18n msgid="label.password"></ox-i18n></label>
           <input id="password" type="password" name="password" required />
         </div>
 
-        <button class="ui button" type="submit"><i18n-msg msgid="label.delete account"></i18n-msg></button>
+        <button class="ui button" type="submit"><ox-i18n msgid="label.delete account"></ox-i18n></button>
       </form>
     `
   }

package/client/components/invite-customer.js

@@ -1,10 +1,10 @@
 import '@things-factory/auth-ui'
 
-import { CustomAlert, client, gqlContext } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
+import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 
 class InviteCustomer extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/invite-user.js

@@ -1,10 +1,10 @@
 import './user-role-editor'
 
-import { CustomAlert, client, gqlContext } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
+import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 
 class InviteUser extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/my-login-history.js

@@ -3,8 +3,8 @@ import '@operato/data-grist'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
+import { i18next } from '@operato/i18n'
 import { isMobileDevice } from '@operato/utils'
-import { i18next } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 
 class MyLoginHistory extends LitElement {

package/client/components/ownership-transfer-popup.js

@@ -1,10 +1,10 @@
 import '@material/mwc-button'
 
-import { CustomAlert, client, gqlContext } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
+import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 
 class OwnershipTransferPopup extends localize(i18next)(LitElement) {
   static get properties() {

package/client/components/partner-info-card.js

@@ -1,6 +1,6 @@
-import { LitElement, css, html } from 'lit'
+import { css, html, LitElement } from 'lit'
 
-import { i18next } from '@things-factory/i18n-base'
+import { i18next } from '@operato/i18n'
 
 export class PartnerInfoCard extends LitElement {
   static get styles() {

package/client/components/partner-role-editor.js

@@ -1,11 +1,11 @@
 import '@material/mwc-icon'
 import '@things-factory/auth-ui'
 
-import { CustomAlert, client, gqlContext } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
+import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 
 class PartnerRoleEditor extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/profile-component.js

@@ -1,12 +1,12 @@
-import '@things-factory/i18n-ui/client/components/i18n-selector'
+import '@operato/i18n/ox-i18n-selector.js'
 import './change-password'
 import './delete-user-popup'
 import './my-login-history'
 
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { notify, openPopup } from '@things-factory/layout-base'
+import { css, html, LitElement } from 'lit'
 
+import { i18next, localize } from '@operato/i18n'
+import { notify, openPopup } from '@operato/layout'
 import { auth } from '@things-factory/auth-base'
 
 export class ProfileComponent extends localize(i18next)(LitElement) {
@@ -126,18 +126,18 @@ export class ProfileComponent extends localize(i18next)(LitElement) {
       <div class="wrap">
         <div class="user">${this.email || ''}</div>
 
-        <label for="name"><i18n-msg slot="title" msgid="label.name"></i18n-msg></label>
+        <label for="name"><ox-i18n slot="title" msgid="label.name"></ox-i18n></label>
         <input id="name" @change=${e => this.onNameChanged(e.target.value)} .value=${this.name || ''} />
 
         <hr />
 
-        <label for="locale"><i18n-msg slot="title" msgid="label.language"></i18n-msg></label>
-        <i18n-selector id="locale" @change=${e => this.onLocaleChanged(e.detail)}></i18n-selector>
+        <label for="locale"><ox-i18n slot="title" msgid="label.language"></ox-i18n></label>
+        <ox-i18n-selector id="locale" @change=${e => this.onLocaleChanged(e.detail)}></ox-i18n-selector>
 
         <hr />
 
         <label for="change-password">
-          <i18n-msg msgid="label.password"></i18n-msg>
+          <ox-i18n msgid="label.password"></ox-i18n>
         </label>
 
         <change-password id="change-password"></change-password>

package/client/components/role-edit-form.js

@@ -1,5 +1,6 @@
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
 
 class RoleEditForm extends localize(i18next)(LitElement) {
   static get properties() {

package/client/components/role-privilege-editor.js

@@ -1,8 +1,8 @@
-import { CustomAlert, client, gqlContext } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-import { i18next, localize } from '@things-factory/i18n-base'
-
 import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { i18next, localize } from '@operato/i18n'
+import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 
 class RolePrivilegeEditor extends localize(i18next)(LitElement) {
   static get styles() {
@@ -151,7 +151,7 @@ class RolePrivilegeEditor extends localize(i18next)(LitElement) {
     if (this.role) {
       const response = await client.mutate({
         mutation: gql`
-          mutation($id: String!, $patch: RolePatch!) {
+          mutation ($id: String!, $patch: RolePatch!) {
             updateRole(id: $id, patch: $patch) {
               id
               name
@@ -186,7 +186,7 @@ class RolePrivilegeEditor extends localize(i18next)(LitElement) {
 
     const response = await client.mutate({
       mutation: gql`
-        mutation($id: String!) {
+        mutation ($id: String!) {
           deleteRole(id: $id)
         }
       `,
@@ -228,7 +228,7 @@ class RolePrivilegeEditor extends localize(i18next)(LitElement) {
   async fetchPrivilegesOnRole(name) {
     const response = await client.query({
       query: gql`
-        query($name: String!) {
+        query ($name: String!) {
           role(name: $name) {
             id
             name

package/client/components/user-role-editor.js

@@ -1,13 +1,13 @@
 import './ownership-transfer-popup'
 import './role-selector'
 
-import { CustomAlert, client, gqlContext, store } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-
-import { connect } from 'pwa-helpers/connect-mixin'
 import gql from 'graphql-tag'
-import { i18next } from '@things-factory/i18n-base'
-import { openPopup } from '@things-factory/layout-base'
+import { css, html, LitElement } from 'lit'
+import { connect } from 'pwa-helpers/connect-mixin'
+
+import { i18next } from '@operato/i18n'
+import { openPopup } from '@operato/layout'
+import { client, CustomAlert, gqlContext, store } from '@things-factory/shell'
 
 class UserRoleEditor extends connect(store)(LitElement) {
   static get styles() {
@@ -240,7 +240,7 @@ class UserRoleEditor extends connect(store)(LitElement) {
   async fetchRolesOnUser(email) {
     const response = await client.query({
       query: gql`
-        query($email: String!) {
+        query ($email: String!) {
           user(email: $email) {
             id
             name
@@ -319,7 +319,7 @@ class UserRoleEditor extends connect(store)(LitElement) {
     if (user?.id) {
       const response = await client.mutate({
         mutation: gql`
-          mutation($userId: String!, $availableRoles: [ObjectRef!]!, $selectedRoles: [ObjectRef!]!) {
+          mutation ($userId: String!, $availableRoles: [ObjectRef!]!, $selectedRoles: [ObjectRef!]!) {
             updateUserRoles(userId: $userId, availableRoles: $availableRoles, selectedRoles: $selectedRoles) {
               id
               name

package/client/entries/auth/activate.js

@@ -1,10 +1,10 @@
 import '@material/mwc-button'
-import '@things-factory/layout-ui/client/layouts/snack-bar'
+import '@operato/layout/ox-snack-bar.js'
 import '@operato/lottie-player'
 
 import { css, html, LitElement } from 'lit'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 
 export class AuthActivate extends localize(i18next)(LitElement) {
   static get styles() {
@@ -119,7 +119,7 @@ export class AuthActivate extends localize(i18next)(LitElement) {
           <span class="welcome-msg">${description}</span>
         </div>
 
-        <h1><i18n-msg msgid="text.your account is not activated"></i18n-msg></h1>
+        <h1><ox-i18n msgid="text.your account is not activated"></ox-i18n></h1>
 
         <!--description message container-->
         <p></p>
@@ -134,7 +134,7 @@ export class AuthActivate extends localize(i18next)(LitElement) {
           hidden
         >
           <input name="email" type="hidden" .value=${this.email || ''} required />
-          <button id="submit-button" type="submit"><i18n-msg msgid="label.change password"></i18n-msg></button>
+          <button id="submit-button" type="submit"><ox-i18n msgid="label.change password"></ox-i18n></button>
         </form>
 
         <div id="button-area">
@@ -161,7 +161,7 @@ export class AuthActivate extends localize(i18next)(LitElement) {
         </div>
         <!--lottie animation end-->
       </div>
-      <snack-bar id="snackbar"></snack-bar>
+      <ox-snack-bar id="snackbar"></ox-snack-bar>
     `
   }
 

package/client/entries/auth/checkin.js

@@ -4,9 +4,9 @@ import '@operato/lottie-player'
 
 import { css, html, LitElement } from 'lit'
 
+import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
 import { isSafari } from '@operato/utils'
-import { i18next, localize } from '@things-factory/i18n-base'
 
 import { AUTH_STYLE_SIGN } from '../../auth-style-sign'
 

package/client/entries/auth/forgot-password.js

@@ -1,10 +1,11 @@
 import '@material/mwc-button'
-import '@things-factory/layout-ui/client/layouts/snack-bar'
 import '../../components/profile-component'
 
-import { AbstractAuthPage } from '../../components/abstract-auth-page'
 import { html } from 'lit'
-import { i18next } from '@things-factory/i18n-base'
+
+import { i18next } from '@operato/i18n'
+
+import { AbstractAuthPage } from '../../components/abstract-auth-page'
 
 export class ForgotPassword extends AbstractAuthPage {
   get pageName() {
@@ -34,7 +35,7 @@ export class ForgotPassword extends AbstractAuthPage {
         ></mwc-textfield>
       </div>
       <mwc-button id="submit-button" class="ui button" type="submit" raised @click=${e => this._onSubmit(e)}>
-        <i18n-msg msgid="button.submit"></i18n-msg>
+        <ox-i18n msgid="button.submit"></ox-i18n>
       </mwc-button>
     `
   }
@@ -42,7 +43,7 @@ export class ForgotPassword extends AbstractAuthPage {
   get links() {
     return html`
       <a class="link" href="/auth/signin">
-        <mwc-button><i18n-msg msgid="field.sign in"></i18n-msg></mwc-button>
+        <mwc-button><ox-i18n msgid="field.sign in"></ox-i18n></mwc-button>
       </a>
     `
   }

package/client/entries/auth/result.js

@@ -4,8 +4,8 @@ import '@operato/lottie-player'
 
 import { css, html, LitElement } from 'lit'
 
+import { i18next, localize } from '@operato/i18n'
 import { isSafari } from '@operato/utils'
-import { i18next, localize } from '@things-factory/i18n-base'
 
 export class AuthResult extends localize(i18next)(LitElement) {
   static get styles() {

package/client/entries/auth/signin.js

@@ -1,7 +1,3 @@
-import '@material/mwc-button'
-import '@material/mwc-icon'
-import '@material/mwc-textfield'
-import '@things-factory/i18n-ui/client/components/i18n-selector'
 import { AbstractSign } from '../../components/abstract-sign'
 
 export class AuthSignin extends AbstractSign {

package/client/entries/auth/signup.js

@@ -1,8 +1,9 @@
-import { generatePasswordPatternHelp, generatePasswordPatternRegExp } from '../../utils/password-rule'
+import { html } from 'lit'
+
+import { i18next } from '@operato/i18n'
 
 import { AbstractSign } from '../../components/abstract-sign'
-import { html } from 'lit'
-import { i18next } from '@things-factory/i18n-base'
+import { generatePasswordPatternHelp, generatePasswordPatternRegExp } from '../../utils/password-rule'
 
 export class AuthSignup extends AbstractSign {
   get pageName() {
@@ -56,7 +57,7 @@ export class AuthSignup extends AbstractSign {
         ></mwc-textfield>
       </div>
       <mwc-button class="ui button" raised @click=${e => this._onSubmit(e)}>
-        <i18n-msg msgid="field.${this.pageName}"></i18n-msg>
+        <ox-i18n msgid="field.${this.pageName}"></ox-i18n>
       </mwc-button>
     `
   }
@@ -69,7 +70,7 @@ export class AuthSignup extends AbstractSign {
   get links() {
     return html`
       <a class="link" href="/auth/signin">
-        <mwc-button><i18n-msg msgid="field.sign in"></i18n-msg></mwc-button>
+        <mwc-button><ox-i18n msgid="field.sign in"></ox-i18n></mwc-button>
       </a>
     `
   }

package/client/entries/oauth2/oauth2-decision-page.js

@@ -1,11 +1,11 @@
 import '@material/mwc-button'
 import '../../components/role-selector'
 
-import { CustomAlert, client } from '@things-factory/shell'
-import { LitElement, css, html } from 'lit'
-
 import gql from 'graphql-tag'
-import { i18next } from '@things-factory/i18n-base'
+import { css, html, LitElement } from 'lit'
+
+import { i18next } from '@operato/i18n'
+import { client, CustomAlert } from '@things-factory/shell'
 
 class OAuth2DecisionPage extends LitElement {
   static get styles() {

package/client/entries/public/home.js

@@ -3,7 +3,7 @@ import '@material/mwc-button'
 
 import { css, html, LitElement } from 'lit'
 
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 
 export class HomePage extends localize(i18next)(LitElement) {
   static get styles() {

package/client/index.js

@@ -1,8 +1,10 @@
 import '@material/mwc-icon'
-import '@things-factory/i18n-base'
+import '@operato/i18n'
+
+import { html } from 'lit-html'
+
 import { ADD_MORENDA } from '@things-factory/more-base'
 import { navigate, store } from '@things-factory/shell'
-import { html } from 'lit-html'
 
 export * from './components/role-selector'
 export * from './components/domain-switch'
@@ -14,7 +16,7 @@ export function setAuthManagementMenus(credential) {
       type: ADD_MORENDA,
       morenda: {
         icon: html` <mwc-icon>how_to_reg</mwc-icon> `,
-        name: html` <i18n-msg msgid="text.role_management"></i18n-msg> `,
+        name: html` <ox-i18n msgid="text.role_management"></ox-i18n> `,
         action: () => {
           navigate('roles')
         }
@@ -25,7 +27,7 @@ export function setAuthManagementMenus(credential) {
       type: ADD_MORENDA,
       morenda: {
         icon: html` <mwc-icon>devices</mwc-icon> `,
-        name: html` <i18n-msg msgid="text.appliance"></i18n-msg> `,
+        name: html` <ox-i18n msgid="text.appliance"></ox-i18n> `,
         action: () => {
           navigate('appliance-home')
         }
@@ -36,7 +38,7 @@ export function setAuthManagementMenus(credential) {
       type: ADD_MORENDA,
       morenda: {
         icon: html` <mwc-icon>apps</mwc-icon> `,
-        name: html` <i18n-msg msgid="text.application management"></i18n-msg> `,
+        name: html` <ox-i18n msgid="text.application management"></ox-i18n> `,
         action: () => {
           navigate('applications')
         }
@@ -47,7 +49,7 @@ export function setAuthManagementMenus(credential) {
       type: ADD_MORENDA,
       morenda: {
         icon: html` <mwc-icon>people</mwc-icon> `,
-        name: html` <i18n-msg msgid="text.user management"></i18n-msg> `,
+        name: html` <ox-i18n msgid="text.user management"></ox-i18n> `,
         action: () => {
           navigate('users')
         }
@@ -60,11 +62,11 @@ export function setAuthManagementMenus(credential) {
       type: ADD_MORENDA,
       morenda: {
         icon: html` <mwc-icon>business</mwc-icon> `,
-        name: html` <i18n-msg msgid="text.domain management"></i18n-msg> `,
+        name: html` <ox-i18n msgid="text.domain management"></ox-i18n> `,
         action: () => {
           navigate('domains')
         }
       }
     })
   }
-}
+}

package/client/pages/application/register.js

@@ -1,8 +1,8 @@
-import { LitElement, css, html } from 'lit'
-import { PageView, client, navigate, store } from '@things-factory/shell'
-
-import { connect } from 'pwa-helpers/connect-mixin.js'
 import gql from 'graphql-tag'
+import { css, html } from 'lit'
+import { connect } from 'pwa-helpers/connect-mixin.js'
+
+import { client, navigate, PageView, store } from '@things-factory/shell'
 
 class ApplicationRegister extends connect(store)(PageView) {
   static get styles() {
@@ -185,7 +185,7 @@ class ApplicationRegister extends connect(store)(PageView) {
 
     const response = await client.mutate({
       mutation: gql`
-        mutation($application: NewApplication!) {
+        mutation ($application: NewApplication!) {
           createApplication(application: $application) {
             id
           }

package/client/pages/domain/domain-management.js

@@ -5,10 +5,10 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
+import { i18next, localize } from '@operato/i18n'
+import { openPopup } from '@operato/layout'
 import { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'
 import { isMobileDevice } from '@operato/utils'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { openPopup } from '@things-factory/layout-base'
 import { client, PageView, store } from '@things-factory/shell'
 
 export class DomainManagement extends connect(store)(localize(i18next)(PageView)) {

package/client/pages/partner/partner-management.js

@@ -3,12 +3,12 @@ import '../../components/partner-info-card'
 import '../../components/partner-role-editor'
 import '../../components/invite-customer'
 
-import { PageView, client, gqlContext, store } from '@things-factory/shell'
+import gql from 'graphql-tag'
 import { css, html } from 'lit'
-
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import gql from 'graphql-tag'
-import { i18next } from '@things-factory/i18n-base'
+
+import { i18next } from '@operato/i18n'
+import { client, gqlContext, PageView, store } from '@things-factory/shell'
 
 class PartnerManagement extends connect(store)(PageView) {
   static get styles() {

package/client/pages/profile.js

@@ -1,10 +1,9 @@
-import '@things-factory/i18n-ui/client/components/i18n-selector'
 import '../components/profile-component'
 
 import { css, html } from 'lit'
 
+import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
-import { i18next, localize } from '@things-factory/i18n-base'
 import { PageView } from '@things-factory/shell'
 
 export class AuthProfile extends localize(i18next)(PageView) {

package/client/pages/role/role-management.js

@@ -3,12 +3,12 @@ import '../../components/create-role'
 import '../../components/role-edit-form'
 import '../../components/role-privilege-editor'
 
-import { PageView, client, gqlContext, store } from '@things-factory/shell'
+import gql from 'graphql-tag'
 import { css, html } from 'lit'
-
 import { connect } from 'pwa-helpers/connect-mixin.js'
-import gql from 'graphql-tag'
-import { i18next } from '@things-factory/i18n-base'
+
+import { i18next } from '@operato/i18n'
+import { client, gqlContext, PageView, store } from '@things-factory/shell'
 
 class RoleManagement extends connect(store)(PageView) {
   static get styles() {

package/client/pages/user/user-management.js

@@ -4,11 +4,11 @@ import '../../components/ownership-transfer-popup'
 import '../../components/user-role-editor'
 import '../../components/create-user'
 
-import { CustomAlert, PageView, client, gqlContext } from '@things-factory/shell'
+import gql from 'graphql-tag'
 import { css, html } from 'lit'
 
-import gql from 'graphql-tag'
-import { i18next } from '@things-factory/i18n-base'
+import { i18next } from '@operato/i18n'
+import { client, CustomAlert, gqlContext, PageView } from '@things-factory/shell'
 
 class UserManagement extends PageView {
   static get styles() {

package/client/utils/password-rule.js

@@ -1,4 +1,4 @@
-import { i18next } from '@things-factory/i18n-base'
+import { i18next } from '@operato/i18n'
 
 export { generatePasswordPatternRegExp } from '@operato/utils'
 export function generatePasswordPatternHelp({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/auth-ui",
-  "version": "4.0.38",
+  "version": "4.0.42",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -30,14 +30,14 @@
     "@material/mwc-icon-button": "^0.25.3",
     "@material/mwc-textarea": "^0.25.3",
     "@material/mwc-textfield": "^0.25.3",
-    "@operato/data-grist": "^0.3.18",
-    "@operato/lottie-player": "^0.3.18",
-    "@things-factory/auth-base": "^4.0.38",
-    "@things-factory/i18n-base": "^4.0.38",
-    "@things-factory/i18n-ui": "^4.0.38",
-    "@things-factory/layout-ui": "^4.0.38",
-    "@things-factory/more-base": "^4.0.38",
+    "@operato/data-grist": "^0.3.24",
+    "@operato/i18n": "^0.3.24",
+    "@operato/layout": "^0.3.24",
+    "@operato/lottie-player": "^0.3.24",
+    "@things-factory/auth-base": "^4.0.42",
+    "@things-factory/i18n-base": "^4.0.42",
+    "@things-factory/more-base": "^4.0.42",
     "clipboard": "^2.0.6"
   },
-  "gitHead": "c2b2638e6efec319d4024cedc8da513d560c126e"
+  "gitHead": "794709ebadf4ae0f89a107a86a41a381ce26b465"
 }