arrmatura 4.2.2 → 5.0.2

package/commons/forms/MultivalueController.ts

@@ -0,0 +1,49 @@
+import { arrayToObject } from '../../lib';
+import { Service } from '../services/Service';
+
+export class MultivalueController extends Service {
+  value: string = '';
+  options: any;
+  optionsHash?: Data;
+
+  get items() {
+    return this.bits.map((id) => ({ id, name: this.optionsHash?.[id]?.name || id }));
+  }
+
+  get bits() {
+    return this.value ? this.value.split(',') : [];
+  }
+
+  setOptions(opts: Obj[]) {
+    this.optionsHash = arrayToObject(opts);
+    this.options = opts;
+  }
+
+  get availableOptions() {
+    const result = this.options?.filter((e) => !this.value?.includes(e.id));
+    return result?.length ? result : null;
+  }
+
+  change(data?: Hash) {
+    throw new Error('change not defined.' + data);
+  }
+
+  onToggleOpened(_: never, { opened = false }) {
+    return { opened: !opened };
+  }
+
+  onReset() {
+    this.change({ value: '' });
+  }
+
+  onInsert({ value = '' }) {
+    this.change({ value: [...this.bits, value].join(',') });
+    return { opened: false };
+  }
+
+  onDelete({ value = '' }) {
+    this.change({
+      value: this.bits.filter((e) => e !== value).join(','),
+    });
+  }
+}

package/commons/forms/SmartareaField.xml

@@ -0,0 +1,51 @@
+<component id="Smartarea">
+  <div class="form-autocomplete" ui:if="options">
+
+    <ui:fragment ui:if="disabled">
+      <ui:then>
+        <div class="form-input" style="height: auto;min-height:1.5rem;">{value}</div>
+      </ui:then>
+      <ui:else>
+        <div class="has-icon-right" click="{open|bindArgs:true}">
+          <div class="form-input text-{value|then::gray}" style="height: auto;min-height:1.5rem;">{value|or:@placeholder}</div>
+          <i class="form-icon icon icon-edit c-hand"></i>
+        </div>
+      </ui:else>
+    </ui:fragment>
+
+    <Modal open="{opened}" mode="sm" ui:if="{opened}" close="{open|bindArgs:false}">
+      <Modal:header>
+        <h6>{caption}</h6>
+      </Modal:header>
+
+      <div class="form-autocomplete">
+        <div class="has-icon-right">
+          <textarea class="form-input" style="padding-right: 3rem;height:6rem;" keypress="{change}" value="{value}" />
+          <i class="form-icon icon icon-{value|then:cross:arrow-down} c-hand" click="{reset}" ui:if="value"></i>
+        </div>
+        <div style="overflow-y: auto;height:15rem;margin:0.5rem 0;">
+          <ul class="menu2" style="min-width: 180px;list-style: none;">
+            <li class="menu-item" ui:for="item of options" data-value="{item.id}" click="{append}">
+              <a>
+                <div class="tile tile-centered">
+                  <div class="tile-content">🏷️ {item.name|or:@item.id}</div>
+                </div>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <Modal:footer>
+        <Btn class="float-right" mode="primary" title="OK" action="{open|bindArgs:false}"/>
+      </Modal:footer>
+    </Modal>
+  </div>
+</component>
+
+<component id="SmartareaField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <SuggestionController ui:ref="ctrl" options="{options}" value="{value}" change="{onChange}"/>
+    <Smartarea caption="{caption}" disabled="{disabled}" options="<-ctrl.smartOptions" value="{value}" disabled="{disabled}" opened="{opened}" open="->opened" placeholder="{placeholder}" change="->ctrl.change" append="->ctrl.append" reset="->ctrl.cutLast"/>
+  </FieldItem>
+</component>

package/commons/forms/SuggestionController.ts

