@zohodesk/i18n 1.0.0-beta.3 → 1.0.0-beta.31

package/lib/index.js

@@ -1,243 +1,218 @@
-'use strict';
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NewDateFormat = exports.getI18NValue = exports.UserTimeDiffFormat = exports.DateTimeDiffFormat = exports.PluralFormat = exports.FormatText = exports.HOCI18N = exports.I18N = exports.i18NProviderUtils = exports.I18NProvider = exports.I18NContext = exports.getTimezoneOffset = exports.unpack = exports.getFormatedDate = exports.getSuffix = exports.getLyears = exports.getDiffObj = exports.userDateFormat = exports.convertUserTzToUtc = exports.convertUtcToUserTz = exports.getUtcTimeStamp = exports.convertTimezone = exports.isTwoWeeksOrMore = exports.isWithinAWeek = exports.isTomorrow = exports.isYesterday = exports.isToday = exports.getI18NInfo = exports.getValues = exports.unescapeUnicode = exports.replaceI18NValuesWithRegex = exports.pad = exports.formatDate = exports.browserOffset = undefined;
-
-var _utils = require('./utils');
-
-Object.defineProperty(exports, 'browserOffset', {
+Object.defineProperty(exports, "DateTimeDiffFormat", {
   enumerable: true,
   get: function get() {
-    return _utils.browserOffset;
+    return _DateTimeDiffFormat["default"];
   }
 });
-Object.defineProperty(exports, 'formatDate', {
+Object.defineProperty(exports, "FormatText", {
   enumerable: true,
   get: function get() {
-    return _utils.formatDate;
+    return _FormatText["default"];
   }
 });
-Object.defineProperty(exports, 'pad', {
+Object.defineProperty(exports, "HOCI18N", {
   enumerable: true,
   get: function get() {
-    return _utils.pad;
+    return _HOCI18N["default"];
   }
 });
-Object.defineProperty(exports, 'replaceI18NValuesWithRegex', {
+Object.defineProperty(exports, "I18N", {
   enumerable: true,
   get: function get() {
-    return _utils.replaceI18NValuesWithRegex;
+    return _I18N["default"];
   }
 });
-Object.defineProperty(exports, 'unescapeUnicode', {
+Object.defineProperty(exports, "I18NContext", {
   enumerable: true,
   get: function get() {
-    return _utils.unescapeUnicode;
+    return _I18NContext.I18NContext;
   }
 });
-Object.defineProperty(exports, 'getValues', {
+Object.defineProperty(exports, "I18NProvider", {
   enumerable: true,
   get: function get() {
-    return _utils.getValues;
+    return _I18NProvider["default"];
   }
 });
-Object.defineProperty(exports, 'getI18NInfo', {
+Object.defineProperty(exports, "PluralFormat", {
   enumerable: true,
   get: function get() {
-    return _utils.getI18NInfo;
+    return _PluralFormat["default"];
   }
 });
-Object.defineProperty(exports, 'isToday', {
+Object.defineProperty(exports, "UserTimeDiffFormat", {
   enumerable: true,
   get: function get() {
-    return _utils.isToday;
+    return _UserTimeDiffFormat["default"];
   }
 });
-Object.defineProperty(exports, 'isYesterday', {
+Object.defineProperty(exports, "dayi18n", {
   enumerable: true,
   get: function get() {
-    return _utils.isYesterday;
+    return _utils.dayi18n;
   }
 });
-Object.defineProperty(exports, 'isTomorrow', {
+Object.defineProperty(exports, "formatDate", {
   enumerable: true,
   get: function get() {
-    return _utils.isTomorrow;
+    return _utils.formatDate;
   }
 });
-Object.defineProperty(exports, 'isWithinAWeek', {
+Object.defineProperty(exports, "getDatePatternWithoutYear", {
   enumerable: true,
   get: function get() {
-    return _utils.isWithinAWeek;
+    return _utils.getDatePatternWithoutYear;
   }
 });
-Object.defineProperty(exports, 'isTwoWeeksOrMore', {
+Object.defineProperty(exports, "getDiffObj", {
   enumerable: true,
   get: function get() {
-    return _utils.isTwoWeeksOrMore;
+    return _utils.getDiffObj;
   }
 });
-Object.defineProperty(exports, 'convertTimezone', {
+Object.defineProperty(exports, "getI18NInfo", {
   enumerable: true,
   get: function get() {
-    return _utils.convertTimezone;
+    return _utils.getI18NInfo;
   }
 });
-Object.defineProperty(exports, 'getUtcTimeStamp', {
+exports.getI18NValue = void 0;
+Object.defineProperty(exports, "getLyears", {
   enumerable: true,
   get: function get() {
-    return _utils.getUtcTimeStamp;
+    return _utils.getLyears;
   }
 });
-Object.defineProperty(exports, 'convertUtcToUserTz', {
+Object.defineProperty(exports, "getSuffix", {
   enumerable: true,
   get: function get() {
-    return _utils.convertUtcToUserTz;
+    return _utils.getSuffix;
   }
 });
-Object.defineProperty(exports, 'convertUserTzToUtc', {
+Object.defineProperty(exports, "getValues", {
   enumerable: true,
   get: function get() {
-    return _utils.convertUserTzToUtc;
+    return _utils.getValues;
   }
 });
-Object.defineProperty(exports, 'userDateFormat', {
+Object.defineProperty(exports, "i18NProviderUtils", {
   enumerable: true,
   get: function get() {
-    return _utils.userDateFormat;
+    return _I18NProvider.i18NProviderUtils;
   }
 });
-Object.defineProperty(exports, 'getDiffObj', {
+Object.defineProperty(exports, "isToday", {
   enumerable: true,
   get: function get() {
-    return _utils.getDiffObj;
+    return _utils.isToday;
   }
 });
-Object.defineProperty(exports, 'getLyears', {
+Object.defineProperty(exports, "isTomorrow", {
   enumerable: true,
   get: function get() {
-    return _utils.getLyears;
+    return _utils.isTomorrow;
   }
 });
-Object.defineProperty(exports, 'getSuffix', {
+Object.defineProperty(exports, "isTwoWeeksOrMore", {
   enumerable: true,
   get: function get() {
-    return _utils.getSuffix;
+    return _utils.isTwoWeeksOrMore;
   }
 });
-Object.defineProperty(exports, 'getFormatedDate', {
+Object.defineProperty(exports, "isWithinAWeek", {
   enumerable: true,
   get: function get() {
-    return _utils.getFormatedDate;
+    return _utils.isWithinAWeek;
   }
 });
-
-var _timezones = require('./timezones');
-
-Object.defineProperty(exports, 'unpack', {
+Object.defineProperty(exports, "isYesterday", {
   enumerable: true,
   get: function get() {
-    return _timezones.unpack;
+    return _utils.isYesterday;
   }
 });
-Object.defineProperty(exports, 'getTimezoneOffset', {
+Object.defineProperty(exports, "monthi18n", {
   enumerable: true,
   get: function get() {
-    return _timezones.getTimezoneOffset;
+    return _utils.monthi18n;
   }
 });
-
-var _I18NContext = require('./I18NContext');
-
-Object.defineProperty(exports, 'I18NContext', {
+Object.defineProperty(exports, "pad", {
   enumerable: true,
   get: function get() {
-    return _I18NContext.I18NContext;
+    return _utils.pad;
   }
 });
-
-var _I18NProvider = require('./components/I18NProvider');
-
-Object.defineProperty(exports, 'I18NProvider', {
+Object.defineProperty(exports, "replaceI18NValuesWithRegex", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_I18NProvider).default;
+    return _utils.replaceI18NValuesWithRegex;
   }
 });
-Object.defineProperty(exports, 'i18NProviderUtils', {
+Object.defineProperty(exports, "setI18NKeyMapping", {
   enumerable: true,
   get: function get() {
-    return _I18NProvider.i18NProviderUtils;
+    return _utils.setI18NKeyMapping;
   }
 });
-
-var _I18N = require('./components/I18N');
-
-Object.defineProperty(exports, 'I18N', {
+Object.defineProperty(exports, "setLocalizedData", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_I18N).default;
+    return _utils.setLocalizedData;
   }
 });
-
-var _HOCI18N = require('./components/HOCI18N');
-
-Object.defineProperty(exports, 'HOCI18N', {
+Object.defineProperty(exports, "timei18n", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HOCI18N).default;
+    return _utils.timei18n;
   }
 });
-
-var _FormatText = require('./components/FormatText');
-
-Object.defineProperty(exports, 'FormatText', {
+Object.defineProperty(exports, "unescapeUnicode", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_FormatText).default;
+    return _utils.unescapeUnicode;
   }
 });
-
-var _PluralFormat = require('./components/PluralFormat');
-
-Object.defineProperty(exports, 'PluralFormat', {
+Object.defineProperty(exports, "userDateFormat", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_PluralFormat).default;
+    return _utils.userDateFormat;
   }
 });
 
-var _DateTimeDiffFormat = require('./components/DateTimeDiffFormat');
+var _utils = require("./utils");
 
-Object.defineProperty(exports, 'DateTimeDiffFormat', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_DateTimeDiffFormat).default;
-  }
-});
+var _I18NContext = require("./I18NContext");
 
-var _UserTimeDiffFormat = require('./components/UserTimeDiffFormat');
+var _I18NProvider = _interopRequireWildcard(require("./components/I18NProvider"));
 
-Object.defineProperty(exports, 'UserTimeDiffFormat', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_UserTimeDiffFormat).default;
-  }
-});
+var _I18N = _interopRequireDefault(require("./components/I18N"));
 
-var _NewDateFormat = require('./components/NewDateFormat');
+var _HOCI18N = _interopRequireDefault(require("./components/HOCI18N"));
 
-Object.defineProperty(exports, 'NewDateFormat', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_NewDateFormat).default;
-  }
-});
+var _FormatText = _interopRequireDefault(require("./components/FormatText"));
+
+var _PluralFormat = _interopRequireDefault(require("./components/PluralFormat"));
+
+var _DateTimeDiffFormat = _interopRequireDefault(require("./components/DateTimeDiffFormat"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _UserTimeDiffFormat = _interopRequireDefault(require("./components/UserTimeDiffFormat"));
 
-var getI18NValue = exports.getI18NValue = function getI18NValue(i18n, key, values) {
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var getI18NValue = function getI18NValue(i18n, key, values) {
   return (0, _utils.getI18NValue)(i18n)(key, values);
-};
+};
+
+exports.getI18NValue = getI18NValue;

package/lib/utils/__tests__/jsxTranslations.spec.js

@@ -0,0 +1,183 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _jsxTranslations = require("../jsxTranslations");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Bold(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("b", null, children);
+}
+
+function Simple(props) {
+  return /*#__PURE__*/_react["default"].createElement("span", null, props.children);
+}
+
+describe('Verifying splitMatchedExp method', function () {
+  it('A string with no match test', function () {
+    var response = (0, _jsxTranslations.splitMatchedExp)({
+      expression: '{[0-9]+?}',
+      charLenToOmit: 1,
+      string: "Hello"
+    });
+    var expected = {
+      splitString: ['Hello'],
+      matchedExpKeys: []
+    };
+    expect(response).toEqual(expected);
+  });
+  it('A string with JSX Tag placeholder test', function () {
+    var response = (0, _jsxTranslations.splitMatchedExp)({
+      expression: '<[A-Za-z0-9]+?>',
+      charLenToOmit: 1,
+      string: "Hi <00Good> occurs <01Strong>"
+    });
+    var expected = {
+      splitString: ["Hi ", " occurs ", ""],
+      matchedExpKeys: ['00Good', '01Strong']
+    };
+    expect(response).toEqual(expected);
+  });
+  it('A string with String placeholder test', function () {
+    var response = (0, _jsxTranslations.splitMatchedExp)({
+      expression: '{[0-9]+?}',
+      charLenToOmit: 1,
+      string: "Hi {0} occurs {1}"
+    });
+    var expected = {
+      splitString: ["Hi ", " occurs ", ""],
+      matchedExpKeys: ['0', '1']
+    };
+    expect(response).toEqual(expected);
+  });
+});
+describe('Verifying generateChildren Method', function () {
+  it('A string with Tag Placeholder and String placeholders', function () {
+    var children = {
+      '00Good': function Good() {},
+      '01Strong': function Strong() {}
+    };
+    var response = (0, _jsxTranslations.generateChildren)({
+      children: children,
+      child: 'Hi <00Good>{0}<01Strong>'
+    });
+    var expected = {
+      newChildren: [['Hi '], children['00Good'], ['', ''], children['01Strong']],
+      stringPlaceHolders: {
+        0: [],
+        2: ['0']
+      }
+    };
+    expect(response).toEqual(expected);
+  });
+});
+describe('Verifying the replaceWithComponentPlaceHolder method', function () {
+  it('A JSX Tag with string', function () {
+    var response = (0, _jsxTranslations.replaceWithComponentPlaceHolder)({
+      componentId: 'Simple',
+      i18nKey: '<Simple>Hi everyone</Simple>',
+      childrenLength: 1
+    });
+    var expected = '<01Simple>';
+    expect(response).toBe(expected);
+  });
+  it('A string with multiple JSX Tags', function () {
+    var response = (0, _jsxTranslations.replaceWithComponentPlaceHolder)({
+      componentId: 'Simple',
+      i18nKey: 'Greetings <Simple>Hi everyone</Simple> for the <Simple>Day</Simple>',
+      childrenLength: 1
+    });
+    var expected = 'Greetings <01Simple> for the <Simple>Day</Simple>';
+    expect(response).toBe(expected);
+  });
+});
+describe('Verifying the createElement method', function () {
+  it('A component Id with JSX children and Dynamic String placeholders', function () {
+    var jsxChild = (0, _jsxTranslations.createElement)({
+      componentId: 'Simple',
+      children: [['Greetings']],
+      stringPlaceHolders: {
+        0: []
+      }
+    });
+    var response = (0, _jsxTranslations.createElement)({
+      componentId: -1,
+      children: [['Hi ', ','], jsxChild, [' for the day']],
+      stringPlaceHolders: {
+        0: ['0'],
+        2: []
+      }
+    })({
+      components: {
+        Simple: {
+          type: Simple
+        }
+      },
+      values: ['Zoho Desk']
+    });
+
+    var expected = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Hi Zoho Desk,", /*#__PURE__*/_react["default"].createElement(Simple, null, "Greetings"), " for the day");
+
+    expect(JSON.stringify(response)).toEqual(JSON.stringify(expected));
+  });
+});
+describe('Verifying the prepareI18NFunc method', function () {
+  //Hi <Bo01ld>Gigiee</Bo01ld>,<Simple> How are you</Simple><Simple>Make it simple</Simple>
+  it('A text with sibling JSX tags and alphanumeric JSX Tags', function () {
+    var response = (0, _jsxTranslations.prepareI18NFunc)({
+      i18nKey: 'Hi <Bo01ld>Gigiee</Bo01ld>,<Simple>How are you</Simple><Simple>Make it simple</Simple>'
+    })({
+      components: {
+        'Bo01ld': {
+          type: Bold
+        },
+        Simple: {
+          type: Simple
+        }
+      }
+    });
+
+    var expected = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Hi ", /*#__PURE__*/_react["default"].createElement(Bold, null, "Gigiee"), ",", /*#__PURE__*/_react["default"].createElement(Simple, null, "How are you"), /*#__PURE__*/_react["default"].createElement(Simple, null, "Make it simple"));
+
+    expect(JSON.stringify(response)).toEqual(JSON.stringify(expected));
+  });
+});
+describe('Verifying getI18NComponent method', function () {
+  it('An i18n key with JSX tag in its value', function () {
+    var i18n = {
+      'support.demo': 'Hi <Bo01ld>Gigiee</Bo01ld>,<Simple>How are you</Simple><Simple>Make it simple</Simple>'
+    };
+    var I18N = (0, _jsxTranslations.getI18NComponent)(i18n);
+    var response = I18N('support.demo')({
+      components: {
+        'Bo01ld': {
+          type: Bold
+        },
+        Simple: {
+          type: Simple
+        }
+      }
+    });
+
+    var expected = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Hi ", /*#__PURE__*/_react["default"].createElement(Bold, null, "Gigiee"), ",", /*#__PURE__*/_react["default"].createElement(Simple, null, "How are you"), /*#__PURE__*/_react["default"].createElement(Simple, null, "Make it simple"));
+
+    expect(JSON.stringify(response)).toEqual(JSON.stringify(expected));
+  });
+  it('Testing absence of i18n object', function () {
+    var I18N = (0, _jsxTranslations.getI18NComponent)();
+    var response = I18N('support.demo');
+    var expected = 'support.demo';
+    expect(expected).toBe(response);
+  });
+  it('Testing of missing i18n key', function () {
+    var i18n = {
+      'support.demo': 'Demo'
+    };
+    var I18N = (0, _jsxTranslations.getI18NComponent)(i18n);
+    var response = I18N('support.need');
+    var expected = 'support.need';
+    expect(expected).toBe(response);
+  });
+});