@zohoim/chat-components 0.0.11 → 0.0.14

package/es/Theme/desk/light/orangeTheme.js

@@ -1,36 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor } from "./commonColorVariable.js";
-import { imIntegrationIcon } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: "#fdf5ef",
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#fdf5ef",
-      border_color: "#f7d6b9"
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#e57717",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubble: {
-      bg_color: "#fff",
-      border_color: "#ebf0f5"
-    },
-    imTicketLink: {
-      color: "#e57717"
-    }
-  }
-};

package/es/Theme/desk/light/redTheme.js

@@ -1,36 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor } from "./commonColorVariable.js";
-import { imIntegrationIcon } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: "#fdf3f3",
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#fdf3f3",
-      border_color: "#f8d7d7"
-    },
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#de3535",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubble: {
-      bg_color: "#fff",
-      border_color: "#ebf0f5"
-    },
-    imTicketLink: {
-      color: "#de3535"
-    }
-  }
-};

package/es/Theme/desk/light/yellowTheme.js

@@ -1,37 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messagetextColor } from "./commonColorVariable.js";
-import { imIntegrationIcon } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: "#fdf8e9",
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#fdf8e9",
-      border_color: "#f6e3a7"
-    },
-    imIntegrationIcon,
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#b68c07",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubble: {
-      bg_color: "#fff",
-      border_color: "#ebf0f5"
-    },
-    imTicketLink: {
-      color: "#b68c07"
-    }
-  }
-};

package/es/Theme/desk/pureDark/blueTheme.js

@@ -1,41 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from "./commonColorVariable.js";
-import { imIntegrationIcon, messagetextColor } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#252d37",
-      border_color: "#2c4664"
-    },
-    imIntegrationIcon,
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#479dff",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubbleInfo: {
-      fileName_color: "#e2e4e6",
-      fileSize_color: "#788190"
-    },
-    attachmentBubble: {
-      bg_color: "#212121",
-      border_color: "#161515"
-    },
-    imTicketLink: {
-      color: "#479dff"
-    }
-  }
-};

package/es/Theme/desk/pureDark/commonColorVariable.js

@@ -1,7 +0,0 @@
-export const incomingBubbleBgColor = '#2e2e2e';
-export const outgoingBubbleBgColor = '#2e2e2e';
-export const bubbleActiveBgColor = '#202821';
-export const actionIconColor = '#e2e4e6';
-export const messageStatusSendColor = '#61667a';
-export const messageStatusFailedColor = '#de3535';
-export const messagetextColor = "#e2e4e6";

package/es/Theme/desk/pureDark/greenTheme.js

@@ -1,41 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from "./commonColorVariable.js";
-import { imIntegrationIcon, messagetextColor } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#252e27",
-      border_color: "#2c4732"
-    },
-    imIntegrationIcon,
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#45a159",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubbleInfo: {
-      fileName_color: "#e2e4e6",
-      fileSize_color: "#788190"
-    },
-    attachmentBubble: {
-      bg_color: "#212121",
-      border_color: "#161515"
-    },
-    imTicketLink: {
-      color: "#45a159"
-    }
-  }
-};

package/es/Theme/desk/pureDark/orangeTheme.js

@@ -1,41 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from "./commonColorVariable.js";
-import { imIntegrationIcon, messagetextColor } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#312821",
-      border_color: "#4d3421"
-    },
-    imIntegrationIcon,
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#ff801f",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubbleInfo: {
-      fileName_color: "#e2e4e6",
-      fileSize_color: "#788190"
-    },
-    attachmentBubble: {
-      bg_color: "#212121",
-      border_color: "#161515"
-    },
-    imTicketLink: {
-      color: "#ff801f"
-    }
-  }
-};

package/es/Theme/desk/pureDark/redTheme.js

@@ -1,41 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from "./commonColorVariable.js";
-import { imIntegrationIcon, messagetextColor } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#2f2424",
-      border_color: "#492A29"
-    },
-    imIntegrationIcon,
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#e94f4f",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubbleInfo: {
-      fileName_color: "#e2e4e6",
-      fileSize_color: "#788190"
-    },
-    attachmentBubble: {
-      bg_color: "#212121",
-      border_color: "#161515"
-    },
-    imTicketLink: {
-      color: "#e94f4f"
-    }
-  }
-};

package/es/Theme/desk/pureDark/yellowTheme.js

