@royaloperahouse/harmonic 0.1.4 → 0.1.6

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [0.1.6]
+
+- Updated docs and branching strategy
+
+## [0.1.5]
+
+- Remove LiveChat component
+
 ## [0.1.4]
 
 - Updated iconography

package/README.GIT

@@ -1,24 +1,20 @@
 # Royal Opera House Harmonic - Front End Design System
-# Royal Opera House Harmonic - Front End Design System
 
-Welcome to The Royal Opera House Front End Design System, `@royaloperahouse/harmonic`
 Welcome to The Royal Opera House Front End Design System, `@royaloperahouse/harmonic`
 
 This package is a library of UI components intended to be used in the ROH website.
 
 It uses React, TypeScript, TSDX and Storybook.
 
-The NPM packages are published at [coming soon](https://www.npmjs.com/package/@royaloperahouse/harmonic)
+The NPM packages are published at [Royal Opera House - Harmonic](https://www.npmjs.com/package/@royaloperahouse/harmonic)
 
-The Storybook for the latest version of the library is hosted at [coming soon]()
+The Storybook for the latest version of the library is hosted at [Storybook - Harmonic] TODO: S3 deployment
 
 
 ## Prerequisites
 ---
 
 * Make sure the required package dependencies are installed using `yarn install`
-
-* If this is the first time you are working on Harmonic, make sure to run `yarn build` to build all the modules.
 * If this is the first time you are working on Harmonic, make sure to run `yarn build` to build all the modules.
 
 * **To deploy the storybook publicly** you will need credentials for the **parent** 'Royal Opera House' AWS account in your `~/.aws/credentials` file.
@@ -28,16 +24,18 @@ The Storybook for the latest version of the library is hosted at [coming soon]()
   
     *AWS 'Your Applications' page -> 'Royal Opera House' -> 'Developer Access' -> 'Command line or programmatic access'*
 
-* **To deploy a preview** for demo / QA you will need the `CHROMATIC_PROJECT_TOKEN` -- find this in 1Password
+* **To deploy a preview** for demo / QA you will need the `CHROMATIC_PROJECT_TOKEN` -- find this in 1Password. Creating your own Chromatic account is advised if multiple builds are necessary.
 
 
-* **To publish the NPM package** you will need the ROH `NPM_TOKEN` -- find this in 1Password
+* **To enable publishing to the NPM package**:
+  * Create account / log in to NPM
+  * Ask a colleague with admin rights to be added as a contributer 
+  * Generate your own ROH `NPM_TOKEN` (store this token in 1Password)
 
 
 ## Versioning
 ---
 
-We use [Semantic Versioning](https://semver.org/) for Harmonic.
 We use [Semantic Versioning](https://semver.org/) for Harmonic.
 
 Given a version number MAJOR.MINOR.PATCH, increment the:
@@ -48,7 +46,7 @@ Given a version number MAJOR.MINOR.PATCH, increment the:
 
 When you create a new release always update the `CHANGELOG` and `package.json`
 
-Increment your version from the latest stable version on (WIP)
+Increment your version from the latest stable version on [Royal Opera House - Harmonic](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions)
 
 
 ## Deploying the Storybook
@@ -73,16 +71,15 @@ You can deploy a release candidate, or work-in-progress to [Chromatic](https://w
 
 **NOTE:** you will need the `CHROMATIC_PROJECT_TOKEN` as described in *Prerequisites* above.
 
-Either set the token as a shell variable or use a `.env` file in the (WIP) root directory containing the token, as so:
+Either set the token as a shell variable or use a `.env` file in the `harmonic` root directory containing the token, as so:
 
 ```
 CHROMATIC_PROJECT_TOKEN=tokengoeshere
 ```
 
 Run:
-
 ```
-yarn deploy-storybook-dev
+CHROMATIC_PROJECT_TOKEN=tokengoeshere yarn deploy-storybook-dev
 ```
 
 to build and deploy the storybook from your repo to Chromatic.
@@ -93,7 +90,7 @@ You will find the address of your deployed storybook in the console output, look
 
 ### **3. To deploy a release version**
  
-You can deploy the contents of `./storybook-static` to S3 as a static site, which is permanently accessible at [WIP]()
+You can deploy the contents of `./storybook-static` to S3 as a static site, which is permanently accessible at [WIP] TODO: S3 deployment
 
 **NOTE:** To do this you will need the correct `AWS` credentials set up, as described in *Prerequisites* above.
 
@@ -109,18 +106,17 @@ then run:
 yarn deploy-storybook
 ```
 
-> **IMPORTANT:** This URL is intended to showcase the latest stable version of (WIP), it should be kept up to date with the main (WIP) branch and should **only** be used for release versions. If you want to deploy a development version follow the steps above under *To deploy a preview version remotely*.
+> **IMPORTANT:** This URL is intended to showcase the latest stable version of Harmonic, it should be kept up to date with the `main` Harmonic branch and should **only** be used for release versions. If you want to deploy a development version follow the steps above under *To deploy a preview version remotely*.
 
 
 ## Releasing a New Package Version
 ---
 
-This is the procedure for releasing a new Harmonic NPM package.
 This is the procedure for releasing a new Harmonic NPM package.
 
 There are two types of package:
 
-A **snapshot** can be published to use a development version of the (WIP) library in our frontend staging environments, to perform integrated, manual testing.
+A **snapshot** can be published to use a development version of the Harmonic library in our frontend staging environments, to perform integrated, manual testing.
 
 A **stable** package is published for use in production.
 
@@ -128,9 +124,9 @@ A **stable** package is published for use in production.
 
 ### **1. To release a snapshot version**
 
-> **IMPORTANT:** Make sure you always publish your **snapshots** from (WIP) after merging in your feature branch.
+> **IMPORTANT:** Make sure you always publish your **snapshots** from `development` after merging in your feature branch.
 
-For snapshots, `RELEASE_VERSION` should be the same as the latest **stable** version of the (WIP) Library, as found in (WIP), followed by an **unused** lowercase letter.
+For snapshots, `RELEASE_VERSION` should be the same as the latest **stable** version of the Harmonic Library, as found in [npm Harmonic - Versions](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions), followed by an **unused** lowercase letter.
 
 For example, if the latest stable release was 1.42.0, and the last snapshot published to NPM was 1.42.0-w, you would use RELEASE_VERSION `1.42.0-x`
 
@@ -140,19 +136,18 @@ To publish a snapshot use:
 NPM_ROH_TOKEN={NPM_TOKEN} RELEASE_VERSION={RELEASE_VERSION} yarn publish-snapshot
 ```
 
-The version published to NPM will be named, e.g. `1.42.0-a-harmonic-development`, use this to install the snapshot package in the frontend repos.
 The version published to NPM will be named, e.g. `1.42.0-a-harmonic-development`, use this to install the snapshot package in the frontend repos.
 
 ### **2. To release a stable version**
 
-> **IMPORTANT:** Make sure you always publish your **stable** packages from (WIP) after merging in your feature branch.
+> **IMPORTANT:** Make sure you always publish your **stable** packages from `main` after merging in your feature branch.
 
-For stable releases, increment your version from the latest **stable** version found on (WIP), following the rules described in *Versioning* above, and use this as `RELEASE_VERSION`. (Make sure it matches the version in your `package.json` and `CHANGELOG.md`!)
+For stable releases, increment your version from the latest **stable** version found on [npm Harmonic - Versions](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions), following the rules described in *Versioning* above, and use this as `RELEASE_VERSION`. (Make sure it matches the version in your `package.json` and `CHANGELOG.md`!)
 
 To publish a stable package use:
 
 ```bash
-wip
+NPM_ROH_TOKEN={NPM_TOKEN} RELEASE_VERSION={RELEASE_VERSION} yarn publish-release
 ```
 
 
@@ -163,11 +158,9 @@ The package is deployed to NPM, and can be installed using yarn or npm:
 
 ```bash
 npm i --save @royaloperahouse/harmonic
-npm i --save @royaloperahouse/harmonic
 ```
 ```bash
 yarn add @royaloperahouse/harmonic
-yarn add @royaloperahouse/harmonic
 ```
 
 
@@ -202,26 +195,26 @@ yarn test-storybook
 ---
 
 ### **1. Branching Model**
-* The (WIP) project lives in the `roh-components` *monorepo*
-* When working on WIP, treat the (WIP) directory as your root
-* The WIP **development** branch is currently WIP
-* The WIP **main** branch is currently WIP
-* All work should be done on a correctly named **feature branch** of the format: `issueType/ticketNumber-short-description-of-feature`, e.g. WIP
+* The Harmonic project lives in the `harmonic-library/harmonic` *repository*
+* When working on Harmonic, treat the `harmonic` directory as your root
+* The Harmonic **development** branch is for QA
+* The Harmonic **main** branch is currently for stable releases
+* All work should be done on a correctly named **feature branch** of the format: `issueType/ticketNumber-short-description-of-feature`, e.g. `feature/RD-12345-add-example-component`
 * Always create your feature branch FROM, and submit pull requests TO, the **main** branch
-* For **QA / UAT** of a WIP component in isolation: following review you should deploy a preview version to Chromatic straight from your **feature branch** _without_ merging to development
+* For **QA / UAT** of a Harmonic component in isolation: following review you should deploy a preview version to Chromatic straight from your **feature branch** _without_ merging to development
 * For releasing an **NPM snapshot**: merge your feature branch into the **development** branch and publish the NPM snapshot from there
 
 ### **2. Detailed Workflow**
 
 #### **Before review:**
 
-* Git pull the latest version of WIP
-* Checkout a new, correctly-named feature branch from WIP
+* Git pull the latest version of Harmonic from `main`
+* Checkout a new, correctly-named feature branch from `main`
 * Do your work on this feature branch
-* Run: `yarn lint`
-* Run: `yarn test`
+* Run: `yarn lint --fix`
+* Run: `yarn test -u`
 * Commit your changes
-* Create a pull request from your feature branch to WIP
+* Create a pull request from your feature branch to `main`
 * Add the appropriate reviewers
 
 #### **Before QA / UAT:**
@@ -235,10 +228,10 @@ After your PR is approved, you have two options:
 
 **ii.** For integrated testing of a component in the frontend staging environments:
 
-* Check out the WIP branch
-* Merge your work in to WIP
+* Check out the `development` branch
+* Merge your work in to `development`
 * Follow the steps above under *Publishing a New Package Version -> 1. To release a snapshot version*
-* Git push the updated WIP branch to remote
+* Git push the updated `development` branch to remote
 * Finally, in the frontend repo:
 
 1. Update the `package.json` to reference the new snapshot version
@@ -247,17 +240,17 @@ After your PR is approved, you have two options:
 
 #### **When ready for production:**
 
-* Return to your WIP **feature branch**
-* Update the WIP version in `package.json`, incrementing from the last **stable** release, found in WIP, and following the rules described in the *Versioning* section
+* Return to your Harmonic **feature branch**
+* Update the HArmonic version in `package.json`, incrementing from the last **stable** release, found in [npm Harmonic - Versions](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions), and following the rules described in the *Versioning* section
 * Update `CHANGELOG.md`, adding the new version number and a short description of your changes
-* Run: `yarn lint`
-* Run: `yarn test`
+* Run: `yarn lint --fix`
+* Run: `yarn test -u`
 * Run: `yarn test-storybook -u`
 * Run: `yarn build-storybook`
 * Git commit, push, and update your PR for final approval
-* Merge your approved PR to WIP
+* Merge your approved PR to `main`
 * Follow the steps in *Publishing a New Package Version -> 2. To release a stable version* to publish the NPM package
-* Finally, follow the steps in *Deploying The Storybook -> 3. To deploy a release version*, to update the public WIP Storybook page
+* Finally, follow the steps in *Deploying The Storybook -> 3. To deploy a release version*, to update the public Harmonic Storybook page
 
 Once you have successfully published a new release version, you can open a ticket to update to this version in any of the frontend repos.
 

package/README.md

@@ -1,5 +1,4 @@
-# Royal Opera House - harmonic 
-# Royal Opera House - harmonic 
+# Royal Opera House - Harmonic
 
 Welcome to The Royal Opera House Harmonic library components  `@royaloperahouse/harmonic`.
 
@@ -55,14 +54,16 @@ const App = ({ children }: InnerProps): React.ReactElement => (
 ```
 
 ## Components
+(Complete)
+ControlledDropdown, ImageProportion, Typography (Display, Header, Subtitle,BodyCopy, Overline, ButtonText, Caption, NavigationText, TextLink)
 
-WIP
+(WIP)
+Colors, Footer, Iconography, Navigation, Tab, Tabs, TabLink
 
-## Types
-
-WIP
+(TODO / Legacy)
+Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, Card, Cards, Carousel, CinemaBadge, ContactCard, devices, Editorial, GlobalStyles, Grid, GridItem, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, TertiaryButton, TextOnly, Tickbox, TitleWithCTA, ThemeProvider, TypeTags, Quote
 
 
 ## Documentation
 
-See Storybook as a reference
+[See Storybook as a reference] TODO: S3 deployment

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
 import { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './Typography';
 import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls } from './atoms';
-import { AnchorTabBar, Footer, LiveChat, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
+import { AnchorTabBar, Footer, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
 import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Table, Tabs, TextOnly, UpsellCard, Quote, VideoWithControls } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
 export { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, VideoWithControls, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, };

package/dist/components/organisms/index.d.ts

@@ -3,7 +3,6 @@ import { Footer } from './Footer';
 import AnchorTabBar from './AnchorTabBar';
 import TitleWithCTA from './TitleWithCTA';
 import UpsellSection from './UpsellSection';
-import { LiveChat } from './LiveChat';
 import StickyBar from './StickyBar';
 import ModalWindow from './ModalWindow';
-export { AnchorTabBar, Footer, LiveChat, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };
+export { AnchorTabBar, Footer, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };

package/dist/harmonic.cjs.development.js

@@ -10363,53 +10363,6 @@ var UpsellSection = function UpsellSection(_ref) {
   })))));
 };
 
-// Below data retrieved from royaloperahouse.mytalkdesk.com
-var SCRIPT_SRC = 'https://talkdeskchatsdk.talkdeskapp.com/talkdeskchatsdk.js?t=';
-var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
-var DATA_ORG = '';
-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 + "80";
-var THEME_COLOR_BLACK = core.colors.black;
-var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
-var THEME_COLOR_WHITE = core.colors.white;
-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);
-  if (!existingScript) {
-    var liveChatDiv = document.createElement('div');
-    liveChatDiv.id = DIV_ID;
-    liveChatDiv.setAttribute('data-bind', DATA_BIND);
-    liveChatDiv.setAttribute('data-org', DATA_ORG);
-    var script = document.createElement('script');
-    var scriptBody = document.createTextNode(SCRIPT_CONTENT);
-    script.appendChild(scriptBody);
-    document.body.appendChild(liveChatDiv);
-    document.body.appendChild(script);
-    script.onload = function () {
-      if (callback) callback();
-    };
-  }
-  if (existingScript && callback) callback();
-};
-var LiveChat = function LiveChat() {
-  // eslint-disable-next-line
-  var _React$useState = React.useState(false),
-    loaded = _React$useState[0],
-    setLoaded = _React$useState[1];
-  React.useEffect(function () {
-    loadLiveChatScript(function () {
-      setLoaded(true);
-    });
-  });
-  return /*#__PURE__*/React.createElement("span", {
-    "data-loaded": loaded
-  });
-};
-
 var _templateObject$1j, _templateObject2$Y;
 var StickyBarWrapper = /*#__PURE__*/styled__default.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);
 var StickyBarGrid = /*#__PURE__*/styled__default(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) {
@@ -11532,7 +11485,6 @@ exports.Icon = Icon;
 exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
 exports.ImageWithCaption = ImageWithCaption;
 exports.Information = Information;
-exports.LiveChat = LiveChat;
 exports.MiniCard = MiniCard;
 exports.ModalWindow = ModalWindow;
 exports.Navigation = Navigation;