@zohoim/chat-components 1.1.4 → 1.1.6-beta.1

package/lib/im/IMMessageMetaInfo/IMMessageMetaInfo.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = IMMessageMetaInfo;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _IMMessageMetaInfoModule = _interopRequireDefault(require("./css/IMMessageMetaInfo.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+
+/** ** Hooks *** */
+
+/** ** Constants *** */
+
+/** ** Styles *** */
+function IMMessageMetaInfo(props) {
+  var imMessageMetaInfoTitle = props.imMessageMetaInfoTitle,
+      imMessageMetaInfoContent = props.imMessageMetaInfoContent,
+      customStyle = props.customStyle;
+  /* External CSS Customization */
+
+  var newStyle = (0, _useMergeStyle["default"])(_IMMessageMetaInfoModule["default"], customStyle);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: newStyle.imMessageMetaInfo,
+    "data-title": imMessageMetaInfoTitle
+  }, imMessageMetaInfoContent);
+}
+
+IMMessageMetaInfo.propTypes = _propTypes["default"];
+IMMessageMetaInfo.defaultProps = _defaultProps["default"];
+IMMessageMetaInfo.displayName = 'IMMessageMetaInfo';

package/lib/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css

@@ -0,0 +1,14 @@
+.varClass {
+  --imMessageMetaInfo-font_size: 13px;
+  --imMessageMetaInfo-max_width: 150px;
+  --imMessageMetaInfo-letter_spacing: 0.2px;
+}
+
+.imMessageMetaInfo {
+  composes: varClass;
+  composes: dotted from '../../../css/common.module.css';
+  font-size: var(--imMessageMetaInfo-font_size);
+  letter-spacing: var(--imMessageMetaInfo-letter_spacing);
+  max-width: var(--imMessageMetaInfo-max_width);
+  color: var(--imlib_chat_components_imAutoMessageInfo_text_color);
+}

