@bigbinary/neeto-molecules 1.0.60 → 1.0.62

package/dist/BrowserSupport.js

@@ -1,7 +1,6 @@
 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 { Trans } from 'react-i18next';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1252,6 +1251,11 @@ 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 = ":root{--neeto-molecules-browser-support-callout-bg:#feecf0;--neeto-molecules-browser-support-border-color:#d7373f;--neeto-molecules-browser-support-text-color:#121212;--neeto-molecules-browser-support-link-color:#2d36d4}.neeto-molecules-browser-support-callout{background-color:#feecf0;background-color:var(--neeto-molecules-browser-support-callout-bg);border:1px solid #d7373f;border:1px solid var(--neeto-molecules-browser-support-border-color);display:flex;justify-content:center;padding:5px}.neeto-molecules-browser-support-callout__message{color:#121212;color:var(--neeto-molecules-browser-support-text-color);font-size:14px}.neeto-molecules-browser-support-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow-y:auto}.neeto-molecules-browser-support-page__content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;padding-left:15px;padding-right:15px;width:720px}.neeto-molecules-browser-support-page__header{color:#121212;color:var(--neeto-molecules-browser-support-text-color);font-size:24px;margin:0 0 .5rem}.neeto-molecules-browser-support-page__desc{color:#121212;color:var(--neeto-molecules-browser-support-text-color);font-size:1rem;line-height:1.5;margin:0 0 1rem}.neeto-molecules-browser-support-callout__message,.neeto-molecules-browser-support-page__desc{text-align:center}.neeto-molecules-browser-support-callout__message a,.neeto-molecules-browser-support-page__desc a{color:#2d36d4;color:var(--neeto-molecules-browser-support-link-color)}.neeto-molecules-browser-support-callout__message a:hover,.neeto-molecules-browser-support-page__desc a:hover{text-decoration:underline}.neeto-molecules-browser-support__link-button{color:#2d36d4;color:var(--neeto-molecules-browser-support-link-color)}.neeto-molecules-browser-support__link-button:hover{text-decoration:underline}";
+n(css,{});
+
 var DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {
   Chrome: {
     softLimit: 108,
@@ -1308,6 +1312,62 @@ var BROWSER_UPGRADE_PAGE_LINKS = {
   SamsungInternet: "https://play.google.com/store/apps/details?id=com.sec.android.app.sbrowser&hl=en_IN&gl=US"
 };
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["children"];
+var Callout = function Callout(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "neeto-molecules-browser-support-callout",
+    "data-testid": "browser-support-callout"
+  }, props), /*#__PURE__*/React.createElement("p", {
+    className: "neeto-molecules-browser-support-callout__message"
+  }, children));
+};
+
 var classnames$1 = {exports: {}};
 
 /*!
@@ -1375,9 +1435,8 @@ var ContactUs = function ContactUs(_ref) {
   return /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.contactUs.main",
     components: {
-      button: /*#__PURE__*/React.createElement(Button, {
-        className: classnames("ml-1", className),
-        style: "link",
+      button: /*#__PURE__*/React.createElement("button", {
+        className: classnames("neeto-molecules-browser-support__link-button", className),
         onClick: function onClick() {
           var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
           (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
@@ -1393,14 +1452,13 @@ var DownloadLink = function DownloadLink(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     link = _ref.link;
   return /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.downloadLink.main",
     components: {
-      button: /*#__PURE__*/React.createElement(Button, {
+      button: /*#__PURE__*/React.createElement("a", {
         className: className,
-        href: link,
-        style: "link"
+        href: link
       })
-    }
+    },
+    i18nKey: "neetoMolecules.browserSupport.downloadLink.main"
   });
 };
 
@@ -1429,6 +1487,7 @@ var UnsupportedVersionMessage = function UnsupportedVersionMessage(_ref) {
     }
   });
 };
+var UnsupportedVersionMessage$1 = /*#__PURE__*/React.memo(UnsupportedVersionMessage);
 
 var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_ref) {
   var browserName = _ref.browserName,
@@ -1436,18 +1495,12 @@ var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_re
     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, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, null, /*#__PURE__*/React.createElement(UnsupportedVersionMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion,
     downloadPageLink: downloadPageLink,
     requiredMinBrowserVersion: requiredMinBrowserVersion
-  }))), children);
+  })), children);
 };
 
 var UnsupportedBrowserMessage = function UnsupportedBrowserMessage(_ref) {
@@ -1468,43 +1521,39 @@ var UnsupportedBrowserMessage = function UnsupportedBrowserMessage(_ref) {
     }
   });
 };
+var UnsupportedBrowserMessage$1 = /*#__PURE__*/React.memo(UnsupportedBrowserMessage);
 
 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, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, null, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion
-  }))), children);
+  })), 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",
+    className: "neeto-molecules-browser-support-page",
     "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"
+    className: "neeto-molecules-browser-support-page__content"
+  }, /*#__PURE__*/React.createElement("h1", {
+    className: "neeto-molecules-browser-support-page__header"
   }, /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.title"
-  })), /*#__PURE__*/React.createElement(Typography, {
-    style: "body1"
-  }, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage, {
+  })), /*#__PURE__*/React.createElement("p", {
+    className: "neeto-molecules-browser-support-page__desc"
+  }, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion,
     className: "neeto-ui-text-body1"
   }))));
 };
+var UnsupportedBrowser$1 = /*#__PURE__*/React.memo(UnsupportedBrowser);
 
 var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
   var browserName = _ref.browserName,
@@ -1512,24 +1561,24 @@ var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
     requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
     downloadPageLink = _ref.downloadPageLink;
   return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-screen flex-col items-center justify-center",
+    className: "neeto-molecules-browser-support-page",
     "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"
+    className: "neeto-molecules-browser-support-page__content"
+  }, /*#__PURE__*/React.createElement("h1", {
+    className: "neeto-molecules-browser-support-page__header"
   }, /*#__PURE__*/React.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.title"
-  })), /*#__PURE__*/React.createElement(Typography, {
-    style: "body1"
-  }, /*#__PURE__*/React.createElement(UnsupportedVersionMessage, {
+  })), /*#__PURE__*/React.createElement("p", {
+    className: "neeto-molecules-browser-support-page__desc"
+  }, /*#__PURE__*/React.createElement(UnsupportedVersionMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion,
-    className: "neeto-ui-text-body1",
     downloadPageLink: downloadPageLink,
     requiredMinBrowserVersion: requiredMinBrowserVersion
   }))));
 };
+var UnsupportedBrowserVersion$1 = /*#__PURE__*/React.memo(UnsupportedBrowserVersion);
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -1624,14 +1673,14 @@ 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("neetoMolecules.browserSupport.unknownBrowserMsg");
+  var browserName = platformInfo.name || t$1("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);
   var isUnsupportedBrowser = isBrowserUnsupported(browserName, unsupportedBrowsersList);
   if (isUnsupportedBrowser) {
-    return /*#__PURE__*/React.createElement(UnsupportedBrowser, {
+    return /*#__PURE__*/React.createElement(UnsupportedBrowser$1, {
       browserName: browserName,
       browserVersion: browserVersion
     });
@@ -1656,7 +1705,7 @@ var BrowserSupport = function BrowserSupport(_ref) {
       requiredMinBrowserVersion: requiredMinBrowserVersion
     }, children);
   }
-  return /*#__PURE__*/React.createElement(UnsupportedBrowserVersion, {
+  return /*#__PURE__*/React.createElement(UnsupportedBrowserVersion$1, {
     browserName: browserName,
     browserVersion: browserVersion,
     downloadPageLink: downloadPageLink,