@dpocean/chatui 1.0.0

package/es/components/Composer/index.js

@@ -0,0 +1,344 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
+import clsx from 'clsx';
+import { Recorder } from '../Recorder';
+import { Toolbar } from '../Toolbar';
+import { AccessoryWrap } from './AccessoryWrap';
+import { Popover } from '../Popover';
+import { ToolbarItem } from './ToolbarItem';
+import { ComposerInput } from './ComposerInput';
+import { SendButton } from './SendButton';
+import { Action } from './Action';
+import toggleClass from '../../utils/toggleClass';
+import { isIOS, isArkWeb, isAliApp } from '../../utils/ua';
+import { updateViewportTop, setViewportTop } from './viewportTop';
+export var CLASS_NAME_FOCUSING = 'S--focusing';
+export var Composer = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$text = props.text,
+    initialText = _props$text === void 0 ? '' : _props$text,
+    oTextOnce = props.textOnce,
+    _props$inputType = props.inputType,
+    initialInputType = _props$inputType === void 0 ? 'text' : _props$inputType,
+    wideBreakpoint = props.wideBreakpoint,
+    _props$placeholder = props.placeholder,
+    oPlaceholder = _props$placeholder === void 0 ? '请输入...' : _props$placeholder,
+    _props$recorder = props.recorder,
+    recorder = _props$recorder === void 0 ? {} : _props$recorder,
+    onInputTypeChange = props.onInputTypeChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    onSend = props.onSend,
+    onBeforeSend = props.onBeforeSend,
+    onImageSend = props.onImageSend,
+    onAccessoryToggle = props.onAccessoryToggle,
+    _props$toolbar = props.toolbar,
+    toolbar = _props$toolbar === void 0 ? [] : _props$toolbar,
+    onToolbarClick = props.onToolbarClick,
+    rightAction = props.rightAction,
+    inputOptions = props.inputOptions;
+  var _useState = useState(initialText),
+    _useState2 = _slicedToArray(_useState, 2),
+    text = _useState2[0],
+    setText = _useState2[1];
+  var _useState3 = useState(oTextOnce),
+    _useState4 = _slicedToArray(_useState3, 2),
+    textOnce = _useState4[0],
+    setTextOnce = _useState4[1];
+  var _useState5 = useState(!!text),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasValue = _useState6[0],
+    setHasValue = _useState6[1];
+  var _useState7 = useState(oTextOnce || oPlaceholder),
+    _useState8 = _slicedToArray(_useState7, 2),
+    placeholder = _useState8[0],
+    setPlaceholder = _useState8[1];
+  var _useState9 = useState(initialInputType || 'text'),
+    _useState0 = _slicedToArray(_useState9, 2),
+    inputType = _useState0[0],
+    setInputType = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    isAccessoryOpen = _useState10[0],
+    setAccessoryOpen = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    accessoryContent = _useState12[0],
+    setAccessoryContent = _useState12[1];
+  var inputRef = useRef(null);
+  var focused = useRef(false);
+  var blurTimer = useRef();
+  var valueTimer = useRef();
+  var popoverTarget = useRef();
+  var isMountRef = useRef(false);
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    isWide = _useState14[0],
+    setWide = _useState14[1];
+  useEffect(function () {
+    var mq = wideBreakpoint && window.matchMedia ? window.matchMedia("(min-width: ".concat(wideBreakpoint, ")")) : false;
+    function handleMq(e) {
+      setWide(e.matches);
+    }
+    setWide(mq && mq.matches);
+    if (mq) {
+      mq.addListener(handleMq);
+    }
+    return function () {
+      if (mq) {
+        mq.removeListener(handleMq);
+      }
+    };
+  }, [wideBreakpoint]);
+  useEffect(function () {
+    toggleClass('S--wide', isWide);
+    if (!isWide) {
+      setAccessoryContent('');
+    }
+  }, [isWide]);
+  useEffect(function () {
+    if (isMountRef.current && onAccessoryToggle) {
+      onAccessoryToggle(isAccessoryOpen);
+    }
+  }, [isAccessoryOpen, onAccessoryToggle]);
+  useEffect(function () {
+    isMountRef.current = true;
+  }, []);
+  useEffect(function () {
+    var _window = window,
+      visualViewport = _window.visualViewport;
+    if (!visualViewport) return;
+    var winHeight = window.innerHeight;
+    function toggleFocusing() {
+      if (window.innerHeight > winHeight) {
+        // iOS 下第一次的时候 winHeight 有可能不准
+        winHeight = window.innerHeight;
+      }
+      // 视窗变高做失焦处理
+      // 场景：键盘收起键盘时并没有失去焦点
+      if (focused.current && visualViewport.height >= winHeight) {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
+      }
+    }
+    function resizeHandler() {
+      // Android 没有下面安全区且可以悬浮键盘，故不做收起失焦处理
+      if (isIOS || isArkWeb && isAliApp) {
+        toggleFocusing();
+      }
+    }
+    visualViewport.addEventListener('resize', resizeHandler);
+    return function () {
+      visualViewport.removeEventListener('resize', resizeHandler);
+    };
+  }, []);
+  useEffect(function () {
+    if (text) {
+      clearTimeout(valueTimer.current);
+      setHasValue(true);
+    } else {
+      // 中文上屏时有一瞬间会无值，所以做延迟处理
+      valueTimer.current = setTimeout(function () {
+        setHasValue(false);
+      });
+    }
+  }, [text]);
+  useImperativeHandle(ref, function () {
+    return {
+      setText: setText
+    };
+  });
+  var handleInputTypeChange = useCallback(function () {
+    var isVoice = inputType === 'voice';
+    var nextType = isVoice ? 'text' : 'voice';
+    setInputType(nextType);
+    if (isVoice) {
+      var input = inputRef.current;
+      input.focus();
+      // eslint-disable-next-line no-multi-assign
+      input.selectionStart = input.selectionEnd = input.value.length;
+    }
+    if (onInputTypeChange) {
+      onInputTypeChange(nextType);
+    }
+  }, [inputType, onInputTypeChange]);
+  var handleInputFocus = useCallback(function (e) {
+    clearTimeout(blurTimer.current);
+    toggleClass(CLASS_NAME_FOCUSING, true);
+    focused.current = true;
+    if (isIOS) {
+      updateViewportTop();
+    }
+    if (onFocus) {
+      onFocus(e);
+    }
+  }, [onFocus]);
+  var handleInputBlur = useCallback(function (e) {
+    blurTimer.current = setTimeout(function () {
+      toggleClass(CLASS_NAME_FOCUSING, false);
+      focused.current = false;
+    }, 0);
+    if (isIOS) {
+      setViewportTop(0);
+    }
+    if (onBlur) {
+      onBlur(e);
+    }
+  }, [onBlur]);
+  var send = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var sendType, sendContent, allowed;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          sendType = 'text';
+          sendContent = text || textOnce || '';
+          if (sendContent) {
+            _context.next = 1;
+            break;
+          }
+          return _context.abrupt("return");
+        case 1:
+          if (!onBeforeSend) {
+            _context.next = 3;
+            break;
+          }
+          _context.next = 2;
+          return Promise.resolve(onBeforeSend(sendType, sendContent));
+        case 2:
+          allowed = _context.sent;
+          if (allowed) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return");
+        case 3:
+          if (text) {
+            onSend(sendType, text);
+            setText('');
+          } else if (textOnce) {
+            onSend(sendType, textOnce);
+          }
+          if (textOnce) {
+            setTextOnce('');
+            setPlaceholder(oPlaceholder);
+          }
+          if (focused.current) {
+            inputRef.current.focus();
+          }
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [oPlaceholder, onBeforeSend, onSend, text, textOnce]);
+  var handleInputKeyDown = useCallback(function (e) {
+    if (!e.shiftKey && e.keyCode === 13) {
+      send();
+      e.preventDefault();
+    }
+  }, [send]);
+  var handleTextChange = useCallback(function (value, e) {
+    setText(value);
+    if (onChange) {
+      onChange(value, e);
+    }
+  }, [onChange]);
+  var handleSendBtnClick = useCallback(function (e) {
+    send();
+    e.preventDefault();
+  }, [send]);
+  var handleAccessoryToggle = useCallback(function () {
+    setAccessoryOpen(!isAccessoryOpen);
+  }, [isAccessoryOpen]);
+  var handleAccessoryBlur = useCallback(function () {
+    setTimeout(function () {
+      setAccessoryOpen(false);
+      setAccessoryContent('');
+    });
+  }, []);
+  var handleToolbarClick = useCallback(function (item, e) {
+    if (onToolbarClick) {
+      onToolbarClick(item, e);
+    }
+    if (item.render) {
+      popoverTarget.current = e.currentTarget;
+      setAccessoryContent(item.render);
+    }
+  }, [onToolbarClick]);
+  var handlePopoverClose = useCallback(function () {
+    setAccessoryContent('');
+  }, []);
+  var isInputText = inputType === 'text';
+  var inputTypeIcon = isInputText ? 'mic' : 'keyboard';
+  var hasToolbar = toolbar.length > 0;
+  var inputProps = _objectSpread(_objectSpread({}, inputOptions), {}, {
+    value: text,
+    inputRef: inputRef,
+    placeholder: placeholder,
+    onFocus: handleInputFocus,
+    onBlur: handleInputBlur,
+    onKeyDown: handleInputKeyDown,
+    onChange: handleTextChange,
+    onImageSend: onImageSend
+  });
+  if (isWide) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "Composer Composer--lg"
+    }, hasToolbar && toolbar.map(function (item) {
+      return /*#__PURE__*/React.createElement(ToolbarItem, {
+        item: item,
+        onClick: function onClick(e) {
+          return handleToolbarClick(item, e);
+        },
+        key: item.type
+      });
+    }), accessoryContent && /*#__PURE__*/React.createElement(Popover, {
+      active: !!accessoryContent,
+      target: popoverTarget.current,
+      onClose: handlePopoverClose
+    }, accessoryContent), /*#__PURE__*/React.createElement("div", {
+      className: "Composer-inputWrap"
+    }, /*#__PURE__*/React.createElement(ComposerInput, _extends({
+      invisible: false
+    }, inputProps))), /*#__PURE__*/React.createElement(SendButton, {
+      onClick: handleSendBtnClick,
+      disabled: !hasValue
+    }));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "Composer",
+    "data-has-value": hasValue,
+    "data-has-text-once": !!textOnce
+  }, recorder.canRecord && /*#__PURE__*/React.createElement(Action, {
+    className: "Composer-inputTypeBtn",
+    "data-icon": inputTypeIcon,
+    icon: inputTypeIcon,
+    onClick: handleInputTypeChange,
+    "aria-label": isInputText ? '切换到语音输入' : '切换到键盘输入'
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "Composer-inputWrap"
+  }, /*#__PURE__*/React.createElement(ComposerInput, _extends({
+    invisible: !isInputText
+  }, inputProps)), !isInputText && /*#__PURE__*/React.createElement(Recorder, recorder)), !text && rightAction && /*#__PURE__*/React.createElement(Action, rightAction), hasToolbar && /*#__PURE__*/React.createElement(Action, {
+    className: clsx('Composer-toggleBtn', {
+      active: isAccessoryOpen
+    }),
+    icon: "plus",
+    onClick: handleAccessoryToggle,
+    "aria-label": isAccessoryOpen ? '关闭工具栏' : '展开工具栏'
+  }), hasValue && /*#__PURE__*/React.createElement(SendButton, {
+    onClick: handleSendBtnClick,
+    disabled: !hasValue
+  })), isAccessoryOpen && /*#__PURE__*/React.createElement(AccessoryWrap, {
+    onClickOutside: handleAccessoryBlur
+  }, accessoryContent || /*#__PURE__*/React.createElement(Toolbar, {
+    items: toolbar,
+    onClick: handleToolbarClick
+  })));
+});

