@zohoim/chat-components 0.0.19 → 0.0.20

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

@@ -20,7 +20,7 @@ export default {
       fileName_color: '#e2e4e6',
       fileName_color_failed: failedColor,
       fileSize_color: '#999',
-      fileSize_color_failed: failedColor
+      fileSize_color_failed: '#788190'
     },
     // AttachmentIcon: {},
     // Audio: {},
@@ -42,7 +42,9 @@ export default {
     imIntegrationIcon,
     imTtIcon,
     // IMMessage: {},
-    // IMMessageContent: {},
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
     imMessageMeta: {
       time_color: '#999'
     },
@@ -55,7 +57,9 @@ export default {
       bg_color: '#212121',
       bg_color_failed: failedBg,
       alt_text_color: '#e2e4e6',
-      alt_text_color_failed: failedColor
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
     },
     // IMReplyBubble: {},
     // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
       failed_color: messageStatusFailedColor
     },
     // MoreActionItem: {},
-    // ReplyBubble: {},
+    replyBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
     replyBubbleContent: {
       bg_color: '#212121',
       bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
       see_more_color_failed: failedUrlColor,
       url_color: primaryGreen,
       url_color_failed: failedUrlColor
-    } // Video: {},
-    // VideoBubble: {}
-
+    },
+    // Video: {},
+    videoBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    }
   }
 };

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

@@ -20,7 +20,7 @@ export default {
       fileName_color: '#e2e4e6',
       fileName_color_failed: failedColor,
       fileSize_color: '#999',
-      fileSize_color_failed: failedColor
+      fileSize_color_failed: '#788190'
     },
     // AttachmentIcon: {},
     // Audio: {},
@@ -42,7 +42,9 @@ export default {
     imIntegrationIcon,
     imTtIcon,
     // IMMessage: {},
-    // IMMessageContent: {},
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
     imMessageMeta: {
       time_color: '#999'
     },
@@ -55,7 +57,9 @@ export default {
       bg_color: '#212121',
       bg_color_failed: failedBg,
       alt_text_color: '#e2e4e6',
-      alt_text_color_failed: failedColor
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
     },
     // IMReplyBubble: {},
     // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
       failed_color: messageStatusFailedColor
     },
     // MoreActionItem: {},
-    // ReplyBubble: {},
+    replyBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
     replyBubbleContent: {
       bg_color: '#212121',
       bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
       see_more_color_failed: failedUrlColor,
       url_color: primaryOrange,
       url_color_failed: failedUrlColor
-    } // Video: {},
-    // VideoBubble: {}
-
+    },
+    // Video: {},
+    videoBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    }
   }
 };

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

@@ -20,7 +20,7 @@ export default {
       fileName_color: '#e2e4e6',
       fileName_color_failed: failedColor,
       fileSize_color: '#999',
-      fileSize_color_failed: failedColor
+      fileSize_color_failed: '#788190'
     },
     // AttachmentIcon: {},
     // Audio: {},
@@ -42,7 +42,9 @@ export default {
     imIntegrationIcon,
     imTtIcon,
     // IMMessage: {},
-    // IMMessageContent: {},
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
     imMessageMeta: {
       time_color: '#999'
     },
@@ -55,7 +57,9 @@ export default {
       bg_color: '#212121',
       bg_color_failed: failedBg,
       alt_text_color: '#e2e4e6',
-      alt_text_color_failed: failedColor
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
     },
     // IMReplyBubble: {},
     // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
       failed_color: messageStatusFailedColor
     },
     // MoreActionItem: {},
-    // ReplyBubble: {},
+    replyBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
     replyBubbleContent: {
       bg_color: '#212121',
       bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
       see_more_color_failed: failedUrlColor,
       url_color: primaryRed,
       url_color_failed: failedUrlColor
-    } // Video: {},
-    // VideoBubble: {}
-
+    },
+    // Video: {},
+    videoBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    }
   }
 };

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

@@ -20,7 +20,7 @@ export default {
       fileName_color: '#e2e4e6',
       fileName_color_failed: failedColor,
       fileSize_color: '#999',
-      fileSize_color_failed: failedColor
+      fileSize_color_failed: '#788190'
     },
     // AttachmentIcon: {},
     // Audio: {},