@@ -0,0 +1,80 @@
+import { Service } from '../services/Service';
+
+export class SuggestionController extends Service {
+  value: string = '';
+  options: any;
+
+  get bits() {
+    return this.value
+      ? this.value
+          .split(',')
+          .map((s) => s.trim())
+          .filter(Boolean)
+      : [];
+  }
+
+  get lastBitIncluded() {
+    let bits = this.bits;
+    if (!bits.length) return false;
+    const lastBit = bits[bits.length - 1] || '';
+    return this.options.some((e) => e.id === lastBit);
+  }
+
+  get smartOptions() {
+    let options = this.options;
+    let bits = this.bits;
+    if (!bits.length) return options;
+    const lastBit = bits[bits.length - 1] || '';
+    if (lastBit.length > 1 && !this.lastBitIncluded) {
+      const keyword = lastBit.toLowerCase();
+      options = options.filter((e) => (e.name || e.id).toLowerCase().includes(keyword));
+      // if (options2.length) {
+      //   options = options2;
+      // }
+    }
+
+    options = options.filter((e) => !bits.includes(e.id));
+    // if (options2.length === 1 && value === options2[0].id) return null;
+    return options.slice(0, 15);
+  }
+
+  get actualOptions() {
+    const options = this.options;
+    const value = String(this.value || '');
+    const keyword = value?.toLowerCase() || '';
+    if (keyword.length < 2) return options.slice(0, 15);
+    const options2 = options.filter((e) => (e.name || e.id).toLowerCase().startsWith(keyword));
+    if (options2.length === 1 && value === options2[0].id) return null;
+    return options2.slice(0, 15);
+  }
+
+  change(data?: Hash) {
+    throw new Error('change not defined.' + data);
+  }
+
+  onOpen(opened = false) {
+    return { opened };
+  }
+
+  onReset() {
+    this.change({ value: '' });
+  }
+
+  onAppend({ value = '' }) {
+    const bits = this.bits;
+    if (!this.lastBitIncluded) {
+      bits.pop();
+    }
+    this.change({ value: [...bits, value].join(', ') });
+  }
+  onCutLast() {
+    const bits = this.bits;
+    bits.pop();
+    this.change({ value: [...bits].join(', ') });
+  }
+
+  onChange({ value = '' }) {
+    this.change({ value });
+    return { opened: false };
+  }
+}

package/commons/forms/SuggestionField.xml

@@ -0,0 +1,28 @@
+<component id="SuggestionInput">
+  <div class="form-autocomplete">
+    <div class="has-icon-right">
+      <input class="form-input" type="text" disabled="{disabled}" placeholder="{placeholder}" focus="{open|bindArgs:true}" blur2="{open|bindArgs:false|nextTick:200}" keypress="{change}" value="{value}" />
+      <i class="form-icon icon icon-{value|then:cross:arrow-down} c-hand" style="margin-right:{options.length|then:1.5:0.25}rem;" click="{reset}" ui:if="disabled|not|and:@value"></i>
+      <ui:fragment ui:if="options|and:@options.length">
+        <i class="form-icon icon icon-arrow-up c-hand" click="{open|bindArgs:false}" ui:if="opened"></i>
+        <i class="form-icon icon icon-arrow-down c-hand" click="{open|bindArgs:true}" ui:if="opened|not"></i>
+      </ui:fragment>
+    </div>
+    <ul class="menu" style="position2: relative; min-width: 180px;max-height:7rem;overflow-y:auto;" ui:if="{options|and:@options.length|and:@opened}">
+      <li class="menu-item" ui:for="item of options" data-value="{item.id}" click="{change}">
+        <a>
+          <div class="tile tile-centered">
+            <div class="tile-content">{item.name|or:@item.id}</div>
+          </div>
+        </a>
+      </li>
+    </ul>
+  </div>
+</component>
+
+<component id="SuggestionField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <SuggestionController ui:ref="ctrl" options="{options}" value="{value}" change="{onChange}"/>
+    <SuggestionInput options="<-ctrl.actualOptions" value="{value}" opened="<- ctrl.opened" open="-> ctrl.open" disabled="{disabled}" change="->ctrl.change" append="->ctrl.change" reset="->ctrl.reset"/>
+  </FieldItem>
+</component>

package/commons/forms/fields.xml

