@bigbinary/neeto-molecules 1.0.57 → 1.0.59

package/dist/BrowserSupport.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { t as t$1 } from 'i18next';
+import { t } from 'i18next';
 import { mergeDeepLeft, uniq, concat } from 'ramda';
 import { Button, Callout, Typography } from '@bigbinary/neetoui';
 import { Trans } from 'react-i18next';
@@ -1252,11 +1252,6 @@ var platform$1 = {exports: {}};
 
 var platform = platform$1.exports;
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".neeto-ui-callout{z-index:99998}";
-n(css,{});
-
 var DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {
   Chrome: {
     softLimit: 108,
@@ -1375,7 +1370,8 @@ var classnames$1 = {exports: {}};
 var classnames = classnames$1.exports;
 
 var ContactUs = function ContactUs(_ref) {
-  var className = _ref.className;
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
   return /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.contactUs.main",
     components: {
@@ -1393,7 +1389,8 @@ var ContactUs = function ContactUs(_ref) {
 };
 
 var DownloadLink = function DownloadLink(_ref) {
-  var className = _ref.className,
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
     link = _ref.link;
   return /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.downloadLink.main",
@@ -1407,6 +1404,133 @@ var DownloadLink = function DownloadLink(_ref) {
   });
 };
 
+var UnsupportedVersionMessage = function UnsupportedVersionMessage(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    downloadPageLink = _ref.downloadPageLink,
+    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion;
+  return /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.description",
+    components: {
+      downloadLink: /*#__PURE__*/React.createElement(DownloadLink, {
+        className: className,
+        link: downloadPageLink
+      }),
+      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
+        className: className
+      })
+    },
+    values: {
+      browserName: browserName,
+      browserVersion: browserVersion,
+      requiredMinBrowserVersion: requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit
+    }
+  });
+};
+
+var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
+    downloadPageLink = _ref.downloadPageLink,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, {
+    className: "justify-center gap-0",
+    "data-testid": "browser-support-callout",
+    style: "danger"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, /*#__PURE__*/React.createElement(UnsupportedVersionMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    downloadPageLink: downloadPageLink,
+    requiredMinBrowserVersion: requiredMinBrowserVersion
+  }))), children);
+};
+
+var UnsupportedBrowserMessage = function UnsupportedBrowserMessage(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/React.createElement(Trans, {
+    components: {
+      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
+        className: className
+      })
+    },
+    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.description",
+    values: {
+      browserName: browserName,
+      browserVersion: browserVersion
+    }
+  });
+};
+
+var UnknownBrowser = function UnknownBrowser(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, {
+    className: "justify-center gap-0",
+    "data-testid": "browser-support-callout",
+    style: "danger"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion
+  }))), children);
+};
+
+var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex h-screen flex-col items-center justify-center",
+    "data-testid": "browser-support-page"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col items-center space-y-4 px-2"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "h1"
+  }, /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.title"
+  })), /*#__PURE__*/React.createElement(Typography, {
+    style: "body1"
+  }, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    className: "neeto-ui-text-body1"
+  }))));
+};
+
+var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
+    downloadPageLink = _ref.downloadPageLink;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex h-screen flex-col items-center justify-center",
+    "data-testid": "browser-support-page"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col items-center space-y-4 px-2"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "h1"
+  }, /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.title"
+  })), /*#__PURE__*/React.createElement(Typography, {
+    style: "body1"
+  }, /*#__PURE__*/React.createElement(UnsupportedVersionMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    className: "neeto-ui-text-body1",
+    downloadPageLink: downloadPageLink,
+    requiredMinBrowserVersion: requiredMinBrowserVersion
+  }))));
+};
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -1473,11 +1597,11 @@ var convertSemverToFloat = function convertSemverToFloat(browserVersion) {
     _browserVersion$split2 = _slicedToArray(_browserVersion$split, 2),
     majorVersion = _browserVersion$split2[0],
     minorVersion = _browserVersion$split2[1];
-  return parseFloat("".concat(majorVersion, ".").concat(minorVersion));
+  return parseFloat("".concat(majorVersion, ".").concat(minorVersion)) || "";
 };
 var isVersionSupported = function isVersionSupported(browserVersion, requiredMinBrowserVersion) {
-  var isBrowserFullySupported = convertSemverToFloat(browserVersion) >= (requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit);
-  var isBrowserPartiallySupported = convertSemverToFloat(browserVersion) >= (requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.hardLimit);
+  var isBrowserFullySupported = browserVersion >= (requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit);
+  var isBrowserPartiallySupported = browserVersion >= (requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.hardLimit);
   return {
     isBrowserFullySupported: isBrowserFullySupported,
     isBrowserPartiallySupported: isBrowserPartiallySupported
@@ -1492,122 +1616,6 @@ var isBrowserUnsupported = function isBrowserUnsupported(browserName, unsupporte
 var isBrowserSupported = function isBrowserSupported(browserName, supportedBrowserVersionsMap) {
   return !!supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
 };
-var getBrowserMajorVersion = function getBrowserMajorVersion(browserVersion) {
-  return String(browserVersion).split(".")[0];
-};
-
-var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
-    downloadPageLink = _ref.downloadPageLink,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, {
-    className: "justify-center gap-0",
-    "data-testid": "browser-support-callout",
-    style: "danger"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.description",
-    components: {
-      downloadLink: /*#__PURE__*/React.createElement(DownloadLink, {
-        link: downloadPageLink
-      }),
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, null)
-    },
-    values: {
-      browserName: browserName,
-      browserVersion: getBrowserMajorVersion(browserVersion),
-      requiredMinBrowserVersion: getBrowserMajorVersion(requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit)
-    }
-  }))), children);
-};
-
-var UnknownBrowser = function UnknownBrowser(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, {
-    className: "justify-center gap-0",
-    "data-testid": "browser-support-callout",
-    style: "danger"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    components: {
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, null)
-    },
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.description",
-    values: {
-      browserName: browserName,
-      browserVersion: getBrowserMajorVersion(browserVersion)
-    }
-  }))), children);
-};
-
-var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-screen flex-col items-center justify-center",
-    "data-testid": "browser-support-page"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col items-center space-y-4 px-2"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "h1"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.title"
-  })), /*#__PURE__*/React.createElement(Typography, {
-    style: "body1"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.description",
-    components: {
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
-        className: "neeto-ui-text-body1"
-      })
-    },
-    values: {
-      browserName: browserName,
-      browserVersion: getBrowserMajorVersion(browserVersion)
-    }
-  }))));
-};
-
-var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
-    downloadPageLink = _ref.downloadPageLink;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-screen flex-col items-center justify-center",
-    "data-testid": "browser-support-page"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col items-center space-y-4 px-2"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "h1"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.title"
-  })), /*#__PURE__*/React.createElement(Typography, {
-    style: "body1"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.description",
-    components: {
-      downloadLink: /*#__PURE__*/React.createElement(DownloadLink, {
-        className: "neeto-ui-text-body1",
-        link: downloadPageLink
-      }),
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
-        className: "neeto-ui-text-body1"
-      })
-    },
-    values: {
-      browserName: browserName,
-      browserVersion: getBrowserMajorVersion(browserVersion),
-      requiredMinBrowserVersion: getBrowserMajorVersion(requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit)
-    }
-  }))));
-};
 
 var BrowserSupport = function BrowserSupport(_ref) {
   var _ref$overrides = _ref.overrides,
@@ -1616,8 +1624,8 @@ var BrowserSupport = function BrowserSupport(_ref) {
     unsupportedBrowsers = _ref$unsupportedBrows === void 0 ? [] : _ref$unsupportedBrows,
     children = _ref.children;
   var platformInfo = platform.parse(navigator.userAgent);
-  var browserName = platformInfo.name || t$1("neetoMolecules.browserSupport.unknownBrowserMsg");
-  var browserVersion = platformInfo.version || "";
+  var browserName = platformInfo.name || t("neetoMolecules.browserSupport.unknownBrowserMsg");
+  var browserVersion = convertSemverToFloat(platformInfo.version || "");
   var supportedBrowserVersionsMap = mergeDeepLeft(overrides, DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS);
   var unsupportedBrowsersList = uniq(concat(UNSUPPORTED_BROWSERS, unsupportedBrowsers));
   var requiredMinBrowserVersion = getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap);