@capillarytech/cap-ui-utils 1.4.11 → 1.4.12

package/index.js

@@ -7,3 +7,4 @@ export { default as formatter } from "./utils/formatter";
 export { default as validationHelper } from "./utils/validationHelper";
 export { default as loadable, FORCE_REFRESH_NOTIFIER, FORCE_REFRESH_SECONDS } from './utils/loadable';
 export { default as GTMTracker } from './utils/gtmTracker';
+export { default as compileHandlebars } from './utils/compileHandlebars';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-utils",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "description": "Utility functions shared accross all the modules",
   "main": "index.js",
   "scripts": {
@@ -13,6 +13,7 @@
     "tti-polyfill": "^0.2.2",
     "moment-timezone": "^0.5.25",
     "react-intl": "2.7.2",
-    "lodash": "4.17.11"
+    "lodash": "4.17.11",
+    "handlebars": "4.0.11"
   }
 }

package/utils/compileHandlebars.js

@@ -0,0 +1,54 @@
+import Handlebars from 'handlebars';
+import moment from 'moment';
+import { unescape } from 'lodash-es';
+
+const DATE_FORMAT = 'YYYY-MM-DD';
+const DATE_FORMAT_DISPLAY = 'DD MMM, YYYY';
+
+// register helper functions
+Handlebars.registerHelper('makeBold', (name) => `<strong>${name}</strong>`);
+
+Handlebars.registerHelper('currentDate', () => moment().format(DATE_FORMAT));
+
+Handlebars.registerHelper('formatDate', (value, dtf = DATE_FORMAT_DISPLAY) => {
+  const dateValue = moment(value, DATE_FORMAT);
+  if (!dateValue.isValid()) return moment().format(dtf);
+  return dateValue.format(dtf);
+});
+
+Handlebars.registerHelper('compareDate', (value, compareWith, operator = 'equals') => {
+  let result = false;
+  const dateValue = resetTimeParams(moment(value, DATE_FORMAT));
+  const compareWithValue = resetTimeParams(moment(compareWith, DATE_FORMAT));
+  switch (operator) {
+    case 'equals': result = dateValue.diff(compareWithValue, 'day') === 0; break;
+    case 'greaterThan': result = dateValue.isAfter(compareWithValue); break;
+    case 'lessThan': result = dateValue.isBefore(compareWithValue); break;
+    case 'greaterThanEquals': result = (dateValue.isAfter(compareWithValue) || dateValue.diff(compareWithValue, 'day') === 0); break;
+    case 'lessThanEquals': result = (dateValue.isBefore(compareWithValue) || dateValue.diff(compareWithValue, 'day') === 0); break;
+    default: result = dateValue.diff(compareWithValue, 'day') === 0; break;
+  }
+  return result;
+});
+
+// util functions
+const resetTimeParams = (date) => date.hours(0).minutes(0).seconds(0).milliseconds(0);
+
+const replaceBraces = (str) => str
+  .replace(new RegExp('<%', 'g'), '{{')
+  .replace(new RegExp('%>', 'g'), '}}');
+
+// format and compile template
+const compileMessage = (template, context = {}) => {
+  try {
+    const compiledTemplate = Handlebars.compile(replaceBraces(template));
+    return unescape(compiledTemplate(context));
+  }
+  catch(err) {
+    const error = `[TemplateHandler util function] Error in template parsing: ${err}`;
+    console.error(error);
+    return error;
+  }
+};
+
+export default compileMessage;