arrmatura 5.2.0 → 6.2.1

package/commons/forms/ItemController.ts

@@ -1,91 +0,0 @@
-import { Service } from '../services/Service';
-import { Item } from './Item';
-import { getPredicat } from '../../lib';
-
-const CHANGES: Hash<Hash> = {};
-export class ItemController extends Service {
-  all?: Hash<Hash>;
-  itemId: string = '';
-  meta: any;
-  context: any;
-
-  get initialElement() {
-    return Array.isArray(this.all) ? this.all.find((e) => e.id == this.itemId) : this.all?.[this.itemId];
-  }
-  get initialData() {
-    const e = this.initialElement;
-    return !e?.id ? null : e.$dataset;
-  }
-
-  get actualData() {
-    const initial = this.initialData;
-    if (!initial) {
-      return null;
-    }
-    const data = { ...this.context, ...initial, ...CHANGES[this.itemId] };
-    this.meta?.map((field: { [k: string]: string }) => {
-      const { id, visible } = field;
-      const isVisible = !visible || getPredicat(visible)(data);
-      if (!isVisible && data[id]) {
-        data[id] = '';
-      }
-    });
-    return data;
-  }
-
-  get item() {
-    return new Item(this.actualData || {});
-  }
-
-  get itemNavInfo() {
-    return { prev: null, next: null, ...this.initialElement?.$navInfo };
-  }
-
-  get itemTitle() {
-    return this.initialElement?.title;
-  }
-
-  get touched() {
-    return !!CHANGES[this.itemId];
-  }
-
-  upsert(data?: Hash): Hash {
-    throw new Error('upsert not defined.' + data);
-  }
-
-  async submitData(data: Delta) {
-    if (!data) return null;
-
-    const { error, lastUpdatedItemId, ...rest } = await this.upsert(data);
-    console.log(error, rest);
-    if (error) {
-      const msg = (error as Error)?.message;
-      this.toast({ id: msg, mode: 'error', message: 'Error: ' + msg });
-      return null;
-    }
-    delete CHANGES[this.itemId];
-    this.toast({ message: 'Saved successfully.', timeout: 5000, link: '#/task?itemId=' + lastUpdatedItemId });
-    return {
-      counter: NaN,
-    };
-  }
-
-  // event handlers:
-  onChange = (delta: Hash) => {
-    CHANGES[this.itemId] = { ...CHANGES[this.itemId], ...delta };
-    return {
-      counter: NaN,
-    };
-  };
-
-  onSave() {
-    return this.submitData(this.actualData);
-  }
-
-  onDelete() {
-    const { id } = this.initialElement?.id;
-    if (!id) return null;
-
-    return this.submitData({ id, status: 'deleted' });
-  }
-}

package/commons/forms/MultiEnumField.xml

@@ -1,44 +0,0 @@
-<component id="MultiEnumAppender">
-  <div class="form-autocomplete" ui:if="options">
-    <div class="has-icon-right" click="{toggle}">
-      <div class="form-input text-gray">{placeholder}</div>
-      <i class="form-icon icon icon-{opened|then:arrow-up:plus} c-hand"></i>
-    </div>
-    <Modal open="{opened}" mode="sm" close="{toggle}">
-      <Modal:header>
-        <h6>{caption}</h6>
-      </Modal:header>
-      <div style="overflow-y: auto;height:15rem;margin:0;">
-        <ul class="menu2" style="min-width: 180px;list-style: none;">
-          <li class="menu-item" ui:for="option of options" click="-> ctrl.insert|assignKeyValue:value:@option.id">
-            <a>
-              <div class="tile tile-centered">
-                <div class="tile-content">🔸 {option.name|or:@option.id}</div>
-              </div>
-            </a>
-          </li>
-        </ul>
-      </div>
-      <!-- <Modal:footer>
-        <Btn class="float-right" mode="primary" title="OK" action="{toggle}"/>
-      </Modal:footer> -->
-    </Modal>
-  </div>
-</component>
-
-<component id="MultiEnumField">
-  <FieldItem caption="{caption}" class={class} error="{error}" required="{required}" hint="{hint}">
-
-    <MultivalueController ui:ref="ctrl" value="{value}" options="{options}" change="{onChange}"/>
-
-    <div class="mb-1 has-icon-right" ui:for="item of <-ctrl.items">
-      <div class="form-input" style="height: auto; min-height: 1.5rem;">
-        <div class="">{item.name}</div>
-        <i class="form-icon icon icon-cross p-2 c-hand" click="-> ctrl.delete|assignKeyValue:value:@item.id" ui:if="disabled|not"></i>
-      </div>
-    </div>
-
-    <MultiEnumAppender caption="➕ {caption}" placeholder="{placeholder}" options="<-ctrl.availableOptions" opened="<-ctrl.opened" toggle="->ctrl.toggleOpened" ui:if="disabled|not"/>
-
-  </FieldItem>
-</component>

package/commons/forms/MultivalueController.ts

@@ -1,49 +0,0 @@
-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/NewItemController.ts

