@bigbinary/neeto-molecules 1.1.10 → 1.1.12

package/dist/AutoSaveInput/autosaveinput.scss

@@ -0,0 +1,15 @@
+.neeto-molecules-autosave-input {
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  .neeto-ui-input__suffix {
+    margin-right: 0 !important;
+  }
+}

package/dist/AutoSaveInput/constants.js

@@ -0,0 +1,13 @@
+import { t } from "i18next";
+export var TOOLTIP_PROPS = {
+  save: {
+    content: t("neetoMolecules.common.actions.save"),
+    position: "top",
+    delay: 300
+  },
+  cancel: {
+    content: t("neetoMolecules.common.actions.cancel"),
+    position: "top",
+    delay: 300
+  }
+};

package/dist/AutoSaveInput/index.js

@@ -0,0 +1,124 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["nullable", "value", "isSaving", "className", "handleSubmit", "handleCancel"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState, useRef } from "react";
+import classnames from "classnames";
+import { isNotEmpty, noop } from "@bigbinary/neeto-commons-frontend/pure";
+import { useHotKeys, useStateWithDependency } from "@bigbinary/neeto-commons-frontend/react-utils";
+import { Check, Close } from "@bigbinary/neeto-icons";
+import { Button, Input } from "@bigbinary/neetoui";
+import { isNotNil } from "ramda";
+import "./autosaveinput.scss";
+import { TOOLTIP_PROPS } from "./constants";
+import { mergeRefs } from "./utils";
+var AutoSaveInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$nullable = props.nullable,
+    nullable = _props$nullable === void 0 ? false : _props$nullable,
+    _props$value = props.value,
+    value = _props$value === void 0 ? "" : _props$value,
+    isSaving = props.isSaving,
+    _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className,
+    _props$handleSubmit = props.handleSubmit,
+    handleSubmit = _props$handleSubmit === void 0 ? noop : _props$handleSubmit,
+    _props$handleCancel = props.handleCancel,
+    handleCancel = _props$handleCancel === void 0 ? noop : _props$handleCancel,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSubmitting = _useState2[0],
+    setIsSubmitting = _useState2[1];
+  var _useStateWithDependen = useStateWithDependency(value !== null && value !== void 0 ? value : ""),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    inputValue = _useStateWithDependen2[0],
+    setInputValue = _useStateWithDependen2[1];
+  var inputRef = useRef(null);
+  var trimmedValue = inputValue && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim());
+  var isValidValue = nullable || isNotEmpty(trimmedValue) && isNotNil(trimmedValue);
+  var handleFocusOut = function handleFocusOut() {
+    if (!isValidValue || isSubmitting) return;
+    inputValue !== value ? onSubmit() : handleCancel(inputValue);
+  };
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsSubmitting(true);
+            _context.next = 3;
+            return handleSubmit(inputValue);
+          case 3:
+            setIsSubmitting(false);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onSubmit() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var closeRef = useHotKeys("escape", function (event) {
+    event.stopPropagation();
+    handleCancel(inputValue);
+  }, {
+    mode: "scoped"
+  });
+  var submitRef = useHotKeys(["command+return", "return"], function () {
+    return onSubmit();
+  }, {
+    mode: "scoped",
+    enabled: isValidValue
+  });
+  useEffect(function () {
+    return inputRef.current && inputRef.current.focus();
+  }, [isSubmitting]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("flex flex-grow", _defineProperty({}, className, className))
+  }, /*#__PURE__*/React.createElement(Input, _extends({
+    className: "neeto-molecules-autosave-input",
+    "data-testid": "neeto-molecules-autosave-input",
+    disabled: isSubmitting,
+    ref: mergeRefs(inputRef, closeRef, submitRef),
+    value: inputValue,
+    onChange: function onChange(e) {
+      return setInputValue(e.target.value);
+    },
+    onBlur: function onBlur(event) {
+      var _otherProps$onBlur;
+      otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onBlur = otherProps.onBlur) === null || _otherProps$onBlur === void 0 ? void 0 : _otherProps$onBlur.call(otherProps, event);
+      handleFocusOut();
+    }
+  }, otherProps, {
+    suffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "neeto-molecules-autosave-input-save",
+      disabled: !isValidValue || isSubmitting || isSaving,
+      icon: Check,
+      loading: isSubmitting || isSaving,
+      size: "small",
+      style: "text",
+      tabIndex: -1,
+      tooltipProps: TOOLTIP_PROPS["save"],
+      onClick: onSubmit
+    }), /*#__PURE__*/React.createElement(Button, {
+      disabled: isSubmitting || isSaving,
+      icon: Close,
+      ref: ref,
+      "data-testid": "neeto-molecules-autosave-input-cancel",
+      size: "small",
+      style: "text",
+      tabIndex: -1,
+      tooltipProps: TOOLTIP_PROPS["cancel"],
+      onClick: function onClick() {
+        return handleCancel(inputValue);
+      }
+    }))
+  })));
+});
+AutoSaveInput.displayName = "AutoSaveInput";
+export default AutoSaveInput;

