@royaloperahouse/chord 0.7.38 → 0.7.39

package/CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## [0.7.39]
+- Livechat: restyling
+
 ## [0.7.38]
 - PromoWithTitle: add styles for headings
 

package/dist/chord.cjs.development.js

@@ -102,7 +102,8 @@ var fontFamilies = {
   gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
   gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
   sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
-  sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics'
+  sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics',
+  sansSerifFallback: 'Montserrat, sans-serif'
 };
 var common = {
   fonts: {
@@ -558,7 +559,8 @@ var cinema = /*#__PURE__*/_extends({}, common, {
 var themes = {
   core: core,
   stream: stream,
-  cinema: cinema
+  cinema: cinema,
+  fontFamilies: fontFamilies
 };
 
 var _templateObject$2;
@@ -4680,12 +4682,17 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
 };
 
 var SCRIPT_SRC = 'https://talkdeskchatsdk.talkdeskapp.com/talkdeskchatsdk.js?t=';
-var THEME_COLOR = core.colors.core;
 var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
 var DATA_ORG = '';
 var DIV_ID = 'tdWebchat';
-var THEME_ICON = 'https://static.roh.org.uk/images/logo-crest.png';
-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    \"chatThemeColor\": \"" + THEME_COLOR + "\",\n    \"chatTitleIcon\": \"" + THEME_ICON + "\"\n  }}\n);";
+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_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 loadLiveChatScript = function loadLiveChatScript(callback) {
   var existingScript = document.getElementById(DIV_ID);