package/es/components/Composer/riseInput.js

@@ -0,0 +1,49 @@
+import { isIOS, isSafariOrIOS11, getIOSMajorVersion } from '../../utils/ua';
+function testScrollType() {
+  if (isIOS) {
+    if (isSafariOrIOS11) {
+      /**
+       * 不处理
+       * - Safari
+       * - iOS 11.0-11.3（`scrollTop`/`scrolIntoView` 有 bug）
+       */
+      return 0;
+    }
+    var major = getIOSMajorVersion();
+    // iOS 12及以下用 `scrollTop` 的方式
+    if (major < 13) {
+      return 1;
+    }
+  }
+  // 其它的用 `scrollIntoView` 的方式
+  return 2;
+}
+export default function riseInput(input, wrap) {
+  var scrollType = testScrollType();
+  var scrollTimer;
+  var target = wrap || input;
+  var scrollIntoView = function scrollIntoView() {
+    if (scrollType === 0) return;
+    if (scrollType === 1) {
+      document.body.scrollTop = document.body.scrollHeight;
+    } else {
+      target.scrollIntoView(false);
+    }
+  };
+  input.addEventListener('focus', function () {
+    setTimeout(scrollIntoView, 300);
+    scrollTimer = setTimeout(scrollIntoView, 1000);
+  });
+  input.addEventListener('blur', function () {
+    clearTimeout(scrollTimer);
+
+    // 某些情况下收起键盘后输入框不收回，页面下面空白
+    // 比如：闲鱼、大麦、乐动力、微信
+    if (scrollType && isIOS) {
+      // 以免点击快捷短语无效
+      setTimeout(function () {
+        document.body.scrollIntoView();
+      });
+    }
+  });
+}