@@ -0,0 +1,138 @@
+<component id="Field">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <input class="form-input" type="text" disabled="{disabled}" placeholder="{placeholder}" value="{value}" change="{onChange}" />
+  </FieldItem>
+</component>
+
+<component id="TextField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <input class="form-input" type="text" disabled="{disabled}" placeholder="{placeholder}" value="{value}" change="{onChange}" />
+  </FieldItem>
+</component>
+
+<component id="UrlField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <div class="input-group has-icon-right">
+      <ui:fragment ui:if="{editing}">
+        <ui:then>
+          <input class="form-input border-0" disabled="{disabled}" type="url" blur="-> editing|not" placeholder="{caption}" value="{value}" change="{onChange}" />
+          <button class="btn btn-primary input-group-btn" click="-> editing|not">
+            <i class="icon icon-check"/>
+          </button>
+        </ui:then>
+        <ui:else>
+          <a class="form-input text-ellipsis" href="{value}" target="{id}">{value}</a>
+          <i class="form-icon icon icon-edit c-hand" click="->editing" ui:if="disabled|not"/>
+        </ui:else>
+      </ui:fragment>
+    </div>
+  </FieldItem>
+</component>
+
+<component id="EmailField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <input class="form-input" disabled="{disabled}" type="email" placeholder="{caption}" value="{value}" change="{onChange}" />
+  </FieldItem>
+</component>
+
+<component id="DateField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <input class="form-input" disabled="{disabled}" type="date" placeholder="{caption}" value="{value}" change="{onChange}" />
+  </FieldItem>
+</component>
+
+<component id="DateAndWorkingHoursField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <div class="flexoid">
+      <input class="form-input" disabled="{disabled}" type="date" placeholder="{caption}" value="{value}" change="{onChange}" />
+      <Select class="form-select ml-2" disabled="{disabled}" change="{onChange|assignFirstArgKeyValue:key:@typeSpec}" emptyCaption="-" value="{data|dot:@typeSpec}" options=":enums.workingHours" />
+    </div>
+  </FieldItem>
+</component>
+
+
+<component id="DateAndTimeField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <div class="flexoid">
+      <input class="form-input flex-1" disabled="{disabled}" type="date" placeholder="{caption}" value="{value}" change="{onChange}" />
+      <input class="form-input flex-1 ml-2" disabled="{value|not|or:@disabled}" type="text" value="{data|dot:@typeSpec}" change="{onChange|assignFirstArgKeyValue:key:@typeSpec}" />
+    </div>
+  </FieldItem>
+</component>
+
+<component id="DatePeriodField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <div class="flexoid">
+      <input class="form-input flex-1" disabled="{disabled}" type="date" placeholder="{caption}" value="{value}" change="{onChange}" />
+      <input class="form-input flex-1 ml-2" style="min-width: 6rem;" disabled="{value|not|or:@disabled}" type="date" value="{data|dot:@typeSpec}" change="{onChange|assignFirstArgKeyValue:key:@typeSpec}" />
+    </div>
+  </FieldItem>
+</component>
+
+<component id="DateTimeField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <input class="form-input" disabled="{disabled}" type="datetime-local" placeholder="{caption}" value="{value|dateFormat:yyyy-mm-ddTt}" change="{onChange}" />
+  </FieldItem>
+</component>
+
+<component id="TimeField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <input class="form-input" disabled="{disabled}" type="text" placeholder="{caption}" value="{value|dateFormat:t}" change="{onChange}" />
+  </FieldItem>
+</component>
+
+<component id="NumberField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <input class="form-input" disabled="{disabled}" type="number" placeholder="{placeholder}" value="{value}" change="{onChange}" />
+  </FieldItem>
+</component>
+
+<component id="TextareaField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <textarea class="form-input" style="min-height: 15vw" disabled="{disabled}" placeholder="{placeholder}" rows="3" change="{onChange}" value="{value}"></textarea>
+  </FieldItem>
+</component>
+
+<component id="BooleanField">
+  <div class="form-group">
+    <div class="col-sm-12 flexoid">
+      <label class="form-switch">
+        <span>{caption}</span>
+        <input type="checkbox" toggle="{onChange}" checked="{value|truthy}" />
+        <i class="form-icon"></i>
+      </label>
+      <div class="border-1 centroid text-secondary s-circle m-1 px-2" style="height:1.3rem; width:1.3rem;" data-value="{showHint|not}" click="->showHint|dot:value" ui:if="{hint}">
+        <span>?</span>
+      </div>
+    </div>
+    <div class="col-12" ui:if="{showHint}">
+      <p class="form-input-hint mb-1">{hint}</p>
+    </div>
+  </div>
+</component>
+
+<component id="EnumField">
+  <FieldItem caption="{caption}" class={class} error="{error}" required="{required}" hint="{hint}">
+    <Select class="form-select" change="{onChange}" value="{value|or:@defaultValue}" options="{options}" emptyCaption="{emptyCaption}" disabled="{disabled}" />
+  </FieldItem>
+</component>
+
+<component id="SelectField">
+  <FieldItem caption="{caption}" class="{class}" error="{error}" required="{required}" hint="{hint}">
+    <Select class="form-select" change="{onChange}" value="{value|or:@defaultValue}" options="{options}" emptyCaption="{emptyCaption}" disabled="{disabled}" />
+  </FieldItem>
+</component>
+
+<component id="ChoiceField">
+  <FieldItem caption="{caption}" class="{class}" error="{error}" required="{required}" hint="{hint}">
+    <div class="btn-group btn-group-block">
+      <Btn title="{option.name}" class="option-{value}{option.id|equals:@value|then::-other}" mode="{option.id|equals:@value|then:primary}" data="{option.id|pack:value}" action="{onChange}" ui:for="option of options"/>
+    </div>
+  </FieldItem>
+</component>
+
+<component id="RadioField">
+  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
+    <RadioGroup change="{onChange}" value="{value}" data="{data}" options=":enums.{typeSpec}" disabled="{disabled}" />
+  </FieldItem>
+</component>