@@ -1,46 +0,0 @@
-import { Service } from '../services/Service';
-
-export class NewItemController extends Service {
-  data: any;
-  info: any;
-
-  upsert(_data: any) {
-    throw new Error('Method not implemented.');
-  }
-  async submitData(data: Delta) {
-    if (!data) return null;
-
-    const { error, lastUpdatedItemId, ...rest } = await this.upsert(data);
-    console.log(error, rest);
-    if (error) {
-      const msg = (error as Error)?.message;
-      this.toast({ id: msg, mode: 'error', message: 'Error: ' + msg });
-      return null;
-    }
-
-    this.toast({ message: 'Added successfully. ', timeout: 5000, link: '#/task?itemId=' + lastUpdatedItemId });
-    return {
-      info: { open: false, data: {} },
-    };
-  }
-  // event handlers:
-
-  onOpenAddNew() {
-    return {
-      info: {
-        data: this.data,
-        open: true,
-      },
-    };
-  }
-
-  onCancel() {
-    return {
-      info: { open: false },
-    };
-  }
-
-  onSubmit(data: Delta) {
-    return this.submitData(data);
-  }
-}

package/commons/forms/SmartareaField.xml

@@ -1,51 +0,0 @@
-<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|fnBindArgs: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|fnBindArgs: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|fnBindArgs: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

@@ -1,80 +0,0 @@
-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

@@ -1,28 +0,0 @@
-<component id="SuggestionInput">
-  <div class="form-autocomplete">
-    <div class="has-icon-right">
-      <input class="form-input" type="text" disabled="{disabled}" placeholder="{placeholder}" focus="{open|fnBindArgs:true}" blur2="{open|fnBindArgs:false|fnTick: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|fnBindArgs:false}" ui:if="opened"></i>
-        <i class="form-icon icon icon-arrow-down c-hand" click="{open|fnBindArgs: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

@@ -1,151 +0,0 @@
-<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" name="{id}" type="text" disabled="{disabled}" placeholder="{placeholder}" value="{value}" change="{onChange}" />
-  </FieldItem>
-</component>
-
-<component id="PasswordField">
-  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
-    <input class="form-input" name="{id}" type="password" disabled="{disabled}" placeholder="{placeholder|or:password}" value="{value}" change="{onChange}" />
-  </FieldItem>
-</component>
-
-<component id="EmailField">
-  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
-    <input class="form-input" type="email" disabled="{disabled}" placeholder="{placeholder|or:password}" 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" style="height:2rem;">
-      <ui:fragment ui:if="{editing}">
-        <ui:then>
-          <input class="form-input border-0" disabled="{disabled}" type="url" blur="-> editing|not" placeholder="{placeholder}" 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}" ui:if="value">🔗 {value}</a>
-          <a class="form-input text-ellipsis" ui:if="value|not">{placeholder|or:-}</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="{placeholder}" 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="{placeholder}" value="{value}" change="{onChange}" />
-  </FieldItem>
-</component>
-
-<component id="DateAndWorkingHoursField">
-  <FieldItem caption="{caption}" error="{error}" required="{required}" hint="{hint}">
-    <div class="d-flex">
-      <input class="form-input" disabled="{disabled}" type="date" placeholder="{placeholder}" 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="d-flex">
-      <input class="form-input flex-1" disabled="{disabled}" type="date" placeholder="{placeholder}" 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="d-flex">
-      <input class="form-input flex-1" disabled="{disabled}" type="date" placeholder="{placeholder}" 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="{placeholder}" 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="{placeholder}" 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 d-flex">
-      <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

@@ -1,37 +0,0 @@
-<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}" groups="{groups}" />
-    <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}" tabs="{tabs}" groups="{groups}" />
-    <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">{name|or: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

@@ -1,29 +0,0 @@
-import { FormController } from './FormController';
-import { ItemCollectionController } from './ItemCollectionController';
-import { NewItemController } from './NewItemController';
-import { ItemController } from './ItemController';
-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,
-  ItemCollectionController,
-  NewItemController,
-  ItemController,
-  MultivalueController,
-  SuggestionController,
-];

package/commons/index.ts

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

package/commons/services/ApiClientService.ts

@@ -1,32 +0,0 @@
-import { urlAppendParams } from '../../lib';
-import { Service } from './Service';
-
-export class ApiClientService extends Service {
-  baseUrl: string = '';
-  token: string = '';
-  onTokenExpired?: Procedure;
-
-  post(path: string = '', data: any, options: object) {
-    return fetch(urlAppendParams(this.baseUrl + path), {
-      method: 'POST',
-      mode: 'cors',
-      redirect: 'follow',
-      ...options,
-      body: JSON.stringify({ token: this.token, data }),
-    })
-      .then((res) => res.json())
-      .then(({ error, ...rest }) => {
-        if (error) {
-          if (error.code === '401') {
-            this.onTokenExpired?.();
-          }
-          throw error;
-        }
-        return rest;
-      });
-  }
-
-  onPost({ path, body, options }: { path: string; body: any; options: object }) {
-    return this.post(path, body, options);
-  }
-}

package/commons/services/ErrorHandlingService.ts

@@ -1,11 +0,0 @@
-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);
-  }
-}