package/dist/AutoSaveInput/utils.js

@@ -0,0 +1,10 @@
+export var mergeRefs = function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return function (node) {
+    return refs.forEach(function (ref) {
+      return typeof ref === "function" ? ref(node) : ref.current = node;
+    });
+  };
+};

package/dist/Breadcrumbs/breadcrumbs.scss

@@ -0,0 +1,33 @@
+.neeto-molecules-breadcrumbs-wrap {
+  display: flex;
+
+  .neeto-molecules-breadcrumb {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    line-height: 1;
+
+    a {
+      transition: all ease-in-out 300ms;
+      text-decoration: none;
+      &:focus-visible {
+        outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
+        border-radius: var(--neeto-ui-rounded-sm);
+      }
+    }
+  }
+
+  .neeto-molecules-breadcrumb-link {
+    color: rgb(var(--neeto-ui-gray-500));
+    padding: 8px 5px;
+    &:hover {
+      color: rgb(var(--neeto-ui-gray-800));
+    }
+  }
+
+  .neeto-molecules-breadcrumb-separator {
+    margin: 0 4px;
+    color: rgb(var(--neeto-ui-gray-500));
+  }
+}

package/dist/Breadcrumbs/index.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { Typography } from "@bigbinary/neetoui";
+import { Link } from "react-router-dom";
+import "./breadcrumbs.scss";
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var breadcrumbs = _ref.breadcrumbs;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-breadcrumbs-wrap"
+  }, breadcrumbs.map(function (_ref2, index) {
+    var text = _ref2.text,
+      _ref2$link = _ref2.link,
+      link = _ref2$link === void 0 ? "#" : _ref2$link;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "neeto-molecules-breadcrumb",
+      "data-cy": "header-breadcrumb",
+      key: index
+    }, /*#__PURE__*/React.createElement(Link, {
+      to: link
+    }, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link",
+      component: "span",
+      "data-cy": text,
+      "data-test-id": text,
+      style: "body2",
+      weight: "normal"
+    }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React.createElement("span", {
+      className: "neeto-molecules-breadcrumb-separator neeto-ui-text-black"
+    }, "/"));
+  }));
+};
+export default Breadcrumbs;

package/dist/BrowserSupport/Callout.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import React from "react";
+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));
+};
+export default Callout;

package/dist/BrowserSupport/ContactUs.js

@@ -0,0 +1,21 @@
+import React from "react";
+import classnames from "classnames";
+import { Trans } from "react-i18next";
+var ContactUs = function ContactUs(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "neetoMolecules.browserSupport.contactUs.main",
+    components: {
+      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();
+          (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
+        }
+      })
+    }
+  });
+};
+export default ContactUs;

package/dist/BrowserSupport/DownloadLink.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Trans } from "react-i18next";
+var DownloadLink = function DownloadLink(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    link = _ref.link;
+  return /*#__PURE__*/React.createElement(Trans, {
+    components: {
+      button: /*#__PURE__*/React.createElement("a", {
+        className: className,
+        href: link
+      })
+    },
+    i18nKey: "neetoMolecules.browserSupport.downloadLink.main"
+  });
+};
+export default DownloadLink;

