@zohoim/chat-components 1.2.3-beta-5 → 1.2.3-beta-7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/assets/Appearance/dark/mode/General_DarkMode.module.css +0 -2
  2. package/assets/Appearance/light/mode/General_LightMode.module.css +0 -2
  3. package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css +0 -2
  4. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +2 -4
  5. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +0 -6
  6. package/es/im/IMIntegrationIcon/css/cssJSLogic.js +2 -5
  7. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +0 -5
  8. package/lib/im/IMIntegrationIcon/IMIntegrationIcon.js +2 -3
  9. package/lib/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +0 -6
  10. package/lib/im/IMIntegrationIcon/css/cssJSLogic.js +2 -4
  11. package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css +0 -5
  12. package/package.json +15 -15
package/assets/Appearance/dark/mode/General_DarkMode.module.css CHANGED
@@ -12,7 +12,6 @@
12
12
  --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
13
13
  --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
14
14
  --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(214, 48.62%, calc(50.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
16
15
 
17
16
  /* two tone icon colors */
18
17
  --imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
@@ -36,7 +35,6 @@
36
35
  --imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
36
  --imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
37
  --imlib_chat_components_imMessageMeta_time_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
- --imlib_chat_components_imMessageMeta_icon_color: hsla(218, 6.90%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
38
  --imlib_chat_components_imAutoMessageInfo_text_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
39
  --imlib_chat_components_messageBubble_messageBox_footer_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
42
40
  --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/mode/General_LightMode.module.css CHANGED
@@ -12,7 +12,6 @@
12
12
  --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
13
13
  --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
14
14
  --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(214, 48.62%, calc(50.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
16
15
 
17
16
  /* two tone icon colors */
18
17
  --imlib_chat_components_imTtIcon_path0_color: rgba(200,203,220,0.7);
@@ -36,7 +35,6 @@
36
35
  --imlib_chat_components_articleBubble_summary_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
36
  --imlib_chat_components_imMessageContent_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
37
  --imlib_chat_components_imMessageMeta_time_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
- --imlib_chat_components_imMessageMeta_icon_color: hsla(240, 1.29%, calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
38
  --imlib_chat_components_imAutoMessageInfo_text_color: hsla(240, 1.29%, calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
39
  --imlib_chat_components_messageBubble_messageBox_footer_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
42
40
  --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css CHANGED
@@ -12,7 +12,6 @@
12
12
  --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
13
13
  --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
14
14
  --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(214, 48.62%, calc(50.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
16
15
 
17
16
  /* two tone icon colors */
18
17
  --imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
@@ -36,7 +35,6 @@
36
35
  --imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
36
  --imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
37
  --imlib_chat_components_imMessageMeta_time_color: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
- --imlib_chat_components_imMessageMeta_icon_color: hsla(0, 0.00%, calc(59.22% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
38
  --imlib_chat_components_imAutoMessageInfo_text_color: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
39
  --imlib_chat_components_messageBubble_messageBox_footer_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
42
40
  --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/es/im/IMIntegrationIcon/IMIntegrationIcon.js CHANGED
@@ -21,8 +21,7 @@ const {
21
21
  TWILLIO,
22
22
  LINE,
23
23
  FACEBOOKMESSENGER,
24
- INSTAGRAM,
25
- WECOM
24
+ INSTAGRAM
26
25
  } = integrationConstants;
27
26
  const fontIconMap = {
28
27
  [TWILLIO]: 'ZD-TT-imtwillio',
@@ -32,8 +31,7 @@ const fontIconMap = {
32
31
  [LINE]: 'ZD-TT-imLine',
33
32
  [IM_TALK]: 'ZD-TT-imASAP',
34
33
  [FACEBOOKMESSENGER]: 'ZD-TT-fbMessanger',
35
- [INSTAGRAM]: 'ZD-TT-instagram',
36
- [WECOM]: 'ZD-TT-weCom'
34
+ [INSTAGRAM]: 'ZD-TT-instagram'
37
35
  };
38
36
  export default function IMIntegrationIcon(props) {
39
37
  const {
package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css CHANGED
@@ -70,9 +70,3 @@
70
70
  .fontIcon :global .path2::before {
71
71
  color: var(--imlib_chat_components_imIntegrationIcon_path1_color) !important;
72
72
  }
73
-
74
- .weComIcon{
75
- background-color: var(
76
- --imlib_chat_components_imIntegrationIcon_weCom_color
77
- );
78
- }
package/es/im/IMIntegrationIcon/css/cssJSLogic.js CHANGED
@@ -12,8 +12,7 @@ const {
12
12
  WECHAT,
13
13
  TWILLIO,
14
14
  LINE,
15
- FACEBOOKMESSENGER,
16
- WECOM
15
+ FACEBOOKMESSENGER
17
16
  } = integrationConstants;
18
17
  export default function cssJSLogic(props, style) {
19
18
  const {
@@ -28,7 +27,6 @@ export default function cssJSLogic(props, style) {
28
27
  const isTwillioIcon = integrationName === TWILLIO;
29
28
  const isLineIcon = integrationName === LINE;
30
29
  const isFbIcon = integrationName === FACEBOOKMESSENGER;
31
- const isWeComIcon = integrationName === WECOM;
32
30
  const isSmall = size === sizes.SMALL;
33
31
  const isMedium = size === sizes.MEDIUM;
34
32
  const iconWrapperClass = compileClassNames({
@@ -42,8 +40,7 @@ export default function cssJSLogic(props, style) {
42
40
  [style.weChatIcon]: isWeChatIcon,
43
41
  [style.twillioIcon]: isTwillioIcon,
44
42
  [style.lineIcon]: isLineIcon,
45
- [style.fbIcon]: isFbIcon,
46
- [style.weComIcon]: isWeComIcon
43
+ [style.fbIcon]: isFbIcon
47
44
  });
48
45
  const iconClass = compileClassNames({
49
46
  [style.small]: isSmall,
package/es/im/IMMessageMeta/css/IMMessageMeta.module.css CHANGED
@@ -48,11 +48,6 @@
48
48
  height: var(--zd_size14) ;
49
49
  }
50
50
 
51
- .iconWrapper{
52
- display: flex;
53
- color: var(--imlib_chat_components_imMessageMeta_icon_color);
54
- }
55
-
56
51
  [dir=ltr] .iconWrapper{
57
52
  margin-right: var(--zd_size4) ;
58
53
  }
package/lib/im/IMIntegrationIcon/IMIntegrationIcon.js CHANGED
@@ -40,9 +40,8 @@ var WHATSAPP = _integrationConstants["default"].WHATSAPP,
40
40
  TWILLIO = _integrationConstants["default"].TWILLIO,
41
41
  LINE = _integrationConstants["default"].LINE,
42
42
  FACEBOOKMESSENGER = _integrationConstants["default"].FACEBOOKMESSENGER,
43
- INSTAGRAM = _integrationConstants["default"].INSTAGRAM,
44
- WECOM = _integrationConstants["default"].WECOM;
45
- var fontIconMap = (_fontIconMap = {}, _defineProperty(_fontIconMap, TWILLIO, 'ZD-TT-imtwillio'), _defineProperty(_fontIconMap, WHATSAPP, 'ZD-TT-whatsApp'), _defineProperty(_fontIconMap, TELEGRAM, 'ZD-TT-imTelegram'), _defineProperty(_fontIconMap, WECHAT, 'ZD-TT-imWeChat'), _defineProperty(_fontIconMap, LINE, 'ZD-TT-imLine'), _defineProperty(_fontIconMap, IM_TALK, 'ZD-TT-imASAP'), _defineProperty(_fontIconMap, FACEBOOKMESSENGER, 'ZD-TT-fbMessanger'), _defineProperty(_fontIconMap, INSTAGRAM, 'ZD-TT-instagram'), _defineProperty(_fontIconMap, WECOM, 'ZD-TT-weCom'), _fontIconMap);
43
+ INSTAGRAM = _integrationConstants["default"].INSTAGRAM;
44
+ var fontIconMap = (_fontIconMap = {}, _defineProperty(_fontIconMap, TWILLIO, 'ZD-TT-imtwillio'), _defineProperty(_fontIconMap, WHATSAPP, 'ZD-TT-whatsApp'), _defineProperty(_fontIconMap, TELEGRAM, 'ZD-TT-imTelegram'), _defineProperty(_fontIconMap, WECHAT, 'ZD-TT-imWeChat'), _defineProperty(_fontIconMap, LINE, 'ZD-TT-imLine'), _defineProperty(_fontIconMap, IM_TALK, 'ZD-TT-imASAP'), _defineProperty(_fontIconMap, FACEBOOKMESSENGER, 'ZD-TT-fbMessanger'), _defineProperty(_fontIconMap, INSTAGRAM, 'ZD-TT-instagram'), _fontIconMap);
46
45
 
47
46
  function IMIntegrationIcon(props) {
48
47
  var customStyle = props.customStyle,
package/lib/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css CHANGED
@@ -70,9 +70,3 @@
70
70
  .fontIcon :global .path2::before {
71
71
  color: var(--imlib_chat_components_imIntegrationIcon_path1_color) !important;
72
72
  }
73
-
74
- .weComIcon{
75
- background-color: var(
76
- --imlib_chat_components_imIntegrationIcon_weCom_color
77
- );
78
- }
package/lib/im/IMIntegrationIcon/css/cssJSLogic.js CHANGED
@@ -22,8 +22,7 @@ var WHATSAPP = _integrationConstants["default"].WHATSAPP,
22
22
  WECHAT = _integrationConstants["default"].WECHAT,
23
23
  TWILLIO = _integrationConstants["default"].TWILLIO,
24
24
  LINE = _integrationConstants["default"].LINE,
25
- FACEBOOKMESSENGER = _integrationConstants["default"].FACEBOOKMESSENGER,
26
- WECOM = _integrationConstants["default"].WECOM;
25
+ FACEBOOKMESSENGER = _integrationConstants["default"].FACEBOOKMESSENGER;
27
26
 
28
27
  function cssJSLogic(props, style) {
29
28
  var _compileClassNames, _compileClassNames2;
@@ -38,10 +37,9 @@ function cssJSLogic(props, style) {
38
37
  var isTwillioIcon = integrationName === TWILLIO;
39
38
  var isLineIcon = integrationName === LINE;
40
39
  var isFbIcon = integrationName === FACEBOOKMESSENGER;
41
- var isWeComIcon = integrationName === WECOM;
42
40
  var isSmall = size === _sizes["default"].SMALL;
43
41
  var isMedium = size === _sizes["default"].MEDIUM;
44
- var iconWrapperClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.integrationIcon, true), _defineProperty(_compileClassNames, style.small, isSmall), _defineProperty(_compileClassNames, style.medium, isMedium), _defineProperty(_compileClassNames, style.whatsappIcon, isWhatsAppIcon), _defineProperty(_compileClassNames, style.telegramIcon, isTelegramIcon), _defineProperty(_compileClassNames, style.instagramIcon, isInstagramIcon), _defineProperty(_compileClassNames, style.asapIcon, isIMTalkIcon), _defineProperty(_compileClassNames, style.weChatIcon, isWeChatIcon), _defineProperty(_compileClassNames, style.twillioIcon, isTwillioIcon), _defineProperty(_compileClassNames, style.lineIcon, isLineIcon), _defineProperty(_compileClassNames, style.fbIcon, isFbIcon), _defineProperty(_compileClassNames, style.weComIcon, isWeComIcon), _compileClassNames));
42
+ var iconWrapperClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.integrationIcon, true), _defineProperty(_compileClassNames, style.small, isSmall), _defineProperty(_compileClassNames, style.medium, isMedium), _defineProperty(_compileClassNames, style.whatsappIcon, isWhatsAppIcon), _defineProperty(_compileClassNames, style.telegramIcon, isTelegramIcon), _defineProperty(_compileClassNames, style.instagramIcon, isInstagramIcon), _defineProperty(_compileClassNames, style.asapIcon, isIMTalkIcon), _defineProperty(_compileClassNames, style.weChatIcon, isWeChatIcon), _defineProperty(_compileClassNames, style.twillioIcon, isTwillioIcon), _defineProperty(_compileClassNames, style.lineIcon, isLineIcon), _defineProperty(_compileClassNames, style.fbIcon, isFbIcon), _compileClassNames));
45
43
  var iconClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.small, isSmall), _defineProperty(_compileClassNames2, style.medium, isMedium), _compileClassNames2));
46
44
  return {
47
45
  iconWrapperClass: iconWrapperClass,
package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css CHANGED
@@ -48,11 +48,6 @@
48
48
  height: var(--zd_size14) ;
49
49
  }
50
50
 
51
- .iconWrapper{
52
- display: flex;
53
- color: var(--imlib_chat_components_imMessageMeta_icon_color);
54
- }
55
-
56
51
  [dir=ltr] .iconWrapper{
57
52
  margin-right: var(--zd_size4) ;
58
53
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohoim/chat-components",
3
- "version": "1.2.3-beta-5",
3
+ "version": "1.2.3-beta-7",
4
4
  "description": "Chat Components",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -36,17 +36,17 @@
36
36
  "@zohodesk-private/color-variable-preprocessor": "1.2.1",
37
37
  "@zohodesk-private/css-variable-migrator": "1.0.8",
38
38
  "@zohodesk/a11y": "2.3.8",
39
- "@zohodesk/components": "1.4.3",
39
+ "@zohodesk/components": "1.6.0",
40
40
  "@zohodesk/hooks": "2.0.5",
41
41
  "@zohodesk/icon": "1.3.15",
42
- "@zohodesk/icons": "1.0.79",
42
+ "@zohodesk/icons": "1.1.7",
43
43
  "@zohodesk/normalizer": "1.0.2",
44
- "@zohodesk/svg": "1.1.31",
45
- "@zohodesk/utils": "1.3.14",
46
- "@zohodesk/variables": "1.0.0",
44
+ "@zohodesk/svg": "1.3.0",
45
+ "@zohodesk/utils": "1.3.16",
46
+ "@zohodesk/variables": "1.2.0",
47
47
  "@zohodesk/virtualizer": "1.0.13",
48
- "@zohoim/chat-components-hooks": "1.2.3-beta-3",
49
- "@zohoim/chat-components-utils": "1.2.3-beta-3",
48
+ "@zohoim/chat-components-hooks": "1.2.3",
49
+ "@zohoim/chat-components-utils": "1.2.3",
50
50
  "html-to-react": "1.7.0 ",
51
51
  "jsdom": "23.0.0",
52
52
  "react-sortable-hoc": "1.11.0",
@@ -56,17 +56,17 @@
56
56
  "peerDependencies": {
57
57
  "@zoho/SecurityJS": "7.2.4",
58
58
  "@zohodesk/a11y": "2.3.8",
59
- "@zohodesk/components": "1.4.3",
59
+ "@zohodesk/components": "1.6.0",
60
60
  "@zohodesk/hooks": "2.0.5",
61
61
  "@zohodesk/icon": "1.3.15",
62
- "@zohodesk/icons": "1.0.79",
62
+ "@zohodesk/icons": "1.1.7",
63
63
  "@zohodesk/normalizer": "1.0.2",
64
- "@zohodesk/svg": "1.1.31",
65
- "@zohodesk/utils": "1.3.14",
66
- "@zohodesk/variables": "1.0.0",
64
+ "@zohodesk/svg": "1.3.0",
65
+ "@zohodesk/utils": "1.3.16",
66
+ "@zohodesk/variables": "1.2.0",
67
67
  "@zohodesk/virtualizer": "1.0.13",
68
- "@zohoim/chat-components-hooks": "1.2.3-beta-3",
69
- "@zohoim/chat-components-utils": "1.2.3-beta-3",
68
+ "@zohoim/chat-components-hooks": "1.2.3",
69
+ "@zohoim/chat-components-utils": "1.2.3",
70
70
  "react-sortable-hoc": "1.11.0",
71
71
  "velocity-react": "1.4.3"
72
72
  }