@bigbinary/neeto-commons-frontend 2.1.34 → 2.1.35

package/initializers.js

@@ -5,7 +5,7 @@ import i18n from 'i18next';
 import { serializeKeysToSnakeCase, keysToCamelCase, matches, deepFreezeObject } from '@bigbinary/neeto-commons-frontend/pure';
 import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils';
 import { Toastr } from '@bigbinary/neetoui';
-import { evolve, omit, values, mergeDeepLeft } from 'ramda';
+import { evolve, omit, values, isEmpty, mergeDeepLeft } from 'ramda';
 import { initReactI18next } from 'react-i18next';
 import Logger from 'js-logger';
 
@@ -55,6 +55,7 @@ var HEADERS_KEYS = {
   contentType: "Content-Type",
   accept: "Accept"
 };
+var ANY_CASE_STR = "__ANY_CASE__";
 
 var shouldNot = function shouldNot(skip) {
   return _typeof$1(skip) === "object" || !skip;
@@ -2358,19 +2359,75 @@ var replaceNullValuesWithGetter = function replaceNullValuesWithGetter(inputObje
   }
   return result;
 };
-var getSentenceCaseProcessor = function getSentenceCaseProcessor() {
-  return {
-    type: "postProcessor",
-    name: "sentenceCasePlaceholderAndTypography",
-    process: function process(value, keys) {
-      if (keys.some(function (str) {
-        return (str.startsWith("placeholder.") || str.startsWith("typography.")) && !str.includes("anyCase.");
-      })) {
-        return value.charAt(0).toLocaleUpperCase() + value.slice(1).toLocaleLowerCase();
+
+/*
+For some reason dynamic values available via options param doesn't have formatter 'anyCase' applied.
+So here we are just re applying.
+*/
+var wrapAnyCaseIfApplicable = function wrapAnyCaseIfApplicable(value, dynamic) {
+  return Object.keys(dynamic).map(function (item) {
+    var format = anyCaseFormatter(dynamic[item]);
+    if (value.includes(format)) return format;
+    return dynamic[item];
+  });
+};
+var isAnyCaseStr = function isAnyCaseStr(str) {
+  return str.startsWith(ANY_CASE_STR) && str.endsWith(ANY_CASE_STR);
+};
+var lowerCaseDynamicText = function lowerCaseDynamicText(value, dynamic) {
+  /*
+  Example:
+  translation: {
+    create: "Create {{entity1}}, {{entity2, anyCase}} and {{entity3}} and apply COLOR"
+  }
+  // ...
+  t("create", {entity1: "Car", entity2: 'BuS', enity3: "Truck"});
+  */
+
+  // example: ['Car', '__ANY_CASE__BuS__ANY_CASE__', 'Truck']
+  var dynamicArr = wrapAnyCaseIfApplicable(value, dynamic);
+  //example pattern: (Car)|(__ANY_CASE__BuS__ANY_CASE__)|(Bus)
+  var regexPattern = dynamicArr.map(function (delimiter) {
+    return "(".concat(delimiter, ")");
+  }).join("|");
+  /* Generated array
+  [
+    'Create ', // static
+    'Car', // dynamic
+    ', ', // static
+    '__ANY_CASE__BuS__ANY_CASE__', // dynamic
+    ' and ', // static
+    'Truck', // dynamic
+    ' and apply COLOR' // static
+  ]
+  */
+  var splitArr = value.split(new RegExp(regexPattern)).filter(Boolean);
+  return splitArr.map(function (item, index) {
+    if (dynamicArr.includes(item)) {
+      if (isAnyCaseStr(item)) {
+        return item.replaceAll(ANY_CASE_STR, "");
+      } else if (index === 0) {
+        // Don't lower case if it is first word.
+        return item;
       }
-      return value;
+      return item.toLocaleLowerCase();
     }
-  };
+    return item;
+  }).join("");
+};
+var sentenceCaseProcessor = {
+  type: "postProcessor",
+  name: "sentenceCaseProcessor",
+  process: function process(value, _, options) {
+    var dynamic = omit(["lng", "lngs", "ns"], options); // removes default args
+    if (isEmpty(dynamic)) return value; // Do nothing if no dynamic values
+
+    return lowerCaseDynamicText(value, dynamic);
+  }
+};
+var anyCaseFormatter = function anyCaseFormatter(value) {
+  if (value) return ANY_CASE_STR + value + ANY_CASE_STR;
+  return value;
 };
 
 var generic = {
@@ -2491,7 +2548,7 @@ var commonsEn = {
 // eslint-disable-next-line import/no-mutable-exports
 var taxonomies = {};
 var initializeI18n = function initializeI18n(hostTranslations) {
-  var _window$globalProps, _i18n$services$format;
+  var _window$globalProps, _i18n$services$format, _i18n$services$format2;
   var packageTranslations = preval.require("./configs/scripts/getPkgTranslations.js");
   var commonsTranslations = {
     en: {
@@ -2499,10 +2556,16 @@ var initializeI18n = function initializeI18n(hostTranslations) {
     }
   };
   var resources = [hostTranslations, commonsTranslations, packageTranslations].reduce(mergeDeepLeft);
-  if ((_window$globalProps = window.globalProps) !== null && _window$globalProps !== void 0 && _window$globalProps.taxonomies) {
-    taxonomies = replaceNullValuesWithGetter(window.globalProps.taxonomies);
-  }
-  i18n.use(Browser).use(initReactI18next).use(getSentenceCaseProcessor()).init({
+  var defaultTaxonomyKeys = Object.keys(resources.en.translation.taxonomyDefaultLabels || {});
+  var defaultTaxonomies = Object.fromEntries(defaultTaxonomyKeys.map(function (key) {
+    return [key, {
+      singular: null,
+      plural: null
+    }];
+  }));
+  var hostTaxonomies = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.taxonomies) || {};
+  taxonomies = replaceNullValuesWithGetter(mergeDeepLeft(hostTaxonomies, defaultTaxonomies));
+  i18n.use(Browser).use(initReactI18next).use(sentenceCaseProcessor).init({
     resources: resources,
     fallbackLng: "en",
     interpolation: {
@@ -2512,7 +2575,7 @@ var initializeI18n = function initializeI18n(hostTranslations) {
       escapeValue: false,
       skipOnVariables: false
     },
-    postProcess: ["sentenceCasePlaceholderAndTypography"],
+    postProcess: ["sentenceCaseProcessor"],
     detection: {
       order: ["querystring", "cookie", "navigator", "path"],
       caches: ["cookie"],
@@ -2537,6 +2600,7 @@ var initializeI18n = function initializeI18n(hostTranslations) {
       return formatter.format(sanitizedItems);
     };
   });
+  (_i18n$services$format2 = i18n.services.formatter) === null || _i18n$services$format2 === void 0 ? void 0 : _i18n$services$format2.add("anyCase", anyCaseFormatter);
 };
 
 function initializeLogger() {