@@ -42,7 +42,9 @@ export default {
     imIntegrationIcon,
     imTtIcon,
     // IMMessage: {},
-    // IMMessageContent: {},
+    imMessageContent: {
+      text_color: '#a8b0bd'
+    },
     imMessageMeta: {
       time_color: '#999'
     },
@@ -55,7 +57,9 @@ export default {
       bg_color: '#212121',
       bg_color_failed: failedBg,
       alt_text_color: '#e2e4e6',
-      alt_text_color_failed: failedColor
+      alt_text_color_failed: failedColor,
+      border_color: '#161515',
+      border_color_failed: failedBdr
     },
     // IMReplyBubble: {},
     // InfoBubble: {},
@@ -92,7 +96,10 @@ export default {
       failed_color: messageStatusFailedColor
     },
     // MoreActionItem: {},
-    // ReplyBubble: {},
+    replyBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    },
     replyBubbleContent: {
       bg_color: '#212121',
       bg_color_failed: failedBg,
@@ -118,8 +125,11 @@ export default {
       see_more_color_failed: failedUrlColor,
       url_color: primaryYellow,
       url_color_failed: failedUrlColor
-    } // Video: {},
-    // VideoBubble: {}
-
+    },
+    // Video: {},
+    videoBubble: {
+      border_color: '#161515',
+      border_color_failed: failedBdr
+    }
   }
 };

package/es/Video/css/Video.module.css

@@ -1,4 +1,5 @@
 .video {
   max-height: 100% ;
   width: 100% ;
+  border-radius: 3px;
 }

package/es/VideoBubble/VideoBubble.js

@@ -18,6 +18,9 @@ import style from './css/VideoBubble.module.css';
 import { Box } from '@zohodesk/components/es/Layout';
 import MediaBubbleWrapper from '../MediaBubbleWrapper/MediaBubbleWrapper';
 import Video from '../Video/Video';
