@royaloperahouse/chord 2.1.8-a-chord-development → 2.1.8-chord-development

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [2.1.8]
+- Add Branding Link to Compact Header
+
+## [2.1.7]
+- Footer updates
+
+## [2.1.6]
+- Add X logo
+
 ## [2.1.5]
 - Patch search bar hidden fix
 

package/dist/chord.cjs.development.js

@@ -6743,7 +6743,47 @@ var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_te
   return invert ? theme.colors.white : theme.colors.black;
 });
 
+// NOTE: This function is not SSR compatible
+
+var isSameSiteUrl = function isSameSiteUrl(url) {
+  var _window;
+
+  if (url[0] === '/') return true; // URL is relative (e.g. /about)
+
+  if (!window || !((_window = window) != null && _window.location)) return false; // window.location is not available (e.g. in SSR)
+
+  var currentPageURL = window.location.href || '';
+  var regexPattern = /^(https?:\/\/)?(www\d?\.)?([\w.-]+)\.\w+.*$/;
+  var match = url.match(regexPattern);
+
+  if (match && match[3] && currentPageURL) {
+    var urlDomain = match[3]; // Extract the domain from the third capture group
+
+    var currentMatch = currentPageURL.match(regexPattern);
+
+    if (currentMatch) {
+      var currentDomain = currentMatch[3];
+      return urlDomain === currentDomain;
+    }
+  }
+
+  return false; // URL didn't match the pattern
+}; // Hook to check if a URL is from the same site - use for SSR
+
+var useSameSiteUrl = function useSameSiteUrl(url) {
+  var _useState = React.useState(false),
+      hasSameSiteUrl = _useState[0],
+      setSameSiteUrl = _useState[1];
+
+  React.useEffect(function () {
+    setSameSiteUrl(isSameSiteUrl(url));
+  }, [url]);
+  return hasSameSiteUrl;
+};
+
 var renderBranding = function renderBranding(brandingStyle, invert, brandingText, brandingLink) {
+  var sameSiteUrl = brandingLink && useSameSiteUrl(brandingLink);
+  var target = sameSiteUrl ? '_self' : '_blank';
   var color = invert ? exports.Colors.Black : exports.Colors.White;
 
   switch (brandingStyle) {
@@ -6758,8 +6798,8 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
       });
 
     case 'TextLink':
-      return (brandingText == null ? void 0 : brandingText.trim()) && /*#__PURE__*/React__default.createElement(TextLink, {
-        target: 'blank',
+      return (brandingText == null ? void 0 : brandingText.trim()) && brandingLink && /*#__PURE__*/React__default.createElement(TextLink, {
+        target: target,
         href: brandingLink,
         color: color
       }, truncate(stripAllHtmlTags(brandingText), 25));