package/lib/im/IMMessageMetaInfo/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMMessageMetaInfo", {
+  enumerable: true,
+  get: function get() {
+    return _IMMessageMetaInfo["default"];
+  }
+});
+
+var _IMMessageMetaInfo = _interopRequireDefault(require("./IMMessageMetaInfo"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/im/IMMessageMetaInfo/props/defaultProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var imMessageMetaInfoDefaultProps = {
+  imMessageMetaInfoTitle: '',
+  imMessageMetaInfoContent: '',
+  customStyle: _emptyConstants.dummyObject
+};
+var _default = imMessageMetaInfoDefaultProps;
+exports["default"] = _default;

package/lib/im/IMMessageMetaInfo/props/propTypes.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var imMessageMetaInfoPropTypes = {
+  imMessageMetaInfoTitle: _propTypes["default"].string,
+  imMessageMetaInfoContent: _propTypes["default"].string,
+  customStyle: _propTypes["default"].object
+};
+var _default = imMessageMetaInfoPropTypes;
+exports["default"] = _default;

package/lib/im/IMPermaLink/IMPermaLink.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = IMPermaLink;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _useIMPermaLink2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/im/IMPermaLink/useIMPermaLink"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
+
+var _IMPermaLinkModule = _interopRequireDefault(require("./css/IMPermaLink.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable @zohodesk/zsecurity/no-protocol-check */
+
+/** ** Libraries *** */
+
+/** ** Hooks *** */
+
+/** ** Constants *** */
+
+/** ** Methods *** */
+
+/** ** Styles *** */
+function IMPermaLink(props) {
+  var customStyle = props.customStyle,
+      isDisabled = props.isDisabled;
+
+  var _useIMPermaLink = (0, _useIMPermaLink2["default"])(props),
+      href = _useIMPermaLink.href,
+      onClick = _useIMPermaLink.onClick,
+      text = _useIMPermaLink.text;
+  /* External CSS Customization */
+
+
+  var newStyle = (0, _useMergeStyle["default"])(_IMPermaLinkModule["default"], customStyle);
+  /* CSS classnames added based on logic */
+
+  var _cssJSLogic = (0, _cssJSLogic2["default"])({
+    isDisabled: isDisabled
+  }, newStyle),
+      imPermaLinkClass = _cssJSLogic.imPermaLinkClass;
+
+  return text ? /*#__PURE__*/_react["default"].createElement("a", {
+    className: imPermaLinkClass,
+    href: href,
+    onClick: onClick,
+    rel: "noopener noreferrer"
+  }, text) : null;
+}
+
+IMPermaLink.propTypes = _propTypes["default"];
+IMPermaLink.defaultProps = _defaultProps["default"];
+IMPermaLink.displayName = 'IMPermaLink';

package/lib/im/IMPermaLink/css/IMPermaLink.module.css

@@ -0,0 +1,14 @@
+.text {
+  color: var(--imlib_chat_components_imPermaLink_url_color);
+  display: block;
+  composes: dotted from '../../css/common.module.css';
+  cursor: pointer;
+}
+
+.disabled {
+  pointer-events: none;
+}
+
+a.text:hover {
+  text-decoration: underline;
+}

package/lib/im/IMPermaLink/css/cssJSLogic.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _utils = require("@zohodesk/utils");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function cssJSLogic(props, style) {
+  var _compileClassNames;
+
+  var isDisabled = props.isDisabled;
+  var imPermaLinkClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.text, true), _defineProperty(_compileClassNames, style.disabled, isDisabled === true), _compileClassNames));
+  return {
+    imPermaLinkClass: imPermaLinkClass
+  };
+}

package/lib/im/IMPermaLink/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMPermaLink", {
+  enumerable: true,
+  get: function get() {
+    return _IMPermaLink["default"];
+  }
+});
+
+var _IMPermaLink = _interopRequireDefault(require("./IMPermaLink"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/im/IMPermaLink/props/defaultProps.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var imPermaLinkDefaultProps = {
+  customStyle: _emptyConstants.dummyObject
+};
+var _default = imPermaLinkDefaultProps;
+exports["default"] = _default;

package/lib/im/IMPermaLink/props/propTypes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var imPermaLinkPropTypes = {
+  text: _propTypes["default"].string.isRequired,
+  customStyle: _propTypes["default"].object,
+  isDisabled: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  href: _propTypes["default"].string
+};
+var _default = imPermaLinkPropTypes;
+exports["default"] = _default;

package/lib/im/IMReplyBubble/IMReplyBubble.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = IMReplyBubble;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useIMReplyBubble2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/im/IMReplyBubble/useIMReplyBubble"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+var _ReplyBubble = _interopRequireDefault(require("../../ReplyBubble/ReplyBubble"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function IMReplyBubble(props) {
+  var replyText = props.replyText,
+      messageDetails = props.messageDetails,
+      customProps = props.customProps,
+      propOnClick = props.onClick,
+      isFailed = props.isFailed;
+  var _customProps$replyBub = customProps.replyBubbleProps,
+      replyBubbleProps = _customProps$replyBub === void 0 ? _emptyConstants.dummyObject : _customProps$replyBub;
+
+  var _useIMReplyBubble = (0, _useIMReplyBubble2["default"])({
+    messageDetails: messageDetails,
+    onClick: propOnClick
+  }),
+      message = _useIMReplyBubble.message,
+      senderName = _useIMReplyBubble.senderName,
+      dateTimeDetails = _useIMReplyBubble.dateTimeDetails,
+      attachmentDetails = _useIMReplyBubble.attachmentDetails,
+      locationUrl = _useIMReplyBubble.locationUrl,
+      onClick = _useIMReplyBubble.onClick;
+
+  return /*#__PURE__*/_react["default"].createElement(_ReplyBubble["default"], _extends({
+    attachmentDetails: attachmentDetails,
+    dateTimeDetails: dateTimeDetails,
+    locationUrl: locationUrl,
+    message: message,
+    onClick: onClick,
+    replyText: replyText,
+    senderName: senderName
+  }, replyBubbleProps, {
+    isFailed: isFailed
+  }));
+}
+
+IMReplyBubble.propTypes = _propTypes["default"];
+IMReplyBubble.defaultProps = _defaultProps["default"];
+IMReplyBubble.displayName = 'IMReplyBubble';

package/lib/im/IMReplyBubble/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMReplyBubble", {
+  enumerable: true,
+  get: function get() {
+    return _IMReplyBubble["default"];
+  }
+});
+
+var _IMReplyBubble = _interopRequireDefault(require("./IMReplyBubble"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/im/IMReplyBubble/props/defaultProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var imReplyBubbleDefaultProps = {
+  customStyle: _emptyConstants.dummyObject,
+  customProps: _emptyConstants.dummyObject
+};
+var _default = imReplyBubbleDefaultProps;
+exports["default"] = _default;

package/lib/im/IMReplyBubble/props/propTypes.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var imReplyBubblePropTypes = {
+  messageDetails: _propTypes["default"].shape({
+    actor: _propTypes["default"].shape({
+      contactName: _propTypes["default"].string,
+      externalId: _propTypes["default"].string,
+      name: _propTypes["default"].string
+    }).isRequired,
+    displayMessage: _propTypes["default"].string.isRequired,
+    attachment: _propTypes["default"].shape({
+      name: _propTypes["default"].string,
+      type: _propTypes["default"].string,
+      url: _propTypes["default"].string
+    }),
+    dateTimeDetails: _propTypes["default"].shape({
+      displayDateTime: _propTypes["default"].string,
+      tooltip: _propTypes["default"].string
+    }),
+    locationUrl: _propTypes["default"].string
+  }).isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  replyText: _propTypes["default"].string.isRequired,
+  customProps: _propTypes["default"].shape({
+    replyBubbleProps: _propTypes["default"].object
+  }),
+  isFailed: _propTypes["default"].bool
+};
+var _default = imReplyBubblePropTypes;
+exports["default"] = _default;

package/lib/im/IMTextBubble/IMTextBubble.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = IMTextBubble;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+var _TextBubble = _interopRequireDefault(require("../../TextBubble/TextBubble"));
+
+var _useIMTextBubble2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/im/IMTextBubble/useIMTextBubble"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function IMTextBubble(props) {
+  var moreText = props.moreText,
+      customProps = props.customProps,
+      isFailed = props.isFailed;
+  var _customProps$textBubb = customProps.textBubbleProps,
+      textBubbleProps = _customProps$textBubb === void 0 ? _emptyConstants.dummyObject : _customProps$textBubb;
+
+  var _useIMTextBubble = (0, _useIMTextBubble2["default"])(props),
+      onLoadFullMessage = _useIMTextBubble.onLoadFullMessage,
+      sanitizedDisplayMessage = _useIMTextBubble.sanitizedDisplayMessage,
+      isShowSeeMore = _useIMTextBubble.isShowSeeMore;
+
+  return /*#__PURE__*/_react["default"].createElement(_TextBubble["default"], _extends({
+    message: sanitizedDisplayMessage,
+    moreText: isShowSeeMore ? moreText : '',
+    onClickMore: onLoadFullMessage
+  }, textBubbleProps, {
+    isFailed: isFailed
+  }));
+}
+
+IMTextBubble.propTypes = _propTypes["default"];
+IMTextBubble.defaultProps = _defaultProps["default"];
+IMTextBubble.displayName = 'IMTextBubble';

package/lib/im/IMTextBubble/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMTextBubble", {
+  enumerable: true,
+  get: function get() {
+    return _IMTextBubble["default"];
+  }
+});
+
+var _IMTextBubble = _interopRequireDefault(require("./IMTextBubble"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/im/IMTextBubble/props/defaultProps.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+var _messageConstants = require("@zohoim/chat-components-utils/es/constants/messageConstants");
+
+/** ** Constants *** */
+var imTextBubbleDefaultProps = {
+  customProps: _emptyConstants.dummyObject,
+  messageMaxLength: _messageConstants.TEXT_MESSAGE_MAX_LENGTH
+};
+var _default = imTextBubbleDefaultProps;
+exports["default"] = _default;

package/lib/im/IMTextBubble/props/propTypes.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var imTextBubblePropTypes = {
+  messageDetails: _propTypes["default"].shape({
+    displayMessage: _propTypes["default"].string.isRequired,
+    attachment: _propTypes["default"].shape({
+      name: _propTypes["default"].string,
+      type: _propTypes["default"].string
+    }),
+    contentType: _propTypes["default"].string,
+    fullContentURL: _propTypes["default"].string,
+    fullMessage: _propTypes["default"].string,
+    id: _propTypes["default"].string
+  }).isRequired,
+  customProps: _propTypes["default"].shape({
+    textBubbleProps: _propTypes["default"].object
+  }),
+  messageMaxLength: _propTypes["default"].number,
+  markDownOptions: _propTypes["default"].shape({
+    applyLink: _propTypes["default"].bool,
+    isRemoveUrl: _propTypes["default"].bool
+  }),
+  moreText: _propTypes["default"].string,
+  onLoadFullMessage: _propTypes["default"].func,
+  sessionDetails: _propTypes["default"].shape({
+    id: _propTypes["default"].string
+  }),
+  isFailed: _propTypes["default"].bool,
+  isShowFullContent: _propTypes["default"].bool
+};
+var _default = imTextBubblePropTypes;
+exports["default"] = _default;