@royaloperahouse/chord 0.7.41 → 0.7.43

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## [0.7.43]
+- AnchorTabBar: fix the typo in the name of the component
+- PromoWithTags: increase spacing between tags and body text
+- PromoWithTags: change prop name for subtags
+
+## [0.7.42]
+- Livechat: Add more branded fields
+
 ## [0.7.41]
 - PromoWithTags: convert the checks value to boolean
 

package/dist/chord.cjs.development.js

@@ -4042,7 +4042,7 @@ var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$4 || (_temp
 
 var _excluded$7 = ["id", "text"];
 
-var AnchorTapBar = function AnchorTapBar(_ref) {
+var AnchorTabBar = function AnchorTabBar(_ref) {
   var tabs = _ref.tabs,
       onTabClick = _ref.onTabClick,
       activeTab = _ref.activeTab;
@@ -4688,11 +4688,12 @@ var DIV_ID = 'tdWebchat';
 var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
 var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
 var THEME_COLOR = core.colors.core;
-var THEME_COLOR_LIGHT = core.colors.core + '99';
-var THEME_COLOR_USER = core.colors.lightgrey;
+var THEME_COLOR_LIGHT = core.colors.core + '80';
+var THEME_COLOR_BLACK = core.colors.black;
+var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
 var THEME_COLOR_WHITE = core.colors.white;
-console.log(THEME_FONT_BODY);
-var SCRIPT_CONTENT = "var webchat;\n((window, document, node, props, configs) => {\n  if (window.TalkdeskChatSDK) {\n    console.error(\"TalkdeskChatSDK already included\");\n    return;\n  }\n  var divContainer = document.createElement(\"div\");\n  divContainer.id = node;\n  document.body.appendChild(divContainer);\n  var currentDate = new Date().getTime();\n  var src = \"" + SCRIPT_SRC + "\" + currentDate;\n  var script = document.createElement(\"script\");\n  var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n  script.type = \"text/javascript\";\n  script.charset = \"UTF-8\";\n  script.id = \"tdwebchatscript\";\n  script.src = src;\n  script.async = true;\n  firstScriptTag.parentNode.insertBefore(script, firstScriptTag);\n  script.onload = () => {\n    webchat = TalkdeskChatSDK(node, props);\n    webchat.init(configs);\n  };\n})(\n  window,\n  document,\n  \"" + DIV_ID + "\",\n  { flowId: \"cd19d348b5fb4a0ab0d3277686f28d1e\", accountId: \"\", region: \"td-us-1\" },\n  { enableEmoji: true, enableUserInput: true, styles :{\n    \"botIcon\": \"" + THEME_ICON + "\",\n    \"chatTitle\": \"Royal Opera House\",\n    \"chatThemeColor\": \"" + THEME_COLOR + "\",\n    \"chatTitleIcon\": \"" + THEME_ICON + "\",\n    \"customButtonColor\" : \"" + THEME_COLOR + "\",\n    \"customButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n    \"customButtonBorderColor\": \"" + THEME_COLOR + "\",\n    \"customButtonColor\": \"" + THEME_COLOR_WHITE + "\",\n    \"userBackgroundColor\":\"" + THEME_COLOR_USER + "\",\n    \"welcomeMessageBackgroundColor\": \"" + THEME_COLOR_LIGHT + "\",\n    \"welcomeMessageContentFontSize\": \"18px\",\n    \"welcomeMessageTitleFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"welcomeMessageContentFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customMessageFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customMessageNoBubbleFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customFieldLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customFieldInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customDropdownLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customDropdownInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n  }}\n);";
+var THEME_COLOR_MIDGREY = core.colors.midgrey;
+var SCRIPT_CONTENT = "var webchat;\n((window, document, node, props, configs) => {\n  if (window.TalkdeskChatSDK) {\n    console.error(\"TalkdeskChatSDK already included\");\n    return;\n  }\n  var divContainer = document.createElement(\"div\");\n  divContainer.id = node;\n  document.body.appendChild(divContainer);\n  var currentDate = new Date().getTime();\n  var src = \"" + SCRIPT_SRC + "\" + currentDate;\n  var script = document.createElement(\"script\");\n  var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n  script.type = \"text/javascript\";\n  script.charset = \"UTF-8\";\n  script.id = \"tdwebchatscript\";\n  script.src = src;\n  script.async = true;\n  firstScriptTag.parentNode.insertBefore(script, firstScriptTag);\n  script.onload = () => {\n    webchat = TalkdeskChatSDK(node, props);\n    webchat.init(configs);\n  };\n})(\n  window,\n  document,\n  \"" + DIV_ID + "\",\n  { flowId: \"cd19d348b5fb4a0ab0d3277686f28d1e\", accountId: \"\", region: \"td-us-1\" },\n  { enableEmoji: true, enableUserInput: true, styles :{\n    \"botIcon\": \"" + THEME_ICON + "\",\n    \"botBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n    \"botTextColor\": \"" + THEME_COLOR_BLACK + "\",\n    \"chatTitle\": \"Royal Opera House\",\n    \"chatThemeColor\": \"" + THEME_COLOR + "\",\n    \"chatTitleIcon\": \"" + THEME_ICON + "\",\n    \"customButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n    \"customButtonBorderColor\": \"" + THEME_COLOR + "\",\n    \"customButtonColor\": \"" + THEME_COLOR_WHITE + "\",\n    \"userBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n    \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n    \"userBackgroundColor\":\"" + THEME_COLOR_MIDGREY + "\",\n    \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n    \"welcomeMessageBackgroundColor\": \"" + THEME_COLOR_LIGHT + "\",\n    \"welcomeMessageContentFontSize\": \"18px\",\n    \"welcomeMessageTitleFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"welcomeMessageContentFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customMessageFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customMessageNoBubbleFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customFieldLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customFieldInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customDropdownLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"customDropdownInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n    \"startChatButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n    \"startChatButtonBorderColor\": \"" + THEME_COLOR + "\",\n    \"startChatButtonTextColor\": \"" + THEME_COLOR_WHITE + "\",\n    \"startChatButtonHoverBackgroundColor\": \"" + THEME_COLOR + "\",\n    \"startChatButtonHoverBorderColor\": \"" + THEME_COLOR + "\",\n    \"startChatButtonHoverTextColor\": \"" + THEME_COLOR_WHITE + "\",\n    \"startChatButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n  }}\n);";
 
 var loadLiveChatScript = function loadLiveChatScript(callback) {
   var existingScript = document.getElementById(DIV_ID);
@@ -5529,7 +5530,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
       links = _ref.links,
       children = _ref.children,
       aboveTitleTags = _ref.aboveTitleTags,
-      underTitleTags = _ref.underTitleTags,
+      belowTitleTags = _ref.belowTitleTags,
       middleText = _ref.middleText,
       bottomText = _ref.bottomText;
 
@@ -5578,10 +5579,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
     list: aboveTitleTags
   })), /*#__PURE__*/React__default.createElement(Header, {
     level: titleLevel
-  }, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(underTitleTags != null && underTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
-    marginBottom: 4
+  }, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(belowTitleTags != null && belowTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
+    marginBottom: 8
   }, /*#__PURE__*/React__default.createElement(TypeTags, {
-    list: underTitleTags
+    list: belowTitleTags
   })), /*#__PURE__*/React__default.createElement(PromoWithTagsText, {
     dangerouslySetInnerHTML: {
       __html: text
@@ -6751,7 +6752,7 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$U || (_
 exports.Accordion = Accordion;
 exports.Accordions = Accordions;
 exports.AltHeader = AltHeader;
-exports.AnchorTapBar = AnchorTapBar;
+exports.AnchorTabBar = AnchorTabBar;
 exports.AnnouncementBanner = AnnouncementBanner;
 exports.BodyText = BodyText;
 exports.Card = Card;