@zohodesk/library-platform 1.1.1 → 1.1.2

package/es/library/behaviours/field-validation/frameworks/utils/formValidate.js

@@ -0,0 +1,334 @@
+/** Libraries * */
+// import { i18NProviderUtils } from '@zohodesk/i18n';
+const i18NProviderUtils = {
+  getI18NValue(key, values) {
+    return key;
+  }
+
+};
+/** Methods * */
+
+const formatWebsiteUrl = url => {
+  const whitelistedDomains = ['htt' + 'p://', 'htt' + 'ps://', 'ftp://', 'simplehelp://', 'dynamicsnav://'];
+  const site = url.toLowerCase();
+  const isValidWebsite = whitelistedDomains.some(domain => site.startsWith(domain));
+
+  if (!isValidWebsite) {
+    return `htt${''}p://${url}`;
+  }
+
+  return url;
+};
+
+function getNoneText() {
+  const valueNoneText = '-None-';
+  return {
+    valueNoneText
+  };
+} // let ticketFieldTypes = [
+//   'LookUp String',
+//   'Picklist String',
+//   'Multiselect Array',
+//   'Email String',
+//   'Text String',
+//   'Textarea String',
+//   'Date String',
+//   'DateTime String',
+//   'Boolean boolean',
+//   'URL String',
+//   'Phone phone',
+//   'Number Number',
+//   'Percent String',
+//   'Decimal String',
+//   'Currency String'
+// ];
+
+
+export const validator = {
+  isEmpty(value) {
+    const valueType = typeof value;
+
+    if (valueType === 'string') {
+      return this.isEmptyString(value);
+    }
+
+    if (Array.isArray(value)) {
+      return this.isEmptyArr(value);
+    }
+
+    if (valueType === 'object') {
+      return this.isEmptyObj(value);
+    }
+
+    if (valueType === 'boolean' || value) {
+      return false;
+    }
+
+    return true;
+  },
+
+  isEmptyString(value) {
+    if (value && typeof value === 'string' && value.trim()) {
+      return false;
+    }
+
+    return true;
+  },
+
+  isEmptyArr(value) {
+    if (Array.isArray(value) && value.length > 0) {
+      return false;
+    }
+
+    return true;
+  },
+
+  isEmptyMultiSelect(value) {
+    if (!this.isEmpty(value) && !(value.length <= 2 && value.every(val => this.isNoneValue(val)))) {
+      return false;
+    }
+
+    return true;
+  },
+
+  isEmptyPicklist(value) {
+    if (!this.isEmpty(value) && !this.isNoneValue(value)) {
+      return false;
+    }
+
+    return true;
+  },
+
+  isEmptyObj(value) {
+    for (const key in value) {
+      if (value.hasOwnProperty(key)) {
+        return false;
+      }
+    }
+
+    return true;
+  },
+
+  isValidLength(value, length) {
+    let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'max';
+    const valueType = typeof value;
+    const inpVal = valueType === 'number' ? value.toString() : value;
+    const valueLength = (inpVal || '').length;
+
+    if (valueType === 'string' || valueType === 'number' || Array.isArray(value)) {
+      if (type === 'max' && valueLength > length) {
+        return true;
+      }
+
+      if (type === 'min' && valueLength < length) {
+        return true;
+      }
+
+      return false;
+    }
+
+    return false;
+  },
+
+  isMaxLength(value, argum) {
+    return this.isValidLength(value, argum, 'max');
+  },
+
+  isMinLength(value, argum) {
+    return this.isValidLength(value, argum, 'min');
+  },
+
+  isValidInteger(value) {
+    const valueType = typeof value;
+    const inpVal = valueType === 'number' ? value.toString() : value;
+
+    if (inpVal) {
+      const re = /(^-?\d\d*$)/;
+
+      if (isNaN(inpVal) || inpVal.indexOf('.') !== -1 || !re.test(inpVal)) {
+        return false;
+      }
+
+      return true;
+    }
+
+    return false;
+  },
+
+  isValidDecimal(value) {
+    const valueType = typeof value;
+    const inpVal = valueType === 'number' ? value.toString() : value;
+    const restr = '^-?[0-9]\\d*(|\\.\\d[0-9]*)$';
+    const re = new RegExp(restr);
+
+    if (re.test(inpVal)) {
+      return true;
+    }
+
+    return false;
+  },
+
+  isValidDecimalPlaces(value, decimalPlaces) {
+    const valueType = typeof value;
+    const inpVal = valueType === 'number' ? value.toString() : value;
+    const restr = `^-?\\d*(|\\.\\d[0-9]{0,${decimalPlaces - 1}})$`;
+    const re = new RegExp(restr);
+
+    if (re.test(inpVal)) {
+      return true;
+    }
+
+    return false;
+  },
+
+  isValidPhone(value) {
+    // old validation
+    const phoneRegEx = /^[0-9a-zA-Z_()\+\-\.\$@\?\,\:\'\/\!\s]+/;
+    const match = value.match(phoneRegEx);
+
+    if (!match || value !== match[0]) {
+      return false;
+    }
+
+    return true; // let valueType = typeof value;
+    // let inpVal = valueType === 'number' ? value.toString() : value;
+    // let re = new RegExp(/^\+?\d+(-\d+)*$/);
+    // if (re.test(inpVal)) {
+    //   return true;
+    // }
+    // return false;
+  },
+
+  isValidEmail(value, isReplyValidation) {
+    const re = isReplyValidation ? /^[\wÀ-ž\+\#]([\wÀ-ž\-\.\+\'\&\/\#\~]*)@([\wÀ-ž\-\.]*)(\.[a-zA-ZÀ-ž]{2,22}(\.[a-zA-ZÀ-ž]{2}){0,2})$/ : /^[\wÀ-ž]([\wÀ-ž\-\.\+\'\&\/]*)@([\wÀ-ž\-\.]*)(\.[a-zA-ZÀ-ž]{2,22}(\.[a-zA-ZÀ-ž]{2}){0,2})$/; // swedish character support
+    // let re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+
+    if (re.test(value)) {
+      return true;
+    }
+
+    return false;
+  },
+
+  isValidWebsite(value) {
+    const newValue = formatWebsiteUrl(value);
+    const re = /^(ht|f)tp(s?):\/\/[-.\w]*(\/?)([a-zA-Z0-9\-\.\?,:'\/\\\+=&amp;%\$#_@]*)?$/;
+
+    if (re.test(newValue)) {
+      return true;
+    }
+
+    return false;
+  },
+
+  isValidDate(dateObj) {
+    if (dateObj || dateObj instanceof Date && dateObj.getFullYear() > 1000) {
+      return true;
+    }
+
+    return false;
+  },
+
+  isReminder(value) {
+    const alerTypes = value.alertTypes || [];
+    return !!alerTypes.length;
+  },
+
+  isNoneValue() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    const inpVal = value.trim && value.trim();
+    const {
+      valueNoneText: noneText
+    } = getNoneText();
+    const i18nNoneValue = i18NProviderUtils.getI18NValue('-None-');
+
+    if (typeof inpVal === 'string' && (inpVal === noneText || inpVal === i18nNoneValue)) {
+      return true;
+    }
+
+    return false;
+  },
+
+  isValidDuration() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      hoursSpent,
+      minutesSpent
+    } = value;
+
+    if (hoursSpent < 24 && minutesSpent < 60) {
+      return true;
+    }
+
+    return false;
+  }
+
+};
+export function fieldValidate(value, fieldDetails) {
+  const patternMapping = {
+    LookUp: '',
+    Email: 'isValidEmail',
+    Number: 'isValidInteger',
+    Text: '',
+    // No Check
+    Picklist: '',
+    // No Check
+    Textarea: '',
+    // No Check
+    DateTime: 'isValidDate',
+    // valid date check or valid dateTime check
+    Currency: 'isValidDecimal',
+    // check only decimal & decimal places, server side convert rouding option
+    Decimal: 'isValidDecimal',
+    Percent: 'isValidDecimal',
+    Boolean: '',
+    // No Check
+    Phone: 'isValidPhone',
+    // URL: 'isValidWebsite',// remove for validation
+    Date: 'isValidDate',
+    Radio: '',
+    // No Check
+    Duration: '',
+    // No Check
+    Multiselect: '' // No Check
+
+  };
+  const emptyValidateMapping = {
+    Multiselect: 'isEmptyMultiSelect',
+    Picklist: 'isEmptyPicklist'
+  };
+  const {
+    isMandatory,
+    i18NLabel,
+    type: fieldType,
+    maxLength,
+    decimalPlaces,
+    apiName: fieldName,
+    localizedValue = ''
+  } = fieldDetails;
+  const fieldLabel = localizedValue || i18NLabel;
+  const validationMethod = patternMapping[fieldType];
+  let isError = false;
+  let message = '';
+  const emptyValidationMethod = emptyValidateMapping[fieldType];
+  const isEmptyValue = emptyValidationMethod ? validator[emptyValidationMethod](value) : validator.isEmpty(value);
+
+  if (isMandatory && isEmptyValue || isMandatory && fieldType === 'Boolean' && (value === false || value === 'false')) {
+    isError = true;
+    message = i18NProviderUtils.getI18NValue('crm.field.empty.check', fieldLabel);
+  } else if (maxLength && fieldType !== 'Boolean' && fieldType !== 'DateTime' && fieldType !== 'Date' && validator.isMaxLength(value, maxLength)) {
+    isError = true;
+    message = i18NProviderUtils.getI18NValue('support.form.more.than.max.length', [fieldLabel, maxLength]);
+  } else if (!isEmptyValue && validationMethod && !validator[validationMethod](value)) {
+    isError = true;
+    message = i18NProviderUtils.getI18NValue('crm.field.valid.check', fieldLabel);
+  } else if (!isEmptyValue && (fieldType === 'Currency' || fieldType === 'Decimal') && !validator.isValidDecimalPlaces(value, decimalPlaces)) {
+    isError = true;
+    message = i18NProviderUtils.getI18NValue('support.form.decimal.places.length.error.message', decimalPlaces);
+  }
+
+  return {
+    isError,
+    message
+  };
+}

package/es/library/behaviours/list-selection/adapters/gateways/Repository.js

@@ -27,7 +27,7 @@ class Repository {
     const {
       selectionConfig
     } = properties || {};
-    const itemIds = data === null || data === void 0 ? void 0 : data.rows.map(item => item.id);
+    const itemIds = behaviours.zrecord.records.map(item => item.id);
     const maxSelectionCount = selectionConfig === null || selectionConfig === void 0 ? void 0 : selectionConfig.maxSelectionCount;
     return new ListItemSelection(selected, itemIds, maxSelectionCount);
   }

package/es/library/behaviours/list-selection/applications/usecases/Deselect.js

@@ -12,7 +12,7 @@ class Deselect extends AbstractUseCase {
     } = inputModel;
     const listItemSelection = repository.getListItemSelection();
     listItemSelection.deselectItems(ids);
-    listItemSelection.createDispatchProps().map(event => dispatch(event));
+    listItemSelection.createDispatchProps(ids).map(event => dispatch(event));
     presenter.updateListItemSelection(listItemSelection.toObject());
   }
 

