chayns-api 1.0.0

package/dist/esm/calls/dialogs/date.js

@@ -0,0 +1,211 @@
+import { buttonText, buttonType, dialogAction } from './chaynsDialog';
+import { isDate, isNumber, isObject } from './utils/is';
+import { open } from './open';
+import { getDevice } from "../index";
+
+/**
+ * The config object for date dialog
+ * @typedef {Object} dateConfig
+ * @property {Date} preSelect  - The date object which should be preselected.
+ * @property {Date} minDate   - The min date which you could select.
+ * @property {Date} maxDate  - The max date which you could select.
+ * @property {dateDialogType} dateType  - The type of dialog you want to display.
+ * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
+ * @property {string} message - The message that is displayed above the date dialog, only in apps supported
+ * @property {string} title - The title that is displayed above the message, only in apps supported
+ */
+
+/**
+ * This call will open a date select dialog.
+ * <div>Call: 30</div>
+ * @param {dateConfig} config - Define the configuration of this call
+ * @return {Promise} contains a timestamp as result
+ * @example chayns.dialog.date({
+ *  'dateType': chayns.dialog.dateType.DATE_TIME,
+ *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
+ *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
+ *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
+ *  'minuteInterval': 15
+ * ).then(function (data) {
+ *  console.log(data);
+ * });
+ */
+
+export function date() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
+      preSelect,
+      minDate,
+      maxDate,
+      title,
+      message,
+      minuteInterval,
+      autoSelectDate
+    } = config,
+    type = config.dateType || dateType.DATE;
+
+  // This will fix the iOS problem with not preselectedDate without user interaction. That it return the wrog time.
+  const {
+    os,
+    app
+  } = getDevice();
+  if (minuteInterval && minuteInterval > 1 && os === 'iOS' && app) {
+    preSelect = roundInterval(preSelect, minuteInterval);
+  } else {
+    preSelect = validateValue(preSelect);
+  }
+  minDate = validateValue(minDate);
+  maxDate = validateValue(maxDate);
+  let buttons = [];
+  buttons = [{
+    'text': buttonText.OK,
+    'buttonType': buttonType.POSITIVE
+  }];
+  return open({
+    'callType': dialogAction.DATE,
+    type,
+    'selectedDate': preSelect,
+    minDate,
+    maxDate,
+    title,
+    message,
+    buttons,
+    minuteInterval,
+    autoSelectDate
+  }).then(data => {
+    // @ts-ignore
+    return Promise.resolve(data.selectedDate);
+  });
+}
+export function advancedDate() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
+      preSelect,
+      minDate,
+      maxDate,
+      title,
+      message,
+      minuteInterval,
+      buttons,
+      multiselect,
+      disabledDates,
+      textBlocks,
+      monthSelect,
+      yearSelect,
+      interval,
+      maxInterval,
+      minInterval,
+      disabledIntervals,
+      disabledWeekDayIntervals,
+      getLocalTime,
+      autoSelectDate
+    } = config,
+    // minInterval and maxInterval in minutes
+    type = config.dateType || dateType.DATE;
+  minDate = validateValue(minDate);
+  maxDate = validateValue(maxDate);
+  const {
+    os,
+    app
+  } = getDevice();
+  if (!preSelect) preSelect = {};
+  if (Array.isArray(preSelect)) {
+    preSelect = preSelect.map(p => validateValue(p));
+  } else if (isObject(preSelect)) {
+    if (preSelect.start && preSelect.end) {
+      if (minuteInterval && minuteInterval > 1 && os === 'iOS' && app) {
+        preSelect = [roundInterval(preSelect.start, minuteInterval), roundInterval(preSelect.end, minuteInterval)];
+      } else {
+        preSelect = [validateValue(preSelect.start), validateValue(preSelect.end)];
+      }
+    }
+  } else {
+    // This will fix the iOS problem with not preselectedDate without user interaction. That it return the wrong time.
+    // eslint-disable-next-line no-lonely-if
+    if (minuteInterval && minuteInterval > 1 && os === 'iOS' && app) {
+      preSelect = roundInterval(preSelect, minuteInterval);
+    } else {
+      preSelect = validateValue(preSelect);
+    }
+  }
+  if (Array.isArray(disabledDates)) {
+    disabledDates = disabledDates.map(d => validateValue(d));
+  }
+  if (!buttons || !Array.isArray(buttons)) {
+    buttons = [{
+      'text': buttonText.OK,
+      'buttonType': buttonType.POSITIVE
+    }];
+  }
+  return open({
+    'callType': dialogAction.ADVANCED_DATE,
+    type,
+    'selectedDate': Array.isArray(preSelect) ? undefined : preSelect,
+    minDate,
+    maxDate,
+    title,
+    message,
+    minuteInterval,
+    buttons,
+    multiselect,
+    'selectedDates': Array.isArray(preSelect) ? preSelect : undefined,
+    disabledDates,
+    textBlocks,
+    monthSelect,
+    yearSelect,
+    interval,
+    minInterval,
+    maxInterval,
+    disabledIntervals,
+    disabledWeekDayIntervals,
+    getLocalTime,
+    autoSelectDate
+  }).then(data => {
+    return Promise.resolve(data);
+  });
+}
+
+/**
+ * @typedef {number} dateDialogType
+ */
+
+/**
+ * Enum for date dialog
+ * <div>DATE will open a dialog where you can select a special day</div>
+ * <div>TIME will open a dialog where you can only select a special time</div>
+ * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
+ * @readonly
+ * @enum {dateDialogType}
+ * @type {{DATE: number, TIME: number, DATE_TIME: number}}
+ */
+export const dateType = {
+  'DATE': 1,
+  'TIME': 2,
+  'DATE_TIME': 3
+};
+function validateValue(value) {
+  if (!isNumber(value)) {
+    if (isDate(value)) {
+      // TODO: Find out whats the purpose of parsing to int
+      return parseInt(value.getTime() / 1000 + "", 10);
+    }
+    return undefined;
+  }
+  return value;
+}
+function roundInterval() {
+  let preDate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  let interval = arguments.length > 1 ? arguments[1] : undefined;
+  if (!isDate(preDate)) {
+    if (isNumber(preDate)) {
+      preDate = new Date(preDate);
+    } else {
+      return -1;
+    }
+  }
+  let minutes = preDate.getMinutes();
+  preDate.setMinutes(minutes - minutes % interval);
+  preDate.setSeconds(0);
+  // TODO: Why?
+  return parseInt(preDate.getTime() / 1000 + "", 10);
+}

