@carbonplan/components 10.3.0 → 10.4.0

package/dst/index.esm.js

@@ -73,6 +73,12 @@ var event = function event(_ref) {
       category = _ref.category,
       label = _ref.label,
       value = _ref.value;
+
+  if (typeof window.gtag !== 'function') {
+    console.warn("Missing window.gtag, skipping analytics action: '" + action + "'.");
+    return;
+  }
+
   window.gtag('event', action, {
     event_category: category,
     event_label: label,
@@ -1376,6 +1382,77 @@ var Footer = function Footer() {
   }))));
 };
 
+var GitSha = function GitSha() {
+  var sha = process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA;
+  var owner = process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_OWNER;
+  var slug = process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_SLUG;
+
+  var _useThemeUI = useThemeUI(),
+      theme = _useThemeUI.theme;
+
+  var color = theme.rawColors.secondary;
+
+  if (sha && owner && slug) {
+    var shortSha = sha.substring(0, 7);
+    var href = 'https://github.com/' + owner + '/' + slug + '/tree/' + sha;
+    return /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/React.createElement(Separator, {
+      color: color
+    }), /*#__PURE__*/React.createElement(Link$1, {
+      href: href,
+      sx: {
+        whiteSpace: 'nowrap',
+        display: 'inline-block',
+        ml: [2],
+        fontFamily: 'mono',
+        letterSpacing: 'body',
+        color: color,
+        fontSize: [1],
+        textTransform: 'uppercase',
+        textDecoration: 'none'
+      }
+    }, shortSha));
+  } else {
+    // fallback
+    return /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/React.createElement(Separator, {
+      color: color
+    }), /*#__PURE__*/React.createElement(Text, {
+      sx: {
+        whiteSpace: 'nowrap',
+        display: 'inline-block',
+        ml: [2],
+        fontFamily: 'mono',
+        letterSpacing: 'body',
+        color: color,
+        fontSize: [1],
+        textTransform: 'uppercase'
+      }
+    }, color));
+  }
+};
+
+var Separator = function Separator(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React.createElement("svg", {
+    fill: color,
+    opacity: "0.8",
+    viewBox: "0 0 24 24",
+    width: "24",
+    height: "24"
+  }, /*#__PURE__*/React.createElement("circle", {
+    r: 5,
+    cx: 19,
+    cy: 19
+  }));
+};
+
 var Value = function Value(_ref) {
   var mode = _ref.mode;
 
@@ -1425,11 +1502,6 @@ var Value = function Value(_ref) {
 
 var Metadata = function Metadata(_ref2) {
   var mode = _ref2.mode;
-
-  var _useThemeUI = useThemeUI(),
-      theme = _useThemeUI.theme;
-
-  var color = theme.rawColors.secondary;
   return /*#__PURE__*/React.createElement(Box, {
     sx: {
       userSelect: 'none',
@@ -1442,28 +1514,7 @@ var Metadata = function Metadata(_ref2) {
     }
   }, /*#__PURE__*/React.createElement(Value, {
     mode: mode
-  }), /*#__PURE__*/React.createElement("svg", {
-    fill: color,
-    opacity: "0.8",
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24"
-  }, /*#__PURE__*/React.createElement("circle", {
-    r: 5,
-    cx: 19,
-    cy: 19
-  })), /*#__PURE__*/React.createElement(Text, {
-    sx: {
-      whiteSpace: 'nowrap',
-      display: 'inline-block',
-      ml: [2],
-      fontFamily: 'mono',
-      letterSpacing: 'body',
-      color: 'secondary',
-      fontSize: [1],
-      textTransform: 'uppercase'
-    }
-  }, color));
+  }), /*#__PURE__*/React.createElement(GitSha, null));
 };
 
 function init(mode) {