package/commons/forms/form.xml

@@ -0,0 +1,37 @@
+<component id="Forma">
+  <div autocomplete="off" class="form-horizontal px-2">
+    <FormController ui:ref="formController" data="{data}" meta="{meta}" change="{change}" />
+    <ui:tag tag="{field.type|capitalize}Field" ui:props="{field}" ui:if="field.visible" ui:for="field of <-formController.fieldProps" />
+  </div>
+</component>
+
+<component id="GroupForma">
+  <div autocomplete="off" class="form-horizontal px-2">
+    <FormController ui:ref="formController" data="{data}" meta="{meta}" change="{change}" />
+    <FieldGroup ui:props="{group}" ui:for="group of <-formController.fieldsGroups" />
+  </div>
+</component>
+
+<component id="TabbedForma">
+  <div autocomplete="off" class="form-horizontal px-2">
+    <FormController ui:ref="formController" data="{data}" meta="{meta}" change="{change}" />
+    <TabbedFormaContent ui:props="<-formController.tabsInfo" />
+  </div>
+</component>
+
+<component id="TabbedFormaContent">
+  <Tabs items="{tabs}" change="->tabId|dot:id" value="{tabId|or:@initialTab}" ui:if="enabled" />
+  <div ui:if="tabId|or:@initialTab|equals:@tab.id" ui:for="tab of tabs">
+    <FieldGroup ui:props="{group}" ui:for="group of tab.items" />
+  </div>
+</component>
+
+<component id="FieldGroup">
+  <h6 class="mt-2 pt-2 px-2 text-gray">{id}</h6>
+  <div class="panel">
+    <div class="p-2">
+      <ui:tag tag="{field.type|capitalize}Field" ui:props="{field}" ui:if="field.visible" ui:for="field of items" />
+    </div>
+  </div>
+</component>
+

package/commons/forms/index.ts

@@ -0,0 +1,29 @@
+import { FormController } from './FormController';
+import { ItemCollection } from './ItemCollection';
+import { ItemController } from './ItemController';
+import { MetadataService } from './MetadataService';
+import { MultivalueController } from './MultivalueController';
+import { SuggestionController } from './SuggestionController';
+
+import form from './form.xml';
+import fields from './fields.xml';
+
+import SuggestionField from './SuggestionField.xml';
+import SmartareaField from './SmartareaField.xml';
+import FieldItem from './FieldItem.xml';
+import MultiEnumField from './MultiEnumField.xml';
+
+export default [
+  form,
+  fields,
+  SuggestionField,
+  SmartareaField,
+  FieldItem,
+  MultiEnumField,
+  FormController,
+  ItemCollection,
+  ItemController,
+  MetadataService,
+  MultivalueController,
+  SuggestionController,
+];