@@ -1,41 +0,0 @@
-/* eslint-disable camelcase */
-import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, messageStatusSendColor, messageStatusFailedColor, actionIconColor } from "./commonColorVariable.js";
-import { imIntegrationIcon, messagetextColor } from "../commonDeskColorVariable.js";
-export default {
-  library: "chat_components",
-  variables: {
-    messageBubble: {
-      active_bg_color: bubbleActiveBgColor,
-      messageBox_footer_text_color: "#5a616f"
-    },
-    messageBox: {
-      incoming_bg_color: incomingBubbleBgColor,
-      outgoing_bg_color: outgoingBubbleBgColor,
-      bg_color: "#f1f7fe",
-      failed_bg_color: "#fcebeb",
-      text_color: messagetextColor
-    },
-    actionIcon: {
-      color: actionIconColor,
-      bg_color: "#2e2922",
-      border_color: "#453925"
-    },
-    imIntegrationIcon,
-    messageStatus: {
-      send_color: messageStatusSendColor,
-      read_color: "#d79835",
-      failed_color: messageStatusFailedColor
-    },
-    attachmentBubbleInfo: {
-      fileName_color: "#e2e4e6",
-      fileSize_color: "#788190"
-    },
-    attachmentBubble: {
-      bg_color: "#212121",
-      border_color: "#161515"
-    },
-    imTicketLink: {
-      color: "#d79835"
-    }
-  }
-};

package/es/Video/css/cssJSLogic.js

@@ -1,14 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const videoWrapperClass = compileClassNames({
-    [style.videoWrapper]: true
-  });
-  const videoClass = compileClassNames({
-    [style.video]: true
-  });
-  return {
-    videoWrapperClass,
-    videoClass
-  };
-}

package/es/VideoBubble/css/cssJSLogic.js

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const videoBubbleClass = compileClassNames({
-    [style.videoBubble]: true
-  });
-  return {
-    videoBubbleClass
-  };
-}

package/es/icons/factory/actions/convertTicket.svg

@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
-<style type="text/css">.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}</style>
-<path d="M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843
-	c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605
-	c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957
-	c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675
-	C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033
-	C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603
-	l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z
-	 M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812
-	L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643
-	l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951
-	L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z
-	 M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365
-	l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z
-	 M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812
-	L16.541,12.209z"/>
-</svg>

package/es/icons/factory/common/quote.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M9.58,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z"/><path d="M22.28,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z"/></svg>

package/es/icons/iconSrc/actions/ConvertTicket.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import Icon from '@zohodesk/icon/es/Icon/Icon';
-export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
-    id: "Layer_1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    x: "0px",
-    y: "0px",
-    viewBox: "0 0 32 32",
-    style: {
-      "enableBackground": "new 0 0 32 32"
-    },
-    xmlSpace: "preserve"
-  }, " ", /*#__PURE__*/React.createElement("style", {
-    dangerouslySetInnerHTML: {
-      __html: `.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}`
-    }
-  }), " ", /*#__PURE__*/React.createElement("path", {
-    d: "M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843 c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605 c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957 c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675 C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033 C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603 l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812 L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643 l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951 L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365 l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812 L16.541,12.209z",
-    className: "path-0"
-  }), " "));
-}
-IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/actions/index.js

@@ -1 +0,0 @@
-export { default as ConvertTicket } from "./ConvertTicket";

package/es/icons/iconSrc/common/Quote.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import Icon from '@zohodesk/icon/es/Icon/Icon';
-export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
-    id: "Layer_1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 32 32"
-  }, " ", /*#__PURE__*/React.createElement("path", {
-    d: "M9.58,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
-    className: "path-0"
-  }), " ", /*#__PURE__*/React.createElement("path", {
-    d: "M22.28,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
-    className: "path-1"
-  }), " "));
-}
-IconComponent.propTypes = Icon.propTypes;

package/es/im/IMArticleBubble/IMArticleBubble.js

@@ -1,55 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imArticleBubbleDefaultProps from './props/defaultProps';
-import imArticleBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMArticleBubble.module.css';
-import useIMArticleBubble from '@zohoim/chat-components-hooks/es/im/IMArticleBubble/useIMArticleBubble';
-import ArticleBubble from '../../ArticleBubble/ArticleBubble';
-export default function IMArticleBubble(props) {
-  const {
-    customStyle,
-    articleCustomStyle,
-    articleDetails,
-    articleShareI18N
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imArticleBubbleClass
-  } = cssJSLogic(props, newStyle);
-  const {
-    articleURL,
-    summary,
-    title
-  } = useIMArticleBubble({
-    articleDetails
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: imArticleBubbleClass
-  }, /*#__PURE__*/React.createElement(ArticleBubble, {
-    bubbleInfo: articleShareI18N,
-    customStyle: articleCustomStyle,
-    articleURL: articleURL,
-    summary: summary,
-    title: title
-  }));
-}
-IMArticleBubble.propTypes = imArticleBubblePropTypes;
-IMArticleBubble.defaultProps = imArticleBubbleDefaultProps;
-IMArticleBubble.displayName = 'IMArticleBubble';

package/es/im/IMArticleBubble/css/cssJSLogic.js

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imArticleBubbleClass = compileClassNames({
-    [style.imArticleBubble]: true
-  });
-  return {
-    imArticleBubbleClass
-  };
-}

package/es/im/IMArticleBubble/index.js

@@ -1 +0,0 @@
-export { default as IMArticleBubble } from './IMArticleBubble';

package/es/im/IMArticleBubble/props/defaultProps.js