package/dist/BrowserSupport/PartialSupportedBrowserVersion.js

@@ -0,0 +1,17 @@
+import React from "react";
+import Callout from "./Callout";
+import UnsupportedVersionMessage from "./UnsupportedVersionMessage";
+export 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, null, /*#__PURE__*/React.createElement(UnsupportedVersionMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    downloadPageLink: downloadPageLink,
+    requiredMinBrowserVersion: requiredMinBrowserVersion
+  })), children);
+};
+export default PartialSupportedBrowserVersion;

package/dist/BrowserSupport/UnknownBrowser.js

@@ -0,0 +1,13 @@
+import React from "react";
+import Callout from "./Callout";
+import UnsupportedBrowserMessage from "./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, null, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion
+  })), children);
+};
+export default UnknownBrowser;

package/dist/BrowserSupport/UnsupportedBrowser.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Trans } from "react-i18next";
+import UnsupportedBrowserMessage from "./UnsupportedBrowserMessage";
+var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-browser-support-page",
+    "data-testid": "browser-support-page"
+  }, /*#__PURE__*/React.createElement("div", {
+    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("p", {
+    className: "neeto-molecules-browser-support-page__desc"
+  }, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    className: "neeto-ui-text-body1"
+  }))));
+};
+export default /*#__PURE__*/React.memo(UnsupportedBrowser);

package/dist/BrowserSupport/UnsupportedBrowserMessage.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { Trans } from "react-i18next";
+import ContactUs from "./ContactUs";
+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
+    }
+  });
+};
+export default /*#__PURE__*/React.memo(UnsupportedBrowserMessage);

package/dist/BrowserSupport/UnsupportedBrowserVersion.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Trans } from "react-i18next";
+import UnsupportedVersionMessage from "./UnsupportedVersionMessage";
+var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
+    downloadPageLink = _ref.downloadPageLink;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-browser-support-page",
+    "data-testid": "browser-support-page"
+  }, /*#__PURE__*/React.createElement("div", {
+    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("p", {
+    className: "neeto-molecules-browser-support-page__desc"
+  }, /*#__PURE__*/React.createElement(UnsupportedVersionMessage, {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    downloadPageLink: downloadPageLink,
+    requiredMinBrowserVersion: requiredMinBrowserVersion
+  }))));
+};
+export default /*#__PURE__*/React.memo(UnsupportedBrowserVersion);

package/dist/BrowserSupport/UnsupportedVersionMessage.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { Trans } from "react-i18next";
+import ContactUs from "./ContactUs";
+import DownloadLink from "./DownloadLink";
+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
+    }
+  });
+};
+export default /*#__PURE__*/React.memo(UnsupportedVersionMessage);

package/dist/BrowserSupport/browsersupport.scss

