@bigbinary/neeto-molecules 1.0.51 → 1.0.53

package/dist/BrowserSupport.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { t } from 'i18next';
+import { t as t$1 } from 'i18next';
+import { mergeDeepLeft, uniq, concat } from 'ramda';
 import { Button, Callout, Typography } from '@bigbinary/neetoui';
-import { mergeLeft } from 'ramda';
 import { Trans } from 'react-i18next';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1252,20 +1252,54 @@ 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: 79,
-  MicrosoftEdge: 104,
-  Firefox: 91,
-  IE: 11,
-  Opera: 73,
-  Safari: 12.2,
-  AndroidBrowser: 4.4,
-  OperaMini: 1,
-  ChromeMobile: 105,
-  FirefoxMobile: 104,
-  UCBrowser: 13.4,
-  SamsungInternet: 4
+  Chrome: {
+    softLimit: 108,
+    hardLimit: 70
+  },
+  MicrosoftEdge: {
+    softLimit: 108,
+    hardLimit: 106
+  },
+  Firefox: {
+    softLimit: 102,
+    hardLimit: 90
+  },
+  IE: {
+    softLimit: 11,
+    hardLimit: 11
+  },
+  Opera: {
+    softLimit: 93,
+    hardLimit: 89
+  },
+  Safari: {
+    softLimit: 14.5,
+    hardLimit: 12
+  },
+  ChromeMobile: {
+    softLimit: 109,
+    hardLimit: 105
+  },
+  FirefoxMobile: {
+    softLimit: 109,
+    hardLimit: 105
+  },
+  UCBrowser: {
+    softLimit: 13.4,
+    hardLimit: 13.0
+  },
+  SamsungInternet: {
+    softLimit: 18,
+    hardLimit: 4
+  }
 };
+var UNSUPPORTED_BROWSERS = ["AndroidBrowser", "OperaMini"];
 var BROWSER_UPGRADE_PAGE_LINKS = {
   Chrome: "https://www.google.com/chrome/update",
   MicrosoftEdge: "https://support.microsoft.com/en-us/topic/microsoft-edge-update-settings-af8aaca2-1b69-4870-94fe-18822dbb7ef1#:~:text=Update%20once,Download%20and%20install%20to%20proceed",
@@ -1273,21 +1307,80 @@ var BROWSER_UPGRADE_PAGE_LINKS = {
   IE: "https://support.microsoft.com/en-us/topic/microsoft-edge-update-settings-af8aaca2-1b69-4870-94fe-18822dbb7ef1#:~:text=Update%20once,Download%20and%20install%20to%20proceed",
   Opera: "https://help.opera.com/en/latest/crashes-and-issues/#updateBrowser",
   Safari: "https://support.apple.com/en-in/HT204416",
-  AndroidBrowser: "https://play.google.com/store/apps/details?id=com.android.chrome&hl=en_IN&gl=US",
-  OperaMini: "https://play.google.com/store/apps/details?id=com.opera.mini.native&hl=en_IN&gl=US&pli=1",
   ChromeMobile: "https://play.google.com/store/apps/details?id=com.android.chrome&hl=en_IN&gl=US",
   FirefoxMobile: "https://play.google.com/store/apps/details?id=org.mozilla.firefox&hl=en_IN&gl=US",
   UCBrowser: "https://play.google.com/store/apps/details?id=com.UCMobile.intl&hl=en_IN&gl=US",
   SamsungInternet: "https://play.google.com/store/apps/details?id=com.sec.android.app.sbrowser&hl=en_IN&gl=US"
 };
 
-var ContactUs = function ContactUs() {
+var classnames$1 = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+
+var classnames = classnames$1.exports;
+
+var ContactUs = function ContactUs(_ref) {
+  var className = _ref.className;
   return /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.contactUs.main",
     components: {
       button: /*#__PURE__*/React.createElement(Button, {
-        className: "ml-1",
-        label: t("neetoMolecules.browserSupport.contactUs.buttonLabel"),
+        className: classnames("ml-1", className),
         style: "link",
         onClick: function onClick() {
           var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
@@ -1299,6 +1392,21 @@ var ContactUs = function ContactUs() {
   });
 };
 
+var DownloadLink = function DownloadLink(_ref) {
+  var className = _ref.className,
+    link = _ref.link;
+  return /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "neetoMolecules.browserSupport.downloadLink.main",
+    components: {
+      button: /*#__PURE__*/React.createElement(Button, {
+        className: className,
+        href: link,
+        style: "link"
+      })
+    }
+  });
+};
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -1368,45 +1476,102 @@ var convertSemverToFloat = function convertSemverToFloat(browserVersion) {
   return parseFloat("".concat(majorVersion, ".").concat(minorVersion));
 };
 var isVersionSupported = function isVersionSupported(browserVersion, requiredMinBrowserVersion) {
-  return convertSemverToFloat(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);
+  return {
+    isBrowserFullySupported: isBrowserFullySupported,
+    isBrowserPartiallySupported: isBrowserPartiallySupported
+  };
 };
 var buildDownloadPageLink = function buildDownloadPageLink(browserName) {
   return BROWSER_UPGRADE_PAGE_LINKS[convertToPlatformBrowserName(browserName)];
 };
-var isBrowserNameInTheSupportedList = function isBrowserNameInTheSupportedList(browserName, supportedBrowserVersionsMap) {
+var isBrowserUnsupported = function isBrowserUnsupported(browserName, unsupportedBrowsersList) {
+  return unsupportedBrowsersList.includes(convertToPlatformBrowserName(browserName));
+};
+var isBrowserSupported = function isBrowserSupported(browserName, supportedBrowserVersionsMap) {
   return !!supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
 };
 var getBrowserMajorVersion = function getBrowserMajorVersion(browserVersion) {
   return String(browserVersion).split(".")[0];
 };
 
-var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
+var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_ref) {
   var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion;
-  return /*#__PURE__*/React.createElement(Trans, {
+    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",
+    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.description",
     values: {
       browserName: browserName,
       browserVersion: getBrowserMajorVersion(browserVersion)
     }
-  });
+  }))), children);
 };
 