@@ -1,8 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imArticleBubbleDefaultProps = {
-  customStyle: dummyObject,
-  articleCustomStyle: dummyObject,
-  articleDetails: dummyObject
-};
-export default imArticleBubbleDefaultProps;

package/es/im/IMArticleBubble/props/propTypes.js

@@ -1,14 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imArticleBubblePropTypes = {
-  customStyle: PropTypes.object,
-  articleCustomStyle: PropTypes.object,
-  articleDetails: PropTypes.shape({
-    createdTime: PropTypes.string,
-    id: PropTypes.string,
-    summary: PropTypes.string,
-    title: PropTypes.string,
-    webUrl: PropTypes.string
-  })
-};
-export default imArticleBubblePropTypes;

package/es/im/IMAttachmentBubble/IMAttachmentBubble.js

@@ -1,63 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable max-len */
-
-/** ** Libraries *** */
-import React from 'react';
-
-/** ** Hooks *** */
-import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
-
-/** ** Constants *** */
-import imAttachmentBubbleDefaultProps from './props/defaultProps';
-import imAttachmentBubblePropTypes from './props/propTypes';
-
-/** ** Methods *** */
-import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from './css/cssJSLogic';
-
-/** ** Styles *** */
-import style from './css/IMAttachmentBubble.module.css';
-import AttachmentBubble from '../../AttachmentBubble/AttachmentBubble';
-import IMAttachmentIcon from '../IMAttachmentIcon/IMAttachmentIcon';
-import useIMAttachmentBubble from '@zohoim/chat-components-hooks/es/im/IMAttachmentBubble/useIMAttachmentBubble';
-export default function IMAttachmentBubble(props) {
-  const {
-    customStyle,
-    iconCustomStyle,
-    bubbleCustomStyle,
-    bubbleInfoCustomStyle,
-    attachmentDetails
-  } = props;
-
-  /* External customization */
-  const newStyle = useMergeStyle(style, customStyle);
-  /* CSS classnames added based on logic */
-  const {
-    imAttachmentBubbleClass
-  } = cssJSLogic(props, newStyle);
-  const {
-    formattedFileSize: fileSize,
-    fileName,
-    fileFormat
-  } = useIMAttachmentBubble({
-    attachmentDetails
-  });
-  function renderFileTypeIcon() {
-    return /*#__PURE__*/React.createElement(IMAttachmentIcon, {
-      customStyle: iconCustomStyle,
-      fileFormat: fileFormat
-    });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: imAttachmentBubbleClass
-  }, /*#__PURE__*/React.createElement(AttachmentBubble, {
-    customStyle: bubbleCustomStyle,
-    renderFileTypeIcon: renderFileTypeIcon,
-    fileName: fileName,
-    fileSize: fileSize,
-    bubbleInfoCustomStyle: bubbleInfoCustomStyle
-  }));
-}
-IMAttachmentBubble.propTypes = imAttachmentBubblePropTypes;
-IMAttachmentBubble.defaultProps = imAttachmentBubbleDefaultProps;
-IMAttachmentBubble.displayName = 'IMAttachmentBubble';

package/es/im/IMAttachmentBubble/css/IMAttachmentBubble.module.css

@@ -1 +0,0 @@
-

package/es/im/IMAttachmentBubble/css/cssJSLogic.js

@@ -1,10 +0,0 @@
-/** ** Methods *** */
-import { compileClassNames } from '@zohodesk/utils';
-export default function cssJSLogic(props, style) {
-  const imAttachmentBubbleClass = compileClassNames({
-    [style.imAttachmentBubble]: true
-  });
-  return {
-    imAttachmentBubbleClass
-  };
-}

package/es/im/IMAttachmentBubble/index.js

@@ -1 +0,0 @@
-export { default as IMAttachmentBubble } from './IMAttachmentBubble';

package/es/im/IMAttachmentBubble/props/defaultProps.js

@@ -1,10 +0,0 @@
-/** ** Constants *** */
-import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
-const imAttachmentBubbleDefaultProps = {
-  customStyle: dummyObject,
-  bubbleCustomStyle: dummyObject,
-  bubbleInfoCustomStyle: dummyObject,
-  iconCustomStyle: dummyObject,
-  attachmentDetails: dummyObject
-};
-export default imAttachmentBubbleDefaultProps;

package/es/im/IMAttachmentBubble/props/propTypes.js

@@ -1,16 +0,0 @@
-/** ** Libraries *** */
-import PropTypes from 'prop-types';
-const imAttachmentBubblePropTypes = {
-  customStyle: PropTypes.object,
-  iconCustomStyle: PropTypes.object,
-  bubbleCustomStyle: PropTypes.object,
-  bubbleInfoCustomStyle: PropTypes.object,
-  attachmentDetails: PropTypes.shape({
-    name: PropTypes.string,
-    size: PropTypes.string,
-    type: PropTypes.string,
-    url: PropTypes.string,
-    id: PropTypes.string
-  })
-};
-export default imAttachmentBubblePropTypes;