package/es/library/behaviours/list-selection/applications/usecases/ItemsSelection.js

@@ -12,7 +12,7 @@ class ItemsSelection extends AbstractUseCase {
     } = inputModel;
     const listItemSelection = repository.getListItemSelection();
     listItemSelection.toggleItems(selected);
-    listItemSelection.createDispatchProps().map(event => dispatch(event));
+    listItemSelection.createDispatchProps(selected).map(event => dispatch(event));
     presenter.updateListItemSelection(listItemSelection.toObject());
   }
 

package/es/library/behaviours/list-selection/domain/entities/ListItemSelection.js

@@ -84,7 +84,7 @@ class ListItemSelection {
     };
   }
 
-  createDispatchProps() {
+  createDispatchProps(ids) {
     const events = [];
 
     if (this.selectionStatus === 'selected') {
@@ -95,7 +95,7 @@ class ListItemSelection {
 
     if (this.selectionStatus === 'deselected') {
       events.push(new Event(LIST_SELECTION_RECORDS_DESELECTED, {
-        recordIds: this.selected
+        recordIds: ids
       }));
     }
 

package/es/library/behaviours/local-storage/adapters/controllers/AbstractController.js

@@ -0,0 +1,7 @@
+export default class AbstractController {
+  constructor(service) {
+    this.service = service;
+    this.handle = this.handle.bind(this);
+  }
+
+}

package/es/library/behaviours/local-storage/adapters/controllers/SetDataController.js

@@ -0,0 +1,22 @@
+import AbstractController from "./AbstractController";
+export class SetDataController extends AbstractController {
+  handle(event) {
+    const {
+      storeKey,
+      data
+    } = event.action.payload;
+    const {
+      state,
+      updateState
+    } = event;
+    const {
+      setDataUseCase
+    } = this.service;
+    setDataUseCase.updateDependency(state, updateState);
+    setDataUseCase.execute({
+      id: storeKey,
+      data
+    });
+  }
+
+}

package/es/library/behaviours/local-storage/adapters/gateways/LocalStorageRepository.js

@@ -0,0 +1,26 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import Storage from "../../domain/entities/Storage";
+import { STORE_KEY } from "../../../../../bc/local-storage/Constants";
+export class LocalStorageRepository {
+  constructor() {
+    _defineProperty(this, "state", void 0);
+  }
+
+  init(state) {
+    this.state = state;
+  }
+
+  getStorage() {
+    const dataString = window.localStorage.getItem(STORE_KEY);
+    const data = typeof dataString === 'string' ? JSON.parse(dataString) : {};
+    const storage = new Storage(data);
+    return storage;
+  }
+
+  setStorage(storage) {
+    const data = storage.toObject();
+    window.localStorage.setItem(STORE_KEY, JSON.stringify(data));
+  }
+
+}

package/es/library/behaviours/local-storage/adapters/gateways/Service.js

@@ -0,0 +1,14 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import SetDataUseCase from "../../applications/usecases/SetDataUseCase";
+
+class Service {
+  constructor(dependencies) {
+    _defineProperty(this, "setDataUseCase", void 0);
+
+    this.setDataUseCase = new SetDataUseCase(dependencies);
+  }
+
+}
+
+export default Service;

package/es/library/behaviours/local-storage/adapters/presenters/Presenter.js

@@ -0,0 +1,38 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export default class Presenter {
+  constructor() {
+    _defineProperty(this, "updateState", void 0);
+
+    _defineProperty(this, "state", void 0);
+  }
+
+  updateDependencies(state, updateState) {
+    this.state = state;
+    this.updateState = updateState; // this.updateState =
+    //   typeof updateState === 'function' ? updateState : () => {};
+  } // getViewModel(): BehaviourState | null {
+  //   return this.state.behaviours.localStorage;
+  // }
+
+
+  setBehaviourState(newState) {
+    const {
+      state
+    } = this;
+    this.state = { ...state,
+      behaviours: { ...state.behaviours,
+        localStorage: newState
+      }
+    };
+    this.updateState(this.state);
+  } // clearBehaviourState() {
+  //   this.setBehaviourState(null);
+  // }
+
+
+  updateBehaviourState(newState) {
+    this.setBehaviourState(newState);
+  }
+
+}

package/es/library/behaviours/local-storage/applications/interfaces/InputDependencies.js

@@ -0,0 +1 @@
+export {};

package/es/library/behaviours/local-storage/applications/interfaces/gateways/IRepository.js

@@ -0,0 +1 @@
+export {};

package/es/library/behaviours/local-storage/applications/interfaces/gateways/IService.js

@@ -0,0 +1 @@
+export {};

package/es/library/behaviours/local-storage/applications/interfaces/input/SetDataInput.js

@@ -0,0 +1 @@
+export {};

package/es/library/behaviours/local-storage/applications/interfaces/input/StateStructure.js

@@ -0,0 +1 @@
+export {};

package/es/library/behaviours/local-storage/applications/interfaces/output/BehaviourState.js

@@ -0,0 +1 @@
+export {};

package/es/library/behaviours/local-storage/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,17 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  updateDependency(state, updateState) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/library/behaviours/local-storage/applications/usecases/SetDataUseCase.js

@@ -0,0 +1,17 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class SetDataUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const storage = repository.getStorage();
+    storage.setData(input.id, input.data);
+    repository.setStorage(storage);
+    presenter.updateBehaviourState(storage.toObject());
+  }
+
+}
+
+export default SetDataUseCase;

package/es/library/behaviours/local-storage/domain/entities/Storage.js

@@ -0,0 +1,28 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class Storage {
+  constructor(data) {
+    _defineProperty(this, "data", void 0);
+
+    this.data = data;
+  }
+
+  setData(id, data) {
+    this.data[id] = data;
+  }
+
+  getData(id) {
+    return this.data[id];
+  }
+
+  deleteData(id) {
+    delete this.data[id];
+  }
+
+  toObject() {
+    return this.data;
+  }
+
+}
+
+export default Storage;

package/es/library/behaviours/local-storage/domain/entities/interfaces/IStorage.js

@@ -0,0 +1 @@
+export {};

package/es/library/behaviours/local-storage/frameworks/LocalStorageBehaviourFactory.js

@@ -0,0 +1,28 @@
+import { STORE_KEY, STORE_REQUESTED } from "../../../../bc/local-storage/Constants";
+import Properties from "../../../../bc/local-storage/Properties";
+import { SetDataController } from "../adapters/controllers/SetDataController";
+import { LocalStorageRepository } from "../adapters/gateways/LocalStorageRepository";
+import Service from "../adapters/gateways/Service";
+import Presenter from "../adapters/presenters/Presenter";
+export default class LocalStorageBehaviourFactory {
+  static create() {
+    const presenter = new Presenter();
+    const repository = new LocalStorageRepository();
+    const service = new Service({
+      repository,
+      presenter
+    });
+    return {
+      name: 'localStorage',
+      setInitialState: () => {
+        const data = localStorage.getItem(STORE_KEY);
+        return typeof data === 'string' ? JSON.parse(data) : {};
+      },
+      properties: Properties,
+      eventHandlers: {
+        [STORE_REQUESTED]: new SetDataController(service).handle
+      }
+    };
+  }
+
+}