package/commons/index.ts

@@ -0,0 +1,6 @@
+import components from './components';
+import * as services from './services';
+import forms from './forms';
+import auth from './auth';
+
+export default [...components, ...forms, ...auth, ...Object.values(services)];

package/commons/pipes/index.ts

@@ -0,0 +1,21 @@
+import * as libs from '../../lib';
+import { dateFormat, dateOf, urlParse } from '../../lib';
+import { showCounts } from './showCounts';
+
+// useful pipes
+export const pipes: Hash<Pipe> = {
+  ...libs,
+
+  queryParam: (_, key: string) => urlParse(window.location.search).params[key],
+  queryParams: (_) => urlParse(window.location.search).params,
+  date: (x) => dateFormat(dateOf(x)),
+  rest: (x, pos = 1) => (x ? x.slice(pos) : []),
+  findByKey: (x, key, val) => x?.find?.((e: Hash) => e[key] == val),
+  filterByKey: (x, key, val) => x?.filter?.((e: Hash) => !e[key] || e[key] == val),
+  resolve: (x, id, key) => x?.find?.((e: Hash) => e.id == id)?.[key],
+  limit: (x, size = 50) => (x ? x.slice(0, size) : []),
+  ifAbove: (x, limit = 0) => (+x > +limit ? x : ''),
+  showCounts,
+};
+
+export default pipes;

package/commons/pipes/showCounts.ts

@@ -0,0 +1,16 @@
+export const showCounts = (counts: Obj, nicNema = '⭕', neZnojdzeno = '⭕') => {
+  if (!counts) {
+    return '…';
+  }
+  const { total, actual } = counts;
+  if (!total) {
+    return nicNema;
+  }
+  if (!actual) {
+    return neZnojdzeno;
+  }
+  if (actual === total) {
+    return total;
+  }
+  return actual + ' / ' + total;
+};

package/commons/services/ErrorHandlingService.ts

@@ -0,0 +1,11 @@
+import { Service } from './Service';
+
+export class ErrorHandlingService extends Service {
+  handleError({ message = '', code, source = {} }) {
+    this.show({ message: source + ': ' + message, code, mode: 'error' });
+  }
+
+  show({ message = '', code = '', source }) {
+    console.error(source + ': ERROR: ', code, message);
+  }
+}

package/commons/services/FirebaseService.ts

