@royaloperahouse/harmonic 0.1.4 → 0.1.6
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 +8 -0
- package/README.GIT +38 -45
- package/README.md +8 -7
- package/dist/components/index.d.ts +2 -2
- package/dist/components/organisms/index.d.ts +1 -2
- package/dist/harmonic.cjs.development.js +0 -48
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +1 -48
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/organisms/LiveChat/LiveChat.d.ts +0 -3
- package/dist/components/organisms/LiveChat/index.d.ts +0 -2
package/dist/harmonic.esm.js
CHANGED
|
@@ -10395,53 +10395,6 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
10395
10395
|
})))));
|
|
10396
10396
|
};
|
|
10397
10397
|
|
|
10398
|
-
// Below data retrieved from royaloperahouse.mytalkdesk.com
|
|
10399
|
-
var SCRIPT_SRC = 'https://talkdeskchatsdk.talkdeskapp.com/talkdeskchatsdk.js?t=';
|
|
10400
|
-
var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
|
|
10401
|
-
var DATA_ORG = '';
|
|
10402
|
-
var DIV_ID = 'tdWebchat';
|
|
10403
|
-
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
10404
|
-
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
10405
|
-
var THEME_COLOR = core.colors.core;
|
|
10406
|
-
var THEME_COLOR_LIGHT = core.colors.core + "80";
|
|
10407
|
-
var THEME_COLOR_BLACK = core.colors.black;
|
|
10408
|
-
var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
|
|
10409
|
-
var THEME_COLOR_WHITE = core.colors.white;
|
|
10410
|
-
var THEME_COLOR_MIDGREY = core.colors.midgrey;
|
|
10411
|
-
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);";
|
|
10412
|
-
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
10413
|
-
var existingScript = document.getElementById(DIV_ID);
|
|
10414
|
-
if (!existingScript) {
|
|
10415
|
-
var liveChatDiv = document.createElement('div');
|
|
10416
|
-
liveChatDiv.id = DIV_ID;
|
|
10417
|
-
liveChatDiv.setAttribute('data-bind', DATA_BIND);
|
|
10418
|
-
liveChatDiv.setAttribute('data-org', DATA_ORG);
|
|
10419
|
-
var script = document.createElement('script');
|
|
10420
|
-
var scriptBody = document.createTextNode(SCRIPT_CONTENT);
|
|
10421
|
-
script.appendChild(scriptBody);
|
|
10422
|
-
document.body.appendChild(liveChatDiv);
|
|
10423
|
-
document.body.appendChild(script);
|
|
10424
|
-
script.onload = function () {
|
|
10425
|
-
if (callback) callback();
|
|
10426
|
-
};
|
|
10427
|
-
}
|
|
10428
|
-
if (existingScript && callback) callback();
|
|
10429
|
-
};
|
|
10430
|
-
var LiveChat = function LiveChat() {
|
|
10431
|
-
// eslint-disable-next-line
|
|
10432
|
-
var _React$useState = useState(false),
|
|
10433
|
-
loaded = _React$useState[0],
|
|
10434
|
-
setLoaded = _React$useState[1];
|
|
10435
|
-
useEffect(function () {
|
|
10436
|
-
loadLiveChatScript(function () {
|
|
10437
|
-
setLoaded(true);
|
|
10438
|
-
});
|
|
10439
|
-
});
|
|
10440
|
-
return /*#__PURE__*/createElement("span", {
|
|
10441
|
-
"data-loaded": loaded
|
|
10442
|
-
});
|
|
10443
|
-
};
|
|
10444
|
-
|
|
10445
10398
|
var _templateObject$1j, _templateObject2$Y;
|
|
10446
10399
|
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10447
10400
|
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
@@ -11539,5 +11492,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templa
|
|
|
11539
11492
|
return theme.footer.tablet.paddingBottom;
|
|
11540
11493
|
}, devices.desktop, devices.largeDesktop);
|
|
11541
11494
|
|
|
11542
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, IInformationBackgroundColour, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information,
|
|
11495
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, IInformationBackgroundColour, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
|
|
11543
11496
|
//# sourceMappingURL=harmonic.esm.js.map
|