package/dist/esm/calls/dialogs/dropUpAlert.js

@@ -0,0 +1,7 @@
+import { open } from './open';
+import { dialogAction } from './chaynsDialog';
+export function dropUpAlert() {
+  let dialog = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  dialog.callType = dialogAction.DROP_UP_ALERT;
+  return open(dialog);
+}

package/dist/esm/calls/dialogs/fileSelect.js

@@ -0,0 +1,32 @@
+import { buttonText, buttonType, dialogAction } from './chaynsDialog';
+import { open } from './open';
+import { getAccessToken, getUser, login } from "../index";
+export const fileType = {
+  'IMAGE': 'image',
+  'VIDEO': 'video',
+  'AUDIO': 'audio',
+  'DOCUMENT': ['application/x-latex', 'application/x-tex', 'text/', 'application/json', 'application/pdf', 'application/msword', 'application/msexcel', 'application/mspowerpoint', 'application/vnd.ms-word', 'application/vnd.ms-excel', 'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument', 'application/vnd.oasis.opendocument']
+};
+export async function fileSelect() {
+  let dialog = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (!dialog.buttons || !Array.isArray(dialog.buttons)) {
+    dialog.buttons = [];
+    if (dialog.multiselect || dialog.directory) {
+      dialog.buttons.push({
+        'text': buttonText.OK,
+        'buttonType': buttonType.POSITIVE
+      });
+    }
+    dialog.buttons.push({
+      'text': buttonText.CANCEL,
+      'buttonType': buttonType.NEGATIVE
+    });
+  }
+  dialog.callType = dialogAction.FILE_SELECT;
+  const user = getUser();
+  if (!user) {
+    return login();
+  }
+  dialog.chaynsToken = (await getAccessToken()).accessToken;
+  return open(dialog);
+}

package/dist/esm/calls/dialogs/iFrame.js