@@ -0,0 +1,71 @@
+:root {
+  --neeto-molecules-browser-support-callout-bg: rgb(254, 236, 240);
+  --neeto-molecules-browser-support-border-color: rgb(215, 55, 63);
+  --neeto-molecules-browser-support-text-color: #121212;
+  --neeto-molecules-browser-support-link-color: #2d36d4;
+}
+
+.neeto-molecules-browser-support-callout {
+  display: flex;
+  justify-content: center;
+  padding: 5px;
+  border: 1px solid var(--neeto-molecules-browser-support-border-color);
+  background-color: var(--neeto-molecules-browser-support-callout-bg);
+}
+
+.neeto-molecules-browser-support-callout__message {
+  font-size: 14px;
+  color: var(--neeto-molecules-browser-support-text-color);
+}
+
+.neeto-molecules-browser-support-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow-y: auto;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+}
+
+.neeto-molecules-browser-support-page__content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 720px;
+  max-width: 100%;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.neeto-molecules-browser-support-page__header {
+  font-size: 24px;
+  margin: 0 0 0.5rem 0;
+  color: var(--neeto-molecules-browser-support-text-color);
+}
+
+.neeto-molecules-browser-support-page__desc {
+  font-size: 1rem;
+  margin: 0 0 1rem 0;
+  line-height: 1.5;
+  color: var(--neeto-molecules-browser-support-text-color);
+}
+
+.neeto-molecules-browser-support-callout__message,
+.neeto-molecules-browser-support-page__desc {
+  text-align: center;
+  a {
+    color: var(--neeto-molecules-browser-support-link-color);
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+
+.neeto-molecules-browser-support__link-button {
+  color: var(--neeto-molecules-browser-support-link-color);
+  &:hover {
+    text-decoration: underline;
+  }
+}

package/dist/BrowserSupport/constants.js

@@ -0,0 +1,63 @@
+export var DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {
+  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: 11,
+    hardLimit: 10
+  },
+  ChromeMobile: {
+    softLimit: 109,
+    hardLimit: 105
+  },
+  FirefoxMobile: {
+    softLimit: 109,
+    hardLimit: 105
+  },
+  UCBrowser: {
+    softLimit: 13.4,
+    hardLimit: 13.0
+  },
+  SamsungInternet: {
+    softLimit: 18,
+    hardLimit: 4
+  },
+  AndroidBrowser: {
+    softLimit: 4,
+    hardLimit: 3
+  },
+  Electron: {
+    softLimit: 17,
+    hardLimit: 16
+  }
+};
+export var UNSUPPORTED_BROWSERS = ["OperaMini"];
+export 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",
+  Firefox: "https://support.mozilla.org/en-US/kb/update-firefox-latest-release",
+  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",
+  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"
+};

package/dist/BrowserSupport/index.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { t } from "i18next";
+import platform from "platform";
+import { concat, mergeDeepLeft, uniq } from "ramda";
+import "./browsersupport.scss";
+import { DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS, UNSUPPORTED_BROWSERS } from "./constants";
+import PartialSupportedBrowserVersion from "./PartialSupportedBrowserVersion";
+import UnknownBrowser from "./UnknownBrowser";
+import UnsupportedBrowser from "./UnsupportedBrowser";
+import UnsupportedBrowserVersion from "./UnsupportedBrowserVersion";
+import { buildDownloadPageLink, getRequiredMinBrowserVersion, isBrowserSupported, isVersionSupported, isBrowserUnsupported, convertSemverToFloat } from "./utils";
+var BrowserSupport = function BrowserSupport(_ref) {
+  var _ref$overrides = _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 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, {
+      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);
+  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
+  });
+};
+export default BrowserSupport;

package/dist/BrowserSupport/utils.js

@@ -0,0 +1,32 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { BROWSER_UPGRADE_PAGE_LINKS } from "./constants";
+export var convertToPlatformBrowserName = function convertToPlatformBrowserName(browserName) {
+  return browserName.replace(/\s/g, "");
+};
+export var getRequiredMinBrowserVersion = function getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap) {
+  return supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
+};
+export var convertSemverToFloat = function convertSemverToFloat(browserVersion) {
+  var _browserVersion$split = browserVersion.split("."),
+    _browserVersion$split2 = _slicedToArray(_browserVersion$split, 2),
+    majorVersion = _browserVersion$split2[0],
+    minorVersion = _browserVersion$split2[1];
+  return parseFloat("".concat(majorVersion, ".").concat(minorVersion)) || "";
+};
+export var isVersionSupported = function isVersionSupported(browserVersion, requiredMinBrowserVersion) {
+  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
+  };
+};
+export var buildDownloadPageLink = function buildDownloadPageLink(browserName) {
+  return BROWSER_UPGRADE_PAGE_LINKS[convertToPlatformBrowserName(browserName)];
+};
+export var isBrowserUnsupported = function isBrowserUnsupported(browserName, unsupportedBrowsersList) {
+  return unsupportedBrowsersList.includes(convertToPlatformBrowserName(browserName));
+};
+export var isBrowserSupported = function isBrowserSupported(browserName, supportedBrowserVersionsMap) {
+  return !!supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
+};