Adding default locale config for momentjs to docs

Author: vishalnarkhede

README.md

@@ -294,7 +294,7 @@ In current context, dependencies such as `react-native-document-picker` and (if
 
 ## Internationalization
 
-Instance of this class `Streami18n` should be provided to Chat component to handle translations.
+Instance of class `Streami18n` should be provided to Chat component to handle translations.
 Stream provides following list of in-built translations for components:
 
 1.  English (en)
@@ -307,131 +307,27 @@ Stream provides following list of in-built translations for components:
 
 Default language is English. Simplest way to start using chat components in one of the in-built languages would be following:
 
-### Docs
+Simplest way to start using chat components in one of the in-built languages would be following:
 
-- **Text translations**
-
-  Simplest way to start using chat components in one of the in-built languages would be following:
-
-  ```js static
-  const i18n = new Streami18n({ language: 'nl' });
-  <Chat client={chatClient} i18nInstance={i18n}>
-    ...
-  </Chat>;
-  ```
-
-  If you would like to override certain keys in in-built translation.
-  UI will be automatically updated in this case.
-
-  ```js static
-  const i18n = new Streami18n({
-    language: 'nl',
-    translationsForLanguage: {
-      'Nothing yet...': 'Nog Niet ...',
-      '{{ firstUser }} and {{ secondUser }} are typing...':
-        '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',
-    },
-  });
-  ```
+```js static
+const i18n = new Streami18n({ language: 'nl' });
+<Chat client={chatClient} i18nInstance={i18n}>
+  ...
+</Chat>;
+```
 
-  If you would like to register additional languages, use registerTranslation. You can add as many languages as you want:
+If you would like to override certain keys in in-built translation.
+UI will be automatically updated in this case.
 
-  ```js static
-  i18n.registerTranslation('zh', {
+```js static
+const i18n = new Streami18n({
+  language: 'nl',
+  translationsForLanguage: {
     'Nothing yet...': 'Nog Niet ...',
     '{{ firstUser }} and {{ secondUser }} are typing...':
       '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',
-  });
-
-  <Chat client={chatClient} i18nInstance={i18n}>
-    ...
-  </Chat>;
-  ```
-
-  You can use the same function to add whole new language as well.
-
-  ```js static
-  const i18n = new Streami18n();
-
-  i18n.registerTranslation('mr', {
-    'Nothing yet...': 'काहीही नाही  ...',
-    '{{ firstUser }} and {{ secondUser }} are typing...':
-      '{{ firstUser }} आणि {{ secondUser }} टीपी करत आहेत ',
-  });
-
-  // Make sure to call setLanguage to reflect new language in UI.
-  i18n.setLanguage('it');
-  <Chat client={chatClient} i18nInstance={i18n}>
-    ...
-  </Chat>;
-  ```
-
-- **Datetime translations**
-
-  Stream components uses [momentjs](http://momentjs.com/) internally to format datetime stamp.
-  e.g., in ChannelPreview, MessageContent components.
-
-  When you use any of the built-in translations, datetime will also be translated in corresponding langauge
-  by default. If you would like to stick with english language for datetimes, you can set `disableDateTimeTranslations` to true.
-
-  You can override the locale config for momentjs.
-
-  e.g.,
-
-  ```js static
-  const i18n = new Streami18n({
-    language: 'nl',
-    momentLocaleConfigForLanguage: {
-      months: [...],
-      monthsShort: [...],
-      calendar: {
-        sameDay: '...'
-      }
-    }
-  });
-  ```
-
-  Similarly, you can add locale config for moment while registering translation via `registerTranslation` function.
-
-  e.g.,
-
-  ```js static
-  const i18n = new Streami18n();
-
-  i18n.registerTranslation(
-  'mr',
-  {
-    'Nothing yet...': 'काहीही नाही  ...',
-    '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} आणि {{ secondUser }} टीपी करत आहेत ',
   },
-  {
-    months: [...],
-    monthsShort: [...],
-    calendar: {
-      sameDay: '...'
-    }
-  }
-  );
-  ```
-
-  Momentjs provides locale config for plenty of languages, you can check the whole list of locale configs at following url
-
-  https://github.com/moment/moment/tree/develop/locale
-
-  Stream uses locale configs provided by momentjs for built-in languages. You can also use one of these locale configs whiles registering
-  a new language. If you would liek to use the locale provided by momentjs as it is, simply import the file in your project.
-
-  e.g.,
-
-  ```js static
-
-    // Registering locale config for Danish language
-    import 'moment/locale/da';
+});
+```
 
-    const i18n = new Streami18n({
-      language: 'da',
-      translationsForLanguage: {
-        ...
-      },
-    });
-  ```
+Please read this docs on i18n for more details and further customizations - https://getstream.github.io/stream-chat-react-native/#streami18n