package/es/components/Composer/style.less

@@ -0,0 +1,103 @@
+.Composer {
+  display: flex;
+  align-items: flex-end;
+  padding: @composer-padding;
+  --action-size: @composer-input-min-height;
+  --action-font-size: 20Px;
+
+  > div + div {
+    margin-left: 9Px;
+  }
+  &[data-has-value="false"] .Composer-actions[data-action="send"],
+  &[data-has-value="true"] .Composer-actions[data-action-icon] {
+    width: 0;
+    margin: 0;
+    opacity: 0;
+  }
+  &[data-has-value="true"] {
+    .Composer-inputWrap {
+      margin-left: 0;
+    }
+    .Composer-sendBtn {
+      animation: 0.3s sendIn;
+    }
+  }
+}
+
+.Composer-actions {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  width: var(--action-size);
+  height: var(--action-size);
+  transition: width 0.1s;
+
+  &[data-action='send'] {
+    width: var(--send-width, 63Px);
+  }
+  .IconBtn {
+    padding: 8Px;
+    background: var(--color-fill-1);
+    font-size: var(--action-font-size);
+    color: var(--color-text-1);
+  }
+}
+
+.Composer-toggleBtn {
+  .Icon {
+    transition: transform 0.3s;
+  }
+  &.active .Icon {
+    transform: rotate(45deg);
+  }
+}
+
+.Composer-inputWrap {
+  flex: 1;
+  position: relative;
+}
+
+.Composer-input {
+  overflow-x: hidden;
+  max-height: @composer-input-max-height;
+  padding: @composer-input-padding;
+  border: 0;
+  border-radius: var(--radius-md);
+  // background: @composer-input-bg;
+  line-height: 20Px;
+  font-size: 15Px;
+  caret-color: @composer-input-caret-color;
+  transition: @composer-input-transition;
+}
+
+.Composer-sendBtn {
+  flex: 0 0 auto;
+  min-width: 0;
+  padding-left: 16Px;
+  padding-right: 16Px;
+}
+
+@keyframes sendIn {
+  0% {
+    transform: scale(0.2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.ChatApp[data-elder-mode="true"] {
+  .Composer {
+    --action-size: 50Px;
+    --action-font-size: 34Px;
+  }
+  .Composer-input {
+    padding: 9Px 12Px;
+    font-size: 21Px;
+    line-height: 32Px;
+  }
+  .Composer-sendBtn {
+    padding: 4Px 13Px;
+    font-size: 17Px;
+  }
+}

package/es/components/Composer/viewportTop.js

@@ -0,0 +1,22 @@
+var rootEl = document.documentElement;
+var chatApp;
+var requestID;
+var viewportTop = 0;
+export function setViewportTop(top) {
+  cancelAnimationFrame(requestID);
+  rootEl.style.setProperty('--viewport-top', "".concat(top, "px"));
+}
+export function updateViewportTop() {
+  if (!chatApp) {
+    chatApp = document.querySelector('.ChatApp');
+  }
+  if (!chatApp) return;
+  var _chatApp$getBoundingC = chatApp.getBoundingClientRect(),
+    top = _chatApp$getBoundingC.top;
+  if (top === 0) {
+    requestID = requestAnimationFrame(updateViewportTop);
+  } else {
+    viewportTop = Math.abs(top);
+    setViewportTop(viewportTop);
+  }
+}

package/es/components/ConfigProvider/index.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useContext } from 'react';
+import defaultLocales from './locales';
+var DEFAULT_LOCALE = 'en-US';
+export var ConfigContext = /*#__PURE__*/React.createContext({});
+export var ConfigProvider = function ConfigProvider(_ref) {
+  var _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? DEFAULT_LOCALE : _ref$locale,
+    locales = _ref.locales,
+    colorScheme = _ref.colorScheme,
+    elderMode = _ref.elderMode,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: {
+      locale: locale,
+      locales: locales,
+      colorScheme: colorScheme,
+      elderMode: elderMode
+    }
+  }, children);
+};
+export var useConfig = function useConfig() {
+  return useContext(ConfigContext);
+};
+export var useLocale = function useLocale(componentName, fallback) {
+  var _useContext = useContext(ConfigContext),
+    locale = _useContext.locale,
+    locales = _useContext.locales;
+  var defaultStrings = locale && defaultLocales[locale] || defaultLocales[DEFAULT_LOCALE];
+  var strings = _objectSpread(_objectSpread({}, defaultStrings), locales);
+  if (!locale && !locales && fallback) {
+    strings = fallback;
+  } else if (componentName) {
+    strings = strings[componentName] || {};
+  }
+  return {
+    locale: locale,
+    trans: function trans(key) {
+      return key ? strings[key] : strings;
+    }
+  };
+};