@@ -0,0 +1,37 @@
+import { buttonText, buttonType, dialogAction } from './chaynsDialog';
+import { open } from './open';
+import { addDialogDataListener, sendData } from './communication';
+import { getSite, invokeDialogCall } from "../index";
+export function iFrame() {
+  let dialog = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    url: ""
+  };
+  if (!dialog.buttons || !Array.isArray(dialog.buttons)) {
+    dialog.buttons = [{
+      'text': buttonText.YES,
+      'buttonType': buttonType.POSITIVE
+    }, {
+      'text': buttonText.NO,
+      'buttonType': buttonType.NEGATIVE
+    }];
+  }
+  dialog.tappIframeName = window.name;
+  dialog.callType = dialogAction.IFRAME;
+  const site = getSite();
+  dialog.url = `${dialog.url}${dialog.url.indexOf('?') >= 0 ? '&' : '?'}siteId=${site.id}`;
+  addDialogDataListener(_chaynsCallResponder, true);
+  return open(dialog);
+}
+export function _chaynsCallResponder(obj) {
+  if (obj.call.value.callback) {
+    const call = JSON.parse(JSON.stringify(obj)); // deep copy
+    invokeDialogCall(obj).then(result => {
+      sendData({
+        result,
+        call
+      }, true);
+    });
+  } else {
+    invokeDialogCall(obj);
+  }
+}

package/dist/esm/calls/dialogs/index.js

@@ -0,0 +1,14 @@
+export { buttonText, buttonType } from './chaynsDialog';
+export * from './alert';
+export * from './confirm';
+export * from './select';
+export * from './date';
+export * from './input';
+export * from './close';
+export * from './dropUpAlert';
+export * from './iFrame';
+export * from './mediaSelect';
+export * from './fileSelect';
+export * from './communication';
+export * from './toast';
+export * from './signature';

package/dist/esm/calls/dialogs/input.js

@@ -0,0 +1,26 @@
+import { buttonText, buttonType, dialogAction } from './chaynsDialog';
+import { open } from './open';
+export function input() {
+  let dialog = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (!dialog.buttons || !Array.isArray(dialog.buttons)) {
+    dialog.buttons = [{
+      'text': buttonText.YES,
+      'buttonType': buttonType.POSITIVE
+    }, {
+      'text': buttonText.NO,
+      'buttonType': buttonType.NEGATIVE
+    }];
+  }
+  if (dialog.formatter) {
+    dialog.formatter = dialog.formatter.toString();
+  }
+  dialog.callType = dialogAction.INPUT;
+  return open(dialog);
+}
+export const inputType = {
+  'DEFAULT': 0,
+  'PASSWORD': 1,
+  'TEXTAREA': 2,
+  'INPUT': 3,
+  'NUMBER': 4
+};

package/dist/esm/calls/dialogs/mediaSelect.js

@@ -0,0 +1,22 @@
+import { buttonText, buttonType, dialogAction } from './chaynsDialog';
+import { open } from './open';
+import { getAccessToken, getUser, login } from "../index";
+export async function mediaSelect() {
+  let dialog = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (!dialog.buttons || !Array.isArray(dialog.buttons)) {
+    dialog.buttons = [{
+      'text': buttonText.OK,
+      'buttonType': buttonType.POSITIVE
+    }, {
+      'text': buttonText.CANCEL,
+      'buttonType': buttonType.NEGATIVE
+    }];
+  }
+  dialog.callType = dialogAction.MEDIA_SELECT;
+  const user = getUser();
+  if (!user) {
+    return login();
+  }
+  dialog.chaynsToken = (await getAccessToken()).accessToken;
+  return open(dialog);
+}

package/dist/esm/calls/dialogs/open.js

@@ -0,0 +1,13 @@
+import { invokeDialogCall } from "../index";
+export function open(json) {
+  return new Promise((resolve, reject) => {
+    invokeDialogCall({
+      action: 184,
+      value: {
+        'dialogContent': json
+      }
+    }, e => {
+      resolve(e);
+    });
+  });
+}

package/dist/esm/calls/dialogs/select.js