-var DownloadLink = function DownloadLink(_ref) {
-  var link = _ref.link;
-  return /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.downloadLink.main",
+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: {
-      button: /*#__PURE__*/React.createElement(Button, {
-        href: link,
-        label: t("neetoMolecules.browserSupport.downloadLink.buttonLabel"),
-        style: "link"
+      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
+        className: "neeto-ui-text-body1"
       })
+    },
+    values: {
+      browserName: browserName,
+      browserVersion: getBrowserMajorVersion(browserVersion)
     }
-  });
+  }))));
 };
 
 var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
@@ -1414,49 +1579,81 @@ var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
     browserVersion = _ref.browserVersion,
     requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
     downloadPageLink = _ref.downloadPageLink;
-  return /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion",
+  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, null)
+      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
+        className: "neeto-ui-text-body1"
+      })
     },
     values: {
       browserName: browserName,
       browserVersion: getBrowserMajorVersion(browserVersion),
-      requiredMinBrowserVersion: getBrowserMajorVersion(requiredMinBrowserVersion)
+      requiredMinBrowserVersion: getBrowserMajorVersion(requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit)
     }
-  });
+  }))));
 };
 
 var BrowserSupport = function BrowserSupport(_ref) {
   var _ref$overrides = _ref.overrides,
-    overrides = _ref$overrides === void 0 ? {} : _ref$overrides;
+    overrides = _ref$overrides === void 0 ? {} : _ref$overrides,
+    _ref$unsupportedBrows = _ref.unsupportedBrowsers,
+    unsupportedBrowsers = _ref$unsupportedBrows === void 0 ? [] : _ref$unsupportedBrows,
+    children = _ref.children;
   var platformInfo = platform.parse(navigator.userAgent);
-  var browserName = platformInfo.name || t("neetoMolecules.browserSupport.unknownBrowserMsg");
+  var browserName = platformInfo.name || t$1("neetoMolecules.browserSupport.unknownBrowserMsg");
   var browserVersion = platformInfo.version || "";
-  var supportedBrowserVersionsMap = mergeLeft(overrides, DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS);
+  var supportedBrowserVersionsMap = mergeDeepLeft(overrides, DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS);
+  var unsupportedBrowsersList = uniq(concat(UNSUPPORTED_BROWSERS, unsupportedBrowsers));
   var requiredMinBrowserVersion = getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap);
-  var isUsersBrowserSupported = isVersionSupported(browserVersion, requiredMinBrowserVersion);
+  var isUnsupportedBrowser = isBrowserUnsupported(browserName, unsupportedBrowsersList);
+  if (isUnsupportedBrowser) {
+    return /*#__PURE__*/React.createElement(UnsupportedBrowser, {
+      browserName: browserName,
+      browserVersion: browserVersion
+    });
+  }
+  var isKnownBrowser = isBrowserSupported(browserName, supportedBrowserVersionsMap);
+  if (!isKnownBrowser) {
+    return /*#__PURE__*/React.createElement(UnknownBrowser, {
+      browserName: browserName,
+      browserVersion: browserVersion
+    }, children);
+  }
+  var _isVersionSupported = isVersionSupported(browserVersion, requiredMinBrowserVersion),
+    isBrowserFullySupported = _isVersionSupported.isBrowserFullySupported,
+    isBrowserPartiallySupported = _isVersionSupported.isBrowserPartiallySupported;
   var downloadPageLink = buildDownloadPageLink(browserName);
-  var isUnsupportedBrowserVersion = isBrowserNameInTheSupportedList(browserName, supportedBrowserVersionsMap);
-  if (isUsersBrowserSupported) return null;
-  return /*#__PURE__*/React.createElement(Callout, {
-    className: "neeto-ui-rounded-none justify-center gap-0",
-    "data-testid": "browser-support-callout",
-    style: "danger"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, isUnsupportedBrowserVersion ? /*#__PURE__*/React.createElement(UnsupportedBrowserVersion, {
+  if (isBrowserFullySupported) return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  if (isBrowserPartiallySupported) {
+    return /*#__PURE__*/React.createElement(PartialSupportedBrowserVersion, {
+      browserName: browserName,
+      browserVersion: browserVersion,
+      downloadPageLink: downloadPageLink,
+      requiredMinBrowserVersion: requiredMinBrowserVersion
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(UnsupportedBrowserVersion, {
     browserName: browserName,
     browserVersion: browserVersion,
     downloadPageLink: downloadPageLink,
     requiredMinBrowserVersion: requiredMinBrowserVersion
-  }) : /*#__PURE__*/React.createElement(UnsupportedBrowser, {
-    browserName: browserName,
-    browserVersion: browserVersion
-  })));
+  });
 };
 
 export { BrowserSupport as default };