@royaloperahouse/chord 0.7.40 → 0.7.42
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.
- package/CHANGELOG.md +6 -0
- package/dist/chord.cjs.development.js +8 -7
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +8 -7
- package/dist/chord.esm.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4688,11 +4688,12 @@ var DIV_ID = 'tdWebchat';
|
|
|
4688
4688
|
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
4689
4689
|
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
4690
4690
|
var THEME_COLOR = core.colors.core;
|
|
4691
|
-
var THEME_COLOR_LIGHT = core.colors.core + '
|
|
4692
|
-
var
|
|
4691
|
+
var THEME_COLOR_LIGHT = core.colors.core + '80';
|
|
4692
|
+
var THEME_COLOR_BLACK = core.colors.black;
|
|
4693
|
+
var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
|
|
4693
4694
|
var THEME_COLOR_WHITE = core.colors.white;
|
|
4694
|
-
|
|
4695
|
-
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 \"
|
|
4695
|
+
var THEME_COLOR_MIDGREY = core.colors.midgrey;
|
|
4696
|
+
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);";
|
|
4696
4697
|
|
|
4697
4698
|
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
4698
4699
|
var existingScript = document.getElementById(DIV_ID);
|
|
@@ -5572,13 +5573,13 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5572
5573
|
}, children)), /*#__PURE__*/React__default.createElement(PromoWithTagsContentWrapper, {
|
|
5573
5574
|
"data-testid": "content-wrapper",
|
|
5574
5575
|
imageToLeft: imageToLeft
|
|
5575
|
-
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, (aboveTitleTags
|
|
5576
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, !!(aboveTitleTags != null && aboveTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5576
5577
|
marginBottom: 16
|
|
5577
5578
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5578
5579
|
list: aboveTitleTags
|
|
5579
5580
|
})), /*#__PURE__*/React__default.createElement(Header, {
|
|
5580
5581
|
level: titleLevel
|
|
5581
|
-
}, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), (underTitleTags
|
|
5582
|
+
}, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(underTitleTags != null && underTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5582
5583
|
marginBottom: 4
|
|
5583
5584
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5584
5585
|
list: underTitleTags
|
|
@@ -5594,7 +5595,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5594
5595
|
dangerouslySetInnerHTML: {
|
|
5595
5596
|
__html: bottomText
|
|
5596
5597
|
}
|
|
5597
|
-
}), (textLinks
|
|
5598
|
+
}), !!(textLinks != null && textLinks.length) && /*#__PURE__*/React__default.createElement(TextLinksContainer, null, textLinkItems), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$2, {
|
|
5598
5599
|
hasTextLinks: !!(textLinks != null && textLinks.length),
|
|
5599
5600
|
"data-testid": "buttons-wrapper",
|
|
5600
5601
|
primaryButtonTextLength: primaryButtonText.length,
|