+/** ** Methods *** */
+
+import cssJSLogic from './css/cssJSLogic';
 export default function VideoBubble(props) {
   const {
     customStyle,
@@ -32,18 +35,25 @@ export default function VideoBubble(props) {
   /* External CSS Customization */
 
   const newStyle = useMergeStyle(style, customStyle);
+  /* css classnames added based on logic */
+
+  const {
+    videoBubbleClass
+  } = cssJSLogic({
+    isFailed
+  }, newStyle);
   const renderMedia = useCallback(_ref => {
     let {
       fileURL,
       fileType
     } = _ref;
     return /*#__PURE__*/React.createElement(Box, {
-      className: newStyle.videoBubble
+      className: videoBubbleClass
     }, /*#__PURE__*/React.createElement(Video, _extends({
       fileType: fileType,
       fileURL: fileURL
     }, videoProps)));
-  }, [videoProps, newStyle.videoBubble]);
+  }, [videoProps, videoBubbleClass]);
   return /*#__PURE__*/React.createElement(MediaBubbleWrapper, _extends({
     mediaDetails: videoDetails,
     renderMedia: renderMedia

package/es/VideoBubble/css/VideoBubble.module.css

@@ -1,4 +1,12 @@
-.videoBubble {
+.videoWrapper {
   width: var(--zd_size360) ;
   max-width: 100% ;
+  height: var(--zd_size193) ;
+  background-color: #000;
+  border-radius: 3px;
+  border: 1px solid var(--imlib_chat_components_videoBubble_border_color);
+}
+
+.videoWrapperFailed{
+  border-color: var(--imlib_chat_components_videoBubble_border_color_failed);
 }

package/es/VideoBubble/css/cssJSLogic.js

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

package/es/im/IMIntegrationIcon/IMIntegrationIcon.js

@@ -1,15 +1,6 @@
 /** ** Libraries *** */
-import React, { useCallback, useMemo } from 'react';
-/** ** Icons *** */
-
-import WhatsappIcon from '../../icons/iconSrc/integrations/ChWhatsApp';
-import TelegramIcon from '../../icons/iconSrc/integrations/TtTelegram';
-import InstagramIcon from '../../icons/iconSrc/integrations/ChInstagram';
-import ASAPIcon from '../../icons/iconSrc/integrations/TtASAP';
-import WeChatIcon from '../../icons/iconSrc/integrations/TtWechat';
-import TwillioIcon from '../../icons/iconSrc/integrations/TtTwillio';
-import LineIcon from '../../icons/iconSrc/integrations/TtLine'; // import TwitterIcon from '../icons/iconSrc/integrations/TtTwitter';
-
+import React, { useCallback } from 'react';
+import Icon from '@zohodesk/icons/es/Icon';
 /** ** CSS *** */
 
 import style from './css/IMIntegrationIcon.module.css';
@@ -25,21 +16,18 @@ import integrationConstants from '@zohoim/chat-components-utils/es/imUtils/const
 const {
   WHATSAPP,
   TELEGRAM,
-  INSTAGRAM,
   ASAP,
   WECHAT,
   TWILLIO,
   LINE
 } = integrationConstants;
-const integrationIconMapping = {
-  [WHATSAPP]: WhatsappIcon,
-  [TELEGRAM]: TelegramIcon,
-  [INSTAGRAM]: InstagramIcon,
-  [ASAP]: ASAPIcon,
-  [WECHAT]: WeChatIcon,
-  [TWILLIO]: TwillioIcon,
-  [LINE]: LineIcon // [TWITTER]: TwitterIcon
-
+const fontIconMap = {
+  [TWILLIO]: 'ZD-TT-imtwillio',
+  [WHATSAPP]: 'ZD-TT-whatsApp',
+  [TELEGRAM]: 'ZD-TT-imTelegram',
+  [WECHAT]: 'ZD-TT-imWeChat',
+  [LINE]: 'ZD-TT-imLine',
+  [ASAP]: 'ZD-TT-imASAP'
 };
 export default function IMIntegrationIcon(props) {
   const {
@@ -56,25 +44,23 @@ export default function IMIntegrationIcon(props) {
   /* css classnames added based on logic */
 
   const {
-    iconWrapperClass,
-    iconClass
+    iconWrapperClass
   } = cssJSLogic({
     integrationName,
     size
   }, newStyle);
-  const iconStyle = useMemo(() => ({
-    base: iconClass
-  }), [iconClass]);
   const renderDefaultIcon = useCallback(() => {
-    const IntegrationIcon = integrationIconMapping[integrationName] || null;
-    return IntegrationIcon ? /*#__PURE__*/React.createElement("div", {
+    const iconName = fontIconMap[integrationName];
+    return iconName ? /*#__PURE__*/React.createElement("div", {
       className: iconWrapperClass,
       "data-title": title,
       onClick: onClick
-    }, /*#__PURE__*/React.createElement(IntegrationIcon, {
-      customStyle: iconStyle
+    }, /*#__PURE__*/React.createElement(Icon, {
+      iconClass: newStyle.fontIcon,
+      name: iconName,
+      size: "12"
     })) : null;
-  }, [integrationName, title, onClick, iconWrapperClass, iconStyle]);
+  }, [integrationName, title, onClick, iconWrapperClass, newStyle.fontIcon]);
   return renderCustomIcon ? renderCustomIcon({
     integrationName
   }) : renderDefaultIcon();

package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css

@@ -88,3 +88,11 @@
 .asapIcon {
   background-color: var(--imlib_chat_components_imIntegrationIcon_asap_color);
 }
+
+.fontIcon :global .path1::before {
+  color:  var(--imlib_chat_components_imIntegrationIcon_path0_color);;
+}
+
+.fontIcon :global .path2::before {
+  color:var(--imlib_chat_components_imIntegrationIcon_path1_color);
+}

package/es/im/IMMessage/IMMessage.js

@@ -42,7 +42,7 @@ export default function IMMessage(props) {
     onLoadFullMessage,
     onClickReply,
     onTicketClick,
-    onMessageContentClick,
+    messageContentClickMapping,
     customStyle,
     customProps
   } = props;
@@ -57,11 +57,14 @@ export default function IMMessage(props) {
     isHighlightMessage,
     needSender,
     isShowSender,
-    isShowMessageTime
+    isShowMessageTime,
+    isShowMessageStatus
   } = messageDisplayProps;
   const newStyle = useMergeStyle(style, customStyle);
   const {
     direction,
+    isIncoming,
+    isOutgoing,
     // isBot,
     senderSrc,
     senderAlternateSrc,
@@ -72,6 +75,7 @@ export default function IMMessage(props) {
     // messageType,
     messageStatus,
     isFailedMessage,
+    isSendingMessage,
     isAgentMessage,
     messageStatusTitle,
     dateTimeDetails,
@@ -107,21 +111,23 @@ export default function IMMessage(props) {
   const handleRenderMessage = useCallback(() => /*#__PURE__*/React.createElement(IMMessageContent, _extends({
     deleteMessageText: deleteMessageText,
     isFailed: isFailedMessage,
+    isSending: isSendingMessage,
+    messageContentClickMapping: messageContentClickMapping,
     messageDetails: messageDetails,
-    onClick: onMessageContentClick,
     onClickReply: onClickReply,
     onLoadFullMessage: onLoadFullMessage,
     replyText: replyText,
     seeMoreText: seeMoreText,
     sessionDetails: sessionDetails
-  }, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, onMessageContentClick, onLoadFullMessage, onClickReply, isFailedMessage, imMessageContentProps]);
+  }, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps]);
   /** ** Render Secondary Actions - TicketId *** */
 
   const handleRenderSecondaryActions = useCallback(() => {
     const {
       imTicketLinkClass
     } = cssJSLogic({
-      messageDetails
+      isIncoming,
+      isOutgoing
     }, newStyle);
     const customStyle = {
       text: imTicketLinkClass
@@ -133,7 +139,7 @@ export default function IMMessage(props) {
       onClick: onTicketClick,
       text: ticketNumber ? `#${ticketNumber}` : ''
     }, imTicketLinkProps));
-  }, [ticketNumber, ticketUrl, ticketId, onTicketClick, imTicketLinkProps, messageDetails, newStyle]);
+  }, [ticketNumber, ticketUrl, ticketId, onTicketClick, imTicketLinkProps, newStyle, isIncoming, isOutgoing]);
   /** ** Render Owner Status Icon *** */
 
   const handleRenderIntegIcon = useCallback(() => /*#__PURE__*/React.createElement(IMIntegrationIcon, _extends({
@@ -168,6 +174,7 @@ export default function IMMessage(props) {
     actions: actions,
     direction: direction,
     isActive: isHighlightMessage,
+    isShowMessageStatus: isShowMessageStatus,
     isShowSender: isShowSender,
     needSender: needSender,
     onMouseEnterAction: onMouseEnterAction,

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

@@ -1,21 +1,13 @@
 /** ** Methods *** */
 import { compileClassNames } from '@zohodesk/utils';
-import getMessageDirectionType from '@zohoim/chat-components-utils/es/imUtils/getMessageDirection';
-/** ** Constants *** */
-
-import { direction as directionConstants } from '@zohoim/chat-components-utils/es/constants/messageConstants';
 export default function cssJSLogic(props, style) {
   const {
-    messageDetails
+    isIncoming,
+    isOutgoing
   } = props;
-  const {
-    direction
-  } = getMessageDirectionType({
-    messageDetails
-  });
   const imTicketLinkClass = compileClassNames({
-    [style.ticketLinkLeft]: directionConstants.OUT === direction,
-    [style.ticketLinkRight]: directionConstants.IN === direction
+    [style.ticketLinkLeft]: isOutgoing,
+    [style.ticketLinkRight]: isIncoming
   });
   return {
     imTicketLinkClass

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

@@ -7,6 +7,8 @@ const imMessageDefaultProps = {
   sessionDetails: dummyObject,
   messageStatusI18N: dummyObject,
   customProps: dummyObject,
-  customStyle: dummyObject
+  customStyle: dummyObject,
+  messageDisplayProps: dummyObject,
+  messageContentClickMapping: dummyObject
 };
 export default imMessageDefaultProps;

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

@@ -61,6 +61,7 @@ const imMessagePropTypes = {
   }),
   messageDisplayProps: PropTypes.shape({
     isHighlightMessage: PropTypes.bool,
+    isShowMessageStatus: PropTypes.bool,
     isShowMessageTime: PropTypes.bool,
     isShowSender: PropTypes.bool,
     needSender: PropTypes.bool
@@ -102,7 +103,7 @@ const imMessagePropTypes = {
   onLoadFullMessage: PropTypes.func,
   onClickReply: PropTypes.func,
   onTicketClick: PropTypes.func,
-  onMessageContentClick: PropTypes.func,
+  messageContentClickMapping: PropTypes.object,
   customStyle: PropTypes.object,
   customProps: PropTypes.shape({
     imIntegrationIconProps: PropTypes.object,

package/es/im/IMMessageContent/IMMessageContent.js

@@ -38,7 +38,9 @@ export default function IMMessageContent(props) {
     customProps,
     renderCustomMessage,
     onClick: propOnClick,
-    isFailed
+    isFailed,
+    isSending,
+    messageContentClickMapping
   } = props;
   const {
     imReplyBubbleProps = dummyObject,
@@ -49,6 +51,10 @@ export default function IMMessageContent(props) {
     audioBubbleProps = dummyObject,
     attachmentBubbleProps = dummyObject
   } = customProps;
+  const {
+    onImageBubbleClick,
+    onAttachmentBubbleClick
+  } = messageContentClickMapping;
   const {
     isShowLayoutBubble,
     isShowReplyBubble,
@@ -62,8 +68,7 @@ export default function IMMessageContent(props) {
     isShowDeleteBubble,
     replyToMessageDetails: replyToMessage,
     attachmentDetails,
-    locationUrl,
-    onClick
+    locationUrl
   } = useIMMessageContent({
     messageDetails,
     onClick: propOnClick
@@ -72,8 +77,7 @@ export default function IMMessageContent(props) {
 
   const newStyle = useMergeStyle(style, customStyle);
   const wrapperDivProps = {
-    className: newStyle.messageContentRow,
-    onClick
+    className: newStyle.messageContentRow
   };
   return /*#__PURE__*/React.createElement(Fragment, null, isShowLayoutBubble ? null : null, isShowDeleteBubble ? /*#__PURE__*/React.createElement("div", {
     className: newStyle.deleteBubble
@@ -87,7 +91,9 @@ export default function IMMessageContent(props) {
     isFailed
   }) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(ImageBubble, _extends({
     imageDetails: attachmentDetails,
-    isFailed: isFailed
+    isFailed: isFailed,
+    isSending: isSending,
+    onClick: onImageBubbleClick
   }, imageBubbleProps))) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(VideoBubble, _extends({
     isFailed: isFailed,
     videoDetails: attachmentDetails
@@ -96,7 +102,8 @@ export default function IMMessageContent(props) {
     isFailed: isFailed
   }, audioBubbleProps))) : null, isShowAttachmentBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(AttachmentBubble, _extends({
     attachmentDetails: attachmentDetails,
-    isFailed: isFailed
+    isFailed: isFailed,
+    onClick: onAttachmentBubbleClick
   }, attachmentBubbleProps))) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(LocationBubble, _extends({
     isFailed: isFailed,
     locationUrl: locationUrl

package/es/im/IMMessageContent/css/IMMessageContent.module.css

@@ -4,4 +4,5 @@
 
 .deleteBubble {
   font-style: italic;
+  color: var(--imlib_chat_components_imMessageContent_text_color);
 }

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

@@ -2,6 +2,7 @@
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 const imMessageContentDefaultProps = {
   customStyle: dummyObject,
-  customProps: dummyObject
+  customProps: dummyObject,
+  messageContentClickMapping: dummyObject
 };
 export default imMessageContentDefaultProps;

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

@@ -27,6 +27,7 @@ const imMessageContentPropTypes = {
     id: PropTypes.string
   }),
   onClick: PropTypes.func,
+  messageContentClickMapping: PropTypes.object,
   onLoadFullMessage: PropTypes.func,
   onClickReply: PropTypes.func,
   seeMoreText: PropTypes.string,
@@ -43,6 +44,7 @@ const imMessageContentPropTypes = {
     locationBubbleProps: PropTypes.object,
     videoBubbleProps: PropTypes.object
   }),
-  isFailed: PropTypes.bool
+  isFailed: PropTypes.bool,
+  isSending: PropTypes.bool
 };
 export default imMessageContentPropTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "Chat Components",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -32,11 +32,12 @@
     "@zohodesk/components": "1.0.0-alpha-259",
     "@zohodesk/hooks": "1.3.12",
     "@zohodesk/icon": "1.3.12",
+    "@zohodesk/icons": "1.0.7",
     "@zohodesk/utils": "1.3.9",
     "@zohodesk/variables": "1.0.0-beta.30",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^0.0.17",
-    "@zohoim/chat-components-utils": "^0.0.16"
+    "@zohoim/chat-components-hooks": "^0.0.18",
+    "@zohoim/chat-components-utils": "^0.0.17"
   },
   "devDependencies": {
     "@zohodesk-private/css-variable-migrator": "1.0.1",
@@ -44,5 +45,5 @@
     "jsdom": "22.1.0",
     "react-to-jsx": "1.3.2"
   },
-  "gitHead": "fd40ae8f16de17a0a0239b5c71c7448cf374bbca"
+  "gitHead": "8ddb3ec73ad57fdb8e9b3eb909d348936f6f2077"
 }