@@ -0,0 +1,185 @@
+import { Service } from './Service';
+
+const unpackDocs = (s) =>
+  s.docs.reduce((r, e) => {
+    const d = e.data();
+    d.id = e.id;
+    r.push(d);
+    return r;
+  }, []);
+
+const firebase = window.firebase;
+
+export class FirebaseService {
+  firestore: any;
+  auth: any;
+  providers: { Google: any };
+
+  constructor({ ...config }) {
+    firebase.initializeApp(config);
+    this.firestore = firebase.firestore();
+    this.firestore.enablePersistence({ synchronizeTabs: true }).catch(function (err) {
+      if (err.code === 'failed-precondition') {
+        // Multiple tabs open, persistence can only be enabled
+        // in one tab at a time.
+        // ...
+      } else if (err.code === 'unimplemented') {
+        // The current browser does not support all of the
+        // features required to enable persistence
+        // ...
+      }
+    });
+    this.auth = firebase.auth();
+    this.auth.languageCode = 'by';
+    this.providers = {
+      Google: firebase.auth.GoogleAuthProvider,
+    };
+  }
+
+  done() {
+    firebase.app().delete();
+  }
+  // auth
+  signInAnonymously() {
+    this.auth.signInAnonymously().catch(function (error) {
+      var errorMessage = error.message;
+      console.log('signInAnonymously err=' + errorMessage);
+    });
+  }
+  listenUser(cb) {
+    this.auth.onAuthStateChanged(cb);
+  }
+  getCurrentUser() {
+    return this.auth.currentUser;
+  }
+  linkProvider() {
+    const provider = new this.providers.Google();
+    provider.addScope('https://www.googleapis.com/auth/contacts.readonly');
+    return this.auth
+      .signInWithPopup(provider)
+      .then((result) => {
+        // This gives you a Google Access Token. You can use it to access the Google API.
+        // var token = result.credential.accessToken
+        // The signed-in user info.
+        var googleUser = result.user;
+        var credential = this.auth.GoogleAuthProvider.credential(googleUser.getAuthResponse().id_token);
+        this.getCurrentUser()
+          .linkAndRetrieveDataWithCredential(credential)
+          .then(
+            function (usercred) {
+              var user = usercred.user;
+              console.log('Anonymous account successfully upgraded', user);
+            },
+            function (error) {
+              console.log('Error upgrading anonymous account', error);
+            }
+          );
+        // ...
+      })
+      .catch(function (error) {
+        // Handle Errors here.
+        // var errorCode = error.code
+        var errorMessage = error.message;
+        // The email of the user's account used.
+        // var email = error.email
+        // The firebase.auth.AuthCredential type that was used.
+        // var credential = error.credential
+        console.log('signInAnonymously err=' + errorMessage);
+        // ...
+      });
+  }
+  logout() {
+    return this.signInAnonymously();
+  }
+  getCollection(coll, since) {
+    return ((c) => (since ? c.where('modified_at', '>', since) : c))(this.firestore.collection(coll))
+      .get()
+      .then(unpackDocs);
+  }
+  // db
+  listenCollection(coll, ts = 0, cb) {
+    return ((c) => (ts ? c.where('modified_at', '>', ts) : c))(this.firestore.collection(coll)).onSnapshot(function (
+      querySnapshot
+    ) {
+      var r = [];
+      querySnapshot.forEach(function (e) {
+        const d = e.data();
+        d.id = e.id;
+        r.push(d);
+      });
+      cb(null, { [coll]: r });
+    });
+  }
+  nextId(coll) {
+    return this.firestore.collection(coll).doc().id;
+  }
+  update(delta) {
+    const now = Date.now().valueOf();
+    // Get a new write batch
+    var batch = this.firestore.batch();
+    Object.keys(delta).forEach((coll) => {
+      const c = this.firestore.collection(coll);
+      delta[coll].forEach((d) => {
+        d.modified_at = now;
+        if (!d.created_at) {
+          d.created_at = now;
+        }
+        var ref = c.doc('' + d.id);
+        batch.set(ref, d, { merge: true });
+      });
+    });
+    return batch.commit();
+  }
+}
+
+export class FirebaseUserService extends Service {
+  get fb() {
+    return this.$.app.firebase.impl;
+  }
+  init() {
+    this.fb.listenUser((user) => {
+      if (user) {
+      } else {
+        this.fb.signInAnonymously();
+        // User is signed out.
+        // ...
+      }
+      this.emit('signed');
+    });
+  }
+  getInfo() {
+    const user = this.fb.getCurrentUser();
+    if (user !== null) {
+      user.providerData.forEach(function (profile) {
+        // console.log('Sign-in provider: ' + profile.providerId)
+        // console.log('  Provider-specific UID: ' + profile.uid)
+        // console.log('  Name: ' + profile.displayName)
+        // console.log('  Email: ' + profile.email)
+        // console.log('  Photo URL: ' + profile.photoURL)
+      });
+    }
+    return !user
+      ? { isLoading: true }
+      : {
+          ...user,
+          isLoading: false,
+        };
+  }
+  onLogin() {
+    return this.fb.linkProvider();
+  }
+  onLogout() {
+    return this.fb.logout();
+  }
+  onSigned() {
+    return {
+      _: NaN,
+    };
+  }
+}
+
+const hot = typeof module === 'undefined' ? null : module.hot;
+if (hot) {
+  // hot.addStatusHandler(function (d) {})
+  hot.accept();
+}