package/es/components/ConfigProvider/locales/en_US.js

@@ -0,0 +1,37 @@
+export default {
+  BackBottom: {
+    newMsgOne: '{n} new message',
+    newMsgOther: '{n} new messages',
+    bottom: 'Bottom'
+  },
+  Time: {
+    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    formats: {
+      LT: 'HH:mm',
+      lll: 'M/D/YYYY HH:mm',
+      WT: 'dddd HH:mm',
+      YT: 'Yesterday HH:mm'
+    }
+  },
+  Composer: {
+    send: 'Send'
+  },
+  SendConfirm: {
+    title: 'Send photo',
+    send: 'Send',
+    cancel: 'Cancel'
+  },
+  RateActions: {
+    up: 'Up vote',
+    down: 'Down vote'
+  },
+  Recorder: {
+    hold2talk: 'Hold to Talk',
+    release2send: 'Release to Send',
+    releaseOrSwipe: 'Release to send, swipe up to cancel',
+    release2cancel: 'Release to cancel'
+  },
+  Search: {
+    search: 'Search'
+  }
+};

package/es/components/ConfigProvider/locales/es.js

@@ -0,0 +1,37 @@
+export default {
+  BackBottom: {
+    newMsgOne: '{n} nuevo mensaje',
+    newMsgOther: '{n} nuevos mensajes',
+    bottom: 'Fondo'
+  },
+  Time: {
+    weekdays: ['domingo', 'Lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado'],
+    formats: {
+      LT: 'HH:mm',
+      lll: 'M/D/YYYY HH:mm',
+      WT: 'dddd HH:mm',
+      YT: 'Ayer HH:mm'
+    }
+  },
+  Composer: {
+    send: 'Enviar'
+  },
+  SendConfirm: {
+    title: 'Enviar foto',
+    send: 'Enviar',
+    cancel: 'Cancelar'
+  },
+  RateActions: {
+    up: 'Voto positivo',
+    down: 'Voto negativo'
+  },
+  Recorder: {
+    hold2talk: 'Sostén para hablar',
+    release2send: 'Liberar para enviar',
+    releaseOrSwipe: 'Suelta para enviar, desliza hacia arriba para cancelar',
+    release2cancel: 'Liberar para cancelar'
+  },
+  Search: {
+    search: 'Buscar'
+  }
+};