@@ -0,0 +1,47 @@
+import { buttonText, buttonType, dialogAction } from './chaynsDialog';
+import { open } from './open';
+import { isPresent } from "./utils/is";
+export function select(config) {
+  const list = [];
+  for (let i = 0, l = config.list.length; i < l; i++) {
+    const item = config.list[i];
+    list.push({
+      name: item.name,
+      'value': isPresent(item.value) ? item.value : item.name,
+      'isSelected': !!item.isSelected,
+      'icon': item.icon,
+      'backgroundColor': item.backgroundColor,
+      'className': item.className,
+      'url': item.url
+    });
+  }
+  if (config.list.length === 0) {
+    return Promise.reject(new Error('Invalid Parameters'));
+  }
+  if (!config.buttons || !Array.isArray(config.buttons)) {
+    config.buttons = [{
+      'text': buttonText.OK,
+      'buttonType': buttonType.POSITIVE
+    }, {
+      'text': buttonText.CANCEL,
+      'buttonType': buttonType.CANCEL
+    }];
+  }
+  return open({
+    'callType': dialogAction.SELECT,
+    'title': config.title || '',
+    'message': config.message || '',
+    'buttons': config.buttons,
+    'links': config.links,
+    'multiselect': !!config.multiselect,
+    'quickfind': !!config.quickfind,
+    'type': config.type,
+    'preventCloseOnClick': !!config.preventCloseOnClick,
+    'selectAllButton': config.selectAllButton,
+    list
+  });
+}
+export const selectType = {
+  'DEFAULT': 0,
+  'ICON': 1
+};

package/dist/esm/calls/dialogs/signature.js

@@ -0,0 +1,18 @@
+import { buttonText, buttonType, dialogAction } from './chaynsDialog';
+import { open } from './open';
+export function signature(dialog) {
+  if (!dialog) dialog = {};
+  if (!dialog.buttons || !Array.isArray(dialog.buttons)) {
+    dialog.buttons = [];
+    dialog.buttons.push({
+      'text': buttonText.OK,
+      'buttonType': buttonType.POSITIVE
+    });
+    dialog.buttons.push({
+      'text': buttonText.CANCEL,
+      'buttonType': buttonType.NEGATIVE
+    });
+  }
+  dialog.callType = dialogAction.SIGNATURE;
+  return open(dialog);
+}

package/dist/esm/calls/dialogs/toast.js

@@ -0,0 +1,13 @@
+import { getCallbackName } from "./utils/callback";
+import { invokeDialogCall } from "../index";
+export function toast() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const callbackName = 'toastCallback';
+  return invokeDialogCall({
+    action: 276,
+    value: {
+      'callback': getCallbackName(callbackName),
+      ...config
+    }
+  });
+}

package/dist/esm/calls/dialogs/utils/callback.js

@@ -0,0 +1,7 @@
+export function getCallbackName(fnName) {
+  let framePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  if (framePrefix !== '') {
+    return `window._chaynsCallbacks.${framePrefix}.${fnName}`;
+  }
+  return `window._chaynsCallbacks.${fnName}`;
+}

package/dist/esm/calls/dialogs/utils/environment.js

@@ -0,0 +1,3 @@
+export var environment = {
+  language: (navigator.languages && navigator.languages.length > 0 ? navigator.languages[0] : navigator.language).substring(0, 2)
+};

package/dist/esm/calls/dialogs/utils/is.js

@@ -0,0 +1,12 @@
+export function isObject(value) {
+  return value !== null && typeof value === 'object';
+}
+export function isNumber(value) {
+  return typeof value === 'number' && !isNaN(value);
+}
+export function isDate(value) {
+  return Object.prototype.toString.call(value) === '[object Date]';
+}
+export function isPresent(value) {
+  return typeof value !== 'undefined' && value !== null;
+}

package/dist/esm/calls/getUserInfo.js

@@ -0,0 +1,33 @@
+const getUserInfo = async (api, value) => {
+  var _value$personId;
+  const query = (_value$personId = value.personId) !== null && _value$personId !== void 0 ? _value$personId : value.userId;
+  if (!query) {
+    throw new Error('Invalid Parameters - You have to provide at least one of these Parameters: userId, personId');
+  }
+  const {
+    accessToken
+  } = await api.functions.getAccessToken();
+  if (!accessToken) {
+    throw new Error('get user info requires a user to be logged in');
+  }
+  const res = await fetch(`https://relations.chayns.net/relations/user/findUser?searchString=${query}`, {
+    'headers': {
+      'authorization': `bearer ${accessToken}`
+    }
+  });
+  if (res.ok) {
+    const data = await res.json();
+    if (data.length === 0) {
+      return null;
+    }
+    return {
+      firstName: data[0].firstName,
+      lastName: data[0].lastName,
+      userId: data[0].userId,
+      personId: data[0].personId,
+      name: data[0].name
+    };
+  }
+  throw new Error(`getUserInfo failed with status ${res.status}`);
+};
+export default getUserInfo;