src/components/docs/Streami18n.md

@@ -172,6 +172,93 @@ Stream provides following list of in-built translations:
   });
   ```
 
+  The default `en` locale config from moment is as follow:
+
+  ```json
+  {
+    "months": [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ],
+    "monthsShort": [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ],
+    "week": {
+      "dow": 0,
+      "doy": 6
+    },
+    "weekdays": [
+      "Sunday",
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday"
+    ],
+    "weekdaysMin": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+    "weekdaysShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    "calendar": {
+      "sameDay": "[Today at] LT",
+      "nextDay": "[Tomorrow at] LT",
+      "nextWeek": "dddd [at] LT",
+      "lastDay": "[Yesterday at] LT",
+      "lastWeek": "[Last] dddd [at] LT",
+      "sameElse": "L"
+    },
+    "longDateFormat": {
+      "LTS": "h:mm:ss A",
+      "LT": "h:mm A",
+      "L": "MM/DD/YYYY",
+      "LL": "MMMM D, YYYY",
+      "LLL": "MMMM D, YYYY h:mm A",
+      "LLLL": "dddd, MMMM D, YYYY h:mm A"
+    },
+    "invalidDate": "Invalid date",
+    "ordinal": "%d.",
+    "dayOfMonthOrdinalParse": /\\d{1,2}(th|st|nd|rd)/,
+    "relativeTime": {
+      "future": "in %s",
+      "past": "%s ago",
+      "s": "a few seconds",
+      "ss": "%d seconds",
+      "m": "a minute",
+      "mm": "%d minutes",
+      "h": "an hour",
+      "hh": "%d hours",
+      "d": "a day",
+      "dd": "%d days",
+      "M": "a month",
+      "MM": "%d months",
+      "y": "a year",
+      "yy": "%d years"
+    },
+    "meridiemParse": /[ap]\\.?m?\\.?/i,
+    "abbr": "en"
+  }
+  ```
+
   Similarly, you can add locale config for moment while registering translation via `registerTranslation` function.
 
   e.g.,
@@ -194,24 +281,25 @@ Stream provides following list of in-built translations:
   }
   );
   ```
+
   Momentjs provides locale config for plenty of languages, you can check the whole list of locale configs at following url
 
   https://github.com/moment/moment/tree/develop/locale
 
   Stream uses locale configs provided by momentjs for built-in languages. You can also use one of these locale configs whiles registering
   a new language. If you would liek to use the locale provided by momentjs as it is, simply import the file in your project.
 
-  e.g., 
+  e.g.,
 
   ```js static
 
-  // Registering locale config for Danish language
-  import 'moment/locale/da';
+    // Registering locale config for Danish language
+    import 'moment/locale/da';
 
-  const i18n = new Streami18n({
-    language: 'da',
-    translationsForLanguage: {
-      ...
-    },
-  });
-```
+    const i18n = new Streami18n({
+      language: 'da',
+      translationsForLanguage: {
+        ...
+      },
+    });
+  ```