package/es/components/ConfigProvider/locales/hi.js

@@ -0,0 +1,37 @@
+export default {
+  BackBottom: {
+    newMsgOne: '{n} नया संदेश',
+    newMsgOther: '{n} नए संदेश',
+    bottom: 'नीचे'
+  },
+  Time: {
+    weekdays: ['रविवार', 'सोमवार', 'मंगलवार', 'बुधवार', 'गुरुवार', 'शुक्रवार', 'शनिवार'],
+    formats: {
+      LT: 'HH:mm',
+      lll: 'M/D/YYYY HH:mm',
+      WT: 'dddd HH:mm',
+      YT: 'कल HH:mm'
+    }
+  },
+  Composer: {
+    send: 'भेजें'
+  },
+  SendConfirm: {
+    title: 'फोटो भेजें',
+    send: 'भेजें',
+    cancel: 'रद्द करें'
+  },
+  RateActions: {
+    up: 'ऊपर वोट',
+    down: 'डाउन वोट'
+  },
+  Recorder: {
+    hold2talk: 'होल्ड टू टॉक',
+    release2send: 'जारी करें भेजने के लिए',
+    releaseOrSwipe: 'भेजने के लिए रिलीज़ करें, रद्द करने के लिए ऊपर स्वाइप करें',
+    release2cancel: 'रिलीज़ करो ताकि रद्द किया जा सके'
+  },
+  Search: {
+    search: 'खोजें'
+  }
+};