@bigbinary/neeto-molecules 4.1.61 → 4.1.63

package/dist/cjs/v2/BrowserSupport.js

@@ -0,0 +1,396 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var classnames = require('classnames');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var i18next = require('i18next');
+var ramda = require('ramda');
+var uaParser = require('../ua-parser-DgQ3nYoO.js');
+
+var DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {
+  Chrome: {
+    softLimit: 108,
+    hardLimit: 70
+  },
+  Edge: {
+    softLimit: 108,
+    hardLimit: 106
+  },
+  Firefox: {
+    softLimit: 102,
+    hardLimit: 90
+  },
+  IE: {
+    softLimit: 11,
+    hardLimit: 11
+  },
+  Opera: {
+    softLimit: 93,
+    hardLimit: 89
+  },
+  Safari: {
+    softLimit: 11,
+    hardLimit: 10
+  },
+  WebKit: {
+    softLimit: 604,
+    hardLimit: 600
+  },
+  MobileChrome: {
+    softLimit: 109,
+    hardLimit: 105
+  },
+  MobileFirefox: {
+    softLimit: 109,
+    hardLimit: 105
+  },
+  MobileSafari: {
+    softLimit: 11,
+    hardLimit: 10
+  },
+  UCBrowser: {
+    softLimit: 13.4,
+    hardLimit: 13.0
+  },
+  SamsungInternet: {
+    softLimit: 18,
+    hardLimit: 4
+  },
+  AndroidBrowser: {
+    softLimit: 4,
+    hardLimit: 3
+  },
+  Electron: {
+    softLimit: 17,
+    hardLimit: 16
+  }
+};
+var UNSUPPORTED_BROWSERS = ["OperaMini"];
+var BROWSER_UPGRADE_PAGE_LINKS = {
+  Chrome: "https://www.google.com/chrome/update",
+  Edge: "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/HT204416",
+  WebKit: "https://support.apple.com/HT204204",
+  MobileChrome: "https://play.google.com/store/apps/details?id=com.android.chrome&hl=en_IN&gl=US",
+  MobileFirefox: "https://play.google.com/store/apps/details?id=org.mozilla.firefox&hl=en_IN&gl=US",
+  MobileSafari: "https://support.apple.com/HT204416",
+  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 TYPES = {
+  INAPP: "inapp",
+  MOBILE: "mobile"
+};
+
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Callout = function Callout(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+    className: "flex justify-center bg-red-50 px-2.5 py-1 leading-relaxed",
+    "data-testid": "browser-support-callout"
+  }, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "text-center text-sm text-gray-900",
+      children: children
+    })
+  }));
+};
+
+var ContactUs = function ContactUs(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+    i18nKey: "neetoMolecules.browserSupport.contactUs.main",
+    components: {
+      button: /*#__PURE__*/jsxRuntime.jsx("button", {
+        className: classnames("text-indigo-600 hover:underline", className),
+        onClick: function onClick() {
+          var _window$NeetoChat, _window$NeetoChat2;
+          (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 || (_window$NeetoChat = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat === void 0 || _window$NeetoChat.maximizeWidget();
+          (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 || (_window$NeetoChat2 = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2 === void 0 || _window$NeetoChat2.openWidget();
+        }
+      })
+    }
+  });
+};
+
+var DownloadLink = function DownloadLink(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    link = _ref.link;
+  return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+    components: {
+      button: /*#__PURE__*/jsxRuntime.jsx("a", {
+        className: className,
+        href: link
+      })
+    },
+    i18nKey: "neetoMolecules.browserSupport.downloadLink.main"
+  });
+};
+
+var UnsupportedVersionMessage$1 = 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__*/jsxRuntime.jsx(reactI18next.Trans, {
+    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.description",
+    components: {
+      downloadLink: /*#__PURE__*/jsxRuntime.jsx(DownloadLink, {
+        className: className,
+        link: downloadPageLink
+      }),
+      contactUs: /*#__PURE__*/jsxRuntime.jsx(ContactUs, {
+        className: className
+      })
+    },
+    values: {
+      browserName: browserName,
+      browserVersion: browserVersion,
+      requiredMinBrowserVersion: requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit
+    }
+  });
+};
+var UnsupportedVersionMessage = /*#__PURE__*/React.memo(UnsupportedVersionMessage$1);
+
+var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
+    downloadPageLink = _ref.downloadPageLink,
+    children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Callout, {
+      children: /*#__PURE__*/jsxRuntime.jsx(UnsupportedVersionMessage, {
+        browserName: browserName,
+        browserVersion: browserVersion,
+        downloadPageLink: downloadPageLink,
+        requiredMinBrowserVersion: requiredMinBrowserVersion
+      })
+    }), children]
+  });
+};
+
+var UnsupportedBrowserMessage$1 = function UnsupportedBrowserMessage(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+    components: {
+      contactUs: /*#__PURE__*/jsxRuntime.jsx(ContactUs, {
+        className: className
+      })
+    },
+    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.description",
+    values: {
+      browserName: browserName,
+      browserVersion: browserVersion
+    }
+  });
+};
+var UnsupportedBrowserMessage = /*#__PURE__*/React.memo(UnsupportedBrowserMessage$1);
+
+var UnknownBrowser = function UnknownBrowser(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Callout, {
+      children: /*#__PURE__*/jsxRuntime.jsx(UnsupportedBrowserMessage, {
+        browserName: browserName,
+        browserVersion: browserVersion
+      })
+    }), children]
+  });
+};
+
+var UnsupportedBrowser$1 = function UnsupportedBrowser(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex h-dvh flex-col items-center justify-center overflow-y-auto bg-white",
+    "data-testid": "browser-support-page",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex w-[45rem] max-w-full flex-col items-center justify-center px-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx("h1", {
+        className: "mb-2 text-2xl text-gray-900",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.title"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "mb-4 text-center text-base leading-relaxed text-gray-900",
+        children: /*#__PURE__*/jsxRuntime.jsx(UnsupportedBrowserMessage, {
+          browserName: browserName,
+          browserVersion: browserVersion,
+          className: "text-base"
+        })
+      })]
+    })
+  });
+};
+var UnsupportedBrowser = /*#__PURE__*/React.memo(UnsupportedBrowser$1);
+
+var UnsupportedBrowserVersion$1 = function UnsupportedBrowserVersion(_ref) {
+  var browserName = _ref.browserName,
+    browserVersion = _ref.browserVersion,
+    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
+    downloadPageLink = _ref.downloadPageLink;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex h-dvh flex-col items-center justify-center overflow-y-auto bg-white",
+    "data-testid": "browser-support-page",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex w-[45rem] max-w-full flex-col items-center justify-center px-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx("h1", {
+        className: "mb-2 text-2xl text-gray-900",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.title"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "mb-4 text-center text-base leading-relaxed text-gray-900",
+        children: /*#__PURE__*/jsxRuntime.jsx(UnsupportedVersionMessage, {
+          browserName: browserName,
+          browserVersion: browserVersion,
+          downloadPageLink: downloadPageLink,
+          requiredMinBrowserVersion: requiredMinBrowserVersion
+        })
+      })]
+    })
+  });
+};
+var UnsupportedBrowserVersion = /*#__PURE__*/React.memo(UnsupportedBrowserVersion$1);
+
+var convertToPlatformBrowserName = function convertToPlatformBrowserName(browserName) {
+  return browserName.replace(/\s/g, "");
+};
+var getRequiredMinBrowserVersion = function getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap) {
+  return supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
+};
+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)) || "";
+};
+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
+  };
+};
+var buildDownloadPageLink = function buildDownloadPageLink(browserName) {
+  return BROWSER_UPGRADE_PAGE_LINKS[convertToPlatformBrowserName(browserName)];
+};
+var isBrowserUnsupported = function isBrowserUnsupported(browserName, unsupportedBrowsersList) {
+  return unsupportedBrowsersList.includes(convertToPlatformBrowserName(browserName));
+};
+var isBrowserSupported = function isBrowserSupported(browserName, supportedBrowserVersionsMap) {
+  return !!supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
+};
+var getBrowserStatus = function getBrowserStatus(overrides, additionalUnsupported) {
+  var _UAParser$getResult = new uaParser.UAParser(navigator.userAgent).getResult(),
+    browser = _UAParser$getResult.browser,
+    device = _UAParser$getResult.device;
+  var browserName = browser.name || i18next.t("neetoMolecules.browserSupport.unknownBrowserMsg");
+  var browserVersion = convertSemverToFloat(browser.version || "");
+  var browserType = browser.type;
+  var deviceType = device.type;
+  var supportedBrowserVersionsMap = ramda.mergeDeepLeft(overrides, DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS);
+  var unsupportedBrowsersList = ramda.uniq(ramda.concat(UNSUPPORTED_BROWSERS, additionalUnsupported));
+  var isUnsupportedBrowser = isBrowserUnsupported(browserName, unsupportedBrowsersList);
+  var isKnownBrowser = isBrowserSupported(browserName, supportedBrowserVersionsMap);
+  var requiredMinBrowserVersion = isKnownBrowser ? getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap) : null;
+  var _ref = isKnownBrowser ? isVersionSupported(browserVersion, requiredMinBrowserVersion) : {
+      isBrowserFullySupported: false,
+      isBrowserPartiallySupported: false
+    },
+    isBrowserFullySupported = _ref.isBrowserFullySupported,
+    isBrowserPartiallySupported = _ref.isBrowserPartiallySupported;
+  var downloadPageLink = isKnownBrowser ? buildDownloadPageLink(browserName) : null;
+  return {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    browserType: browserType,
+    deviceType: deviceType,
+    isUnsupportedBrowser: isUnsupportedBrowser,
+    isKnownBrowser: isKnownBrowser,
+    requiredMinBrowserVersion: requiredMinBrowserVersion,
+    isBrowserFullySupported: isBrowserFullySupported,
+    isBrowserPartiallySupported: isBrowserPartiallySupported,
+    downloadPageLink: downloadPageLink
+  };
+};
+
+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 _getBrowserStatus = getBrowserStatus(overrides, unsupportedBrowsers),
+    browserName = _getBrowserStatus.browserName,
+    browserVersion = _getBrowserStatus.browserVersion,
+    browserType = _getBrowserStatus.browserType,
+    deviceType = _getBrowserStatus.deviceType,
+    isUnsupportedBrowser = _getBrowserStatus.isUnsupportedBrowser,
+    isKnownBrowser = _getBrowserStatus.isKnownBrowser,
+    isBrowserFullySupported = _getBrowserStatus.isBrowserFullySupported,
+    isBrowserPartiallySupported = _getBrowserStatus.isBrowserPartiallySupported,
+    requiredMinBrowserVersion = _getBrowserStatus.requiredMinBrowserVersion,
+    downloadPageLink = _getBrowserStatus.downloadPageLink;
+  if (browserType === TYPES.INAPP || deviceType === TYPES.MOBILE) {
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  if (isUnsupportedBrowser) {
+    return /*#__PURE__*/jsxRuntime.jsx(UnsupportedBrowser, {
+      browserName: browserName,
+      browserVersion: browserVersion
+    });
+  }
+  if (!isKnownBrowser) {
+    return /*#__PURE__*/jsxRuntime.jsx(UnknownBrowser, {
+      browserName: browserName,
+      browserVersion: browserVersion,
+      children: children
+    });
+  }
+  if (isBrowserFullySupported) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: children
+  });
+  if (isBrowserPartiallySupported) {
+    return /*#__PURE__*/jsxRuntime.jsx(PartialSupportedBrowserVersion, {
+      browserName: browserName,
+      browserVersion: browserVersion,
+      downloadPageLink: downloadPageLink,
+      requiredMinBrowserVersion: requiredMinBrowserVersion,
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(UnsupportedBrowserVersion, {
+    browserName: browserName,
+    browserVersion: browserVersion,
+    downloadPageLink: downloadPageLink,
+    requiredMinBrowserVersion: requiredMinBrowserVersion
+  });
+};
+
+module.exports = BrowserSupport;
+//# sourceMappingURL=BrowserSupport.js.map

package/dist/cjs/v2/BrowserSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserSupport.js","sources":["../../../src/v2/components/BrowserSupport/constants.js","../../../src/v2/components/BrowserSupport/Callout.jsx","../../../src/v2/components/BrowserSupport/ContactUs.jsx","../../../src/v2/components/BrowserSupport/DownloadLink.jsx","../../../src/v2/components/BrowserSupport/UnsupportedVersionMessage.jsx","../../../src/v2/components/BrowserSupport/PartialSupportedBrowserVersion.jsx","../../../src/v2/components/BrowserSupport/UnsupportedBrowserMessage.jsx","../../../src/v2/components/BrowserSupport/UnknownBrowser.jsx","../../../src/v2/components/BrowserSupport/UnsupportedBrowser.jsx","../../../src/v2/components/BrowserSupport/UnsupportedBrowserVersion.jsx","../../../src/v2/components/BrowserSupport/utils.js","../../../src/v2/components/BrowserSupport/index.jsx"],"sourcesContent":["export const DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {\n  Chrome: { softLimit: 108, hardLimit: 70 },\n  Edge: { softLimit: 108, hardLimit: 106 },\n  Firefox: { softLimit: 102, hardLimit: 90 },\n  IE: { softLimit: 11, hardLimit: 11 },\n  Opera: { softLimit: 93, hardLimit: 89 },\n  Safari: { softLimit: 11, hardLimit: 10 },\n  WebKit: { softLimit: 604, hardLimit: 600 },\n  MobileChrome: { softLimit: 109, hardLimit: 105 },\n  MobileFirefox: { softLimit: 109, hardLimit: 105 },\n  MobileSafari: { softLimit: 11, hardLimit: 10 },\n  UCBrowser: { softLimit: 13.4, hardLimit: 13.0 },\n  SamsungInternet: { softLimit: 18, hardLimit: 4 },\n  AndroidBrowser: { softLimit: 4, hardLimit: 3 },\n  Electron: { softLimit: 17, hardLimit: 16 },\n};\n\nexport const UNSUPPORTED_BROWSERS = [\"OperaMini\"];\n\nexport const BROWSER_UPGRADE_PAGE_LINKS = {\n  Chrome: \"https://www.google.com/chrome/update\",\n  Edge: \"https://support.microsoft.com/en-us/topic/microsoft-edge-update-settings-af8aaca2-1b69-4870-94fe-18822dbb7ef1#:~:text=Update%20once,Download%20and%20install%20to%20proceed\",\n  Firefox: \"https://support.mozilla.org/en-US/kb/update-firefox-latest-release\",\n  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\",\n  Opera: \"https://help.opera.com/en/latest/crashes-and-issues/#updateBrowser\",\n  Safari: \"https://support.apple.com/HT204416\",\n  WebKit: \"https://support.apple.com/HT204204\",\n  MobileChrome:\n    \"https://play.google.com/store/apps/details?id=com.android.chrome&hl=en_IN&gl=US\",\n  MobileFirefox:\n    \"https://play.google.com/store/apps/details?id=org.mozilla.firefox&hl=en_IN&gl=US\",\n  MobileSafari: \"https://support.apple.com/HT204416\",\n  UCBrowser:\n    \"https://play.google.com/store/apps/details?id=com.UCMobile.intl&hl=en_IN&gl=US\",\n  SamsungInternet:\n    \"https://play.google.com/store/apps/details?id=com.sec.android.app.sbrowser&hl=en_IN&gl=US\",\n};\n\nexport const TYPES = { INAPP: \"inapp\", MOBILE: \"mobile\" };\n","const Callout = ({ children, ...props }) => (\n  <div\n    className=\"flex justify-center bg-red-50 px-2.5 py-1 leading-relaxed\"\n    data-testid=\"browser-support-callout\"\n    {...props}\n  >\n    <p className=\"text-center text-sm text-gray-900\">{children}</p>\n  </div>\n);\n\nexport default Callout;\n","import classnames from \"classnames\";\nimport { Trans } from \"react-i18next\";\n\nconst ContactUs = ({ className = \"\" }) => (\n  <Trans\n    i18nKey=\"neetoMolecules.browserSupport.contactUs.main\"\n    components={{\n      button: (\n        <button\n          className={classnames(\"text-indigo-600 hover:underline\", className)}\n          onClick={() => {\n            window.NeetoChat?.contextualHelp?.maximizeWidget();\n            window.NeetoChat?.contextualHelp?.openWidget();\n          }}\n        />\n      ),\n    }}\n  />\n);\n\nexport default ContactUs;\n","import { Trans } from \"react-i18next\";\n\nconst DownloadLink = ({ className = \"\", link }) => (\n  <Trans\n    components={{ button: <a {...{ className }} href={link} /> }}\n    i18nKey=\"neetoMolecules.browserSupport.downloadLink.main\"\n  />\n);\n\nexport default DownloadLink;\n","import { memo } from \"react\";\n\nimport { Trans } from \"react-i18next\";\n\nimport ContactUs from \"./ContactUs\";\nimport DownloadLink from \"./DownloadLink\";\n\nconst UnsupportedVersionMessage = ({\n  browserName,\n  browserVersion,\n  className = \"\",\n  downloadPageLink,\n  requiredMinBrowserVersion,\n}) => (\n  <Trans\n    i18nKey=\"neetoMolecules.browserSupport.unsupportedBrowserVersion.description\"\n    components={{\n      downloadLink: <DownloadLink {...{ className }} link={downloadPageLink} />,\n      contactUs: <ContactUs {...{ className }} />,\n    }}\n    values={{\n      browserName,\n      browserVersion,\n      requiredMinBrowserVersion: requiredMinBrowserVersion?.softLimit,\n    }}\n  />\n);\n\nexport default memo(UnsupportedVersionMessage);\n","import Callout from \"./Callout\";\nimport UnsupportedVersionMessage from \"./UnsupportedVersionMessage\";\n\nexport const PartialSupportedBrowserVersion = ({\n  browserName,\n  browserVersion,\n  requiredMinBrowserVersion,\n  downloadPageLink,\n  children,\n}) => (\n  <>\n    <Callout>\n      <UnsupportedVersionMessage\n        {...{\n          browserName,\n          browserVersion,\n          downloadPageLink,\n          requiredMinBrowserVersion,\n        }}\n      />\n    </Callout>\n    {children}\n  </>\n);\n\nexport default PartialSupportedBrowserVersion;\n","import { memo } from \"react\";\n\nimport { Trans } from \"react-i18next\";\n\nimport ContactUs from \"./ContactUs\";\n\nconst UnsupportedBrowserMessage = ({\n  browserName,\n  browserVersion,\n  className = \"\",\n}) => (\n  <Trans\n    components={{ contactUs: <ContactUs {...{ className }} /> }}\n    i18nKey=\"neetoMolecules.browserSupport.unsupportedBrowser.description\"\n    values={{ browserName, browserVersion }}\n  />\n);\n\nexport default memo(UnsupportedBrowserMessage);\n","import Callout from \"./Callout\";\nimport UnsupportedBrowserMessage from \"./UnsupportedBrowserMessage\";\n\nconst UnknownBrowser = ({ browserName, browserVersion, children }) => (\n  <>\n    <Callout>\n      <UnsupportedBrowserMessage {...{ browserName, browserVersion }} />\n    </Callout>\n    {children}\n  </>\n);\n\nexport default UnknownBrowser;\n","import { memo } from \"react\";\n\nimport { Trans } from \"react-i18next\";\n\nimport UnsupportedBrowserMessage from \"./UnsupportedBrowserMessage\";\n\nconst UnsupportedBrowser = ({ browserName, browserVersion }) => (\n  <div\n    className=\"flex h-dvh flex-col items-center justify-center overflow-y-auto bg-white\"\n    data-testid=\"browser-support-page\"\n  >\n    <div className=\"flex w-[45rem] max-w-full flex-col items-center justify-center px-4\">\n      <h1 className=\"mb-2 text-2xl text-gray-900\">\n        <Trans i18nKey=\"neetoMolecules.browserSupport.unsupportedBrowser.title\" />\n      </h1>\n      <p className=\"mb-4 text-center text-base leading-relaxed text-gray-900\">\n        <UnsupportedBrowserMessage\n          {...{ browserName, browserVersion }}\n          className=\"text-base\"\n        />\n      </p>\n    </div>\n  </div>\n);\n\nexport default memo(UnsupportedBrowser);\n","import { memo } from \"react\";\n\nimport { Trans } from \"react-i18next\";\n\nimport UnsupportedVersionMessage from \"./UnsupportedVersionMessage\";\n\nconst UnsupportedBrowserVersion = ({\n  browserName,\n  browserVersion,\n  requiredMinBrowserVersion,\n  downloadPageLink,\n}) => (\n  <div\n    className=\"flex h-dvh flex-col items-center justify-center overflow-y-auto bg-white\"\n    data-testid=\"browser-support-page\"\n  >\n    <div className=\"flex w-[45rem] max-w-full flex-col items-center justify-center px-4\">\n      <h1 className=\"mb-2 text-2xl text-gray-900\">\n        <Trans i18nKey=\"neetoMolecules.browserSupport.unsupportedBrowserVersion.title\" />\n      </h1>\n      <p className=\"mb-4 text-center text-base leading-relaxed text-gray-900\">\n        <UnsupportedVersionMessage\n          {...{\n            browserName,\n            browserVersion,\n            downloadPageLink,\n            requiredMinBrowserVersion,\n          }}\n        />\n      </p>\n    </div>\n  </div>\n);\n\nexport default memo(UnsupportedBrowserVersion);\n","import { t } from \"i18next\";\nimport { concat, mergeDeepLeft, uniq } from \"ramda\";\nimport { UAParser } from \"ua-parser-js\";\n\nimport {\n  BROWSER_UPGRADE_PAGE_LINKS,\n  DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS,\n  UNSUPPORTED_BROWSERS,\n} from \"./constants\";\n\nconst convertToPlatformBrowserName = browserName =>\n  browserName.replace(/\\s/g, \"\");\n\nconst getRequiredMinBrowserVersion = (\n  browserName,\n  supportedBrowserVersionsMap\n) => supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];\n\nconst convertSemverToFloat = browserVersion => {\n  const [majorVersion, minorVersion] = browserVersion.split(\".\");\n\n  return parseFloat(`${majorVersion}.${minorVersion}`) || \"\";\n};\n\nconst isVersionSupported = (browserVersion, requiredMinBrowserVersion) => {\n  const isBrowserFullySupported =\n    browserVersion >= requiredMinBrowserVersion?.softLimit;\n\n  const isBrowserPartiallySupported =\n    browserVersion >= requiredMinBrowserVersion?.hardLimit;\n\n  return { isBrowserFullySupported, isBrowserPartiallySupported };\n};\n\nconst buildDownloadPageLink = browserName =>\n  BROWSER_UPGRADE_PAGE_LINKS[convertToPlatformBrowserName(browserName)];\n\nconst isBrowserUnsupported = (browserName, unsupportedBrowsersList) =>\n  unsupportedBrowsersList.includes(convertToPlatformBrowserName(browserName));\n\nconst isBrowserSupported = (browserName, supportedBrowserVersionsMap) =>\n  !!supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];\n\nexport const getBrowserStatus = (overrides, additionalUnsupported) => {\n  const { browser, device } = new UAParser(navigator.userAgent).getResult();\n\n  const browserName =\n    browser.name || t(\"neetoMolecules.browserSupport.unknownBrowserMsg\");\n  const browserVersion = convertSemverToFloat(browser.version || \"\");\n  const browserType = browser.type;\n  const deviceType = device.type;\n\n  const supportedBrowserVersionsMap = mergeDeepLeft(\n    overrides,\n    DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS\n  );\n\n  const unsupportedBrowsersList = uniq(\n    concat(UNSUPPORTED_BROWSERS, additionalUnsupported)\n  );\n\n  const isUnsupportedBrowser = isBrowserUnsupported(\n    browserName,\n    unsupportedBrowsersList\n  );\n\n  const isKnownBrowser = isBrowserSupported(\n    browserName,\n    supportedBrowserVersionsMap\n  );\n\n  const requiredMinBrowserVersion = isKnownBrowser\n    ? getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap)\n    : null;\n\n  const { isBrowserFullySupported, isBrowserPartiallySupported } =\n    isKnownBrowser\n      ? isVersionSupported(browserVersion, requiredMinBrowserVersion)\n      : { isBrowserFullySupported: false, isBrowserPartiallySupported: false };\n\n  const downloadPageLink = isKnownBrowser\n    ? buildDownloadPageLink(browserName)\n    : null;\n\n  return {\n    browserName,\n    browserVersion,\n    browserType,\n    deviceType,\n    isUnsupportedBrowser,\n    isKnownBrowser,\n    requiredMinBrowserVersion,\n    isBrowserFullySupported,\n    isBrowserPartiallySupported,\n    downloadPageLink,\n  };\n};\n","import PropTypes from \"prop-types\";\n\nimport { TYPES } from \"./constants\";\nimport PartialSupportedBrowserVersion from \"./PartialSupportedBrowserVersion\";\nimport UnknownBrowser from \"./UnknownBrowser\";\nimport UnsupportedBrowser from \"./UnsupportedBrowser\";\nimport UnsupportedBrowserVersion from \"./UnsupportedBrowserVersion\";\nimport { getBrowserStatus } from \"./utils\";\n\nconst BrowserSupport = ({\n  overrides = {},\n  unsupportedBrowsers = [],\n  children,\n}) => {\n  const {\n    browserName,\n    browserVersion,\n    browserType,\n    deviceType,\n    isUnsupportedBrowser,\n    isKnownBrowser,\n    isBrowserFullySupported,\n    isBrowserPartiallySupported,\n    requiredMinBrowserVersion,\n    downloadPageLink,\n  } = getBrowserStatus(overrides, unsupportedBrowsers);\n\n  if (browserType === TYPES.INAPP || deviceType === TYPES.MOBILE) {\n    return <>{children}</>;\n  }\n\n  if (isUnsupportedBrowser) {\n    return <UnsupportedBrowser {...{ browserName, browserVersion }} />;\n  }\n\n  if (!isKnownBrowser) {\n    return (\n      <UnknownBrowser {...{ browserName, browserVersion }}>\n        {children}\n      </UnknownBrowser>\n    );\n  }\n\n  if (isBrowserFullySupported) return <>{children}</>;\n\n  if (isBrowserPartiallySupported) {\n    return (\n      <PartialSupportedBrowserVersion\n        {...{\n          browserName,\n          browserVersion,\n          downloadPageLink,\n          requiredMinBrowserVersion,\n        }}\n      >\n        {children}\n      </PartialSupportedBrowserVersion>\n    );\n  }\n\n  return (\n    <UnsupportedBrowserVersion\n      {...{\n        browserName,\n        browserVersion,\n        downloadPageLink,\n        requiredMinBrowserVersion,\n      }}\n    />\n  );\n};\n\nBrowserSupport.propTypes = {\n  /**\n   * To override the default minimum supported versions of the browsers.\n   */\n  overrides: PropTypes.shape({\n    Chrome: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    Edge: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    Firefox: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    IE: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    Opera: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    Safari: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    AndroidBrowser: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    OperaMini: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    MobileChrome: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    MobileFirefox: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    UCBrowser: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n    SamsungInternet: PropTypes.shape({\n      hardLimit: PropTypes.number,\n      softLimit: PropTypes.number,\n    }),\n  }),\n  /**\n   * To add more browsers to the list of unsupported browsers\n   */\n  unsupportedBrowsers: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default BrowserSupport;\n"],"names":["DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS","Chrome","softLimit","hardLimit","Edge","Firefox","IE","Opera","Safari","WebKit","MobileChrome","MobileFirefox","MobileSafari","UCBrowser","SamsungInternet","AndroidBrowser","Electron","UNSUPPORTED_BROWSERS","BROWSER_UPGRADE_PAGE_LINKS","TYPES","INAPP","MOBILE","Callout","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","className","ContactUs","_ref$className","Trans","i18nKey","components","button","classnames","onClick","_window$NeetoChat","_window$NeetoChat2","window","NeetoChat","contextualHelp","maximizeWidget","openWidget","DownloadLink","link","href","UnsupportedVersionMessage","browserName","browserVersion","downloadPageLink","requiredMinBrowserVersion","downloadLink","contactUs","values","memo","PartialSupportedBrowserVersion","_jsxs","_Fragment","UnsupportedBrowserMessage","UnknownBrowser","UnsupportedBrowser","UnsupportedBrowserVersion","convertToPlatformBrowserName","replace","getRequiredMinBrowserVersion","supportedBrowserVersionsMap","convertSemverToFloat","_browserVersion$split","split","_browserVersion$split2","_slicedToArray","majorVersion","minorVersion","parseFloat","concat","isVersionSupported","isBrowserFullySupported","isBrowserPartiallySupported","buildDownloadPageLink","isBrowserUnsupported","unsupportedBrowsersList","includes","isBrowserSupported","getBrowserStatus","overrides","additionalUnsupported","_UAParser$getResult","UAParser","navigator","userAgent","getResult","browser","device","name","t","version","browserType","type","deviceType","mergeDeepLeft","uniq","isUnsupportedBrowser","isKnownBrowser","BrowserSupport","_ref$overrides","_ref$unsupportedBrows","unsupportedBrowsers","_getBrowserStatus"],"mappings":"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"}

package/dist/cjs/v2/CardLayout.js

@@ -29,7 +29,7 @@ var CardLayout = function CardLayout(_ref) {
           className: "nv-card-icon-wrapper mb-4 w-full text-start",
           children: icon
         }), title && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          variant: "h2",
+          variant: "h3",
           className: classnames(["mb-2", {
             "pb-2": neetoCist.isNotPresent(description)
           }]),

package/dist/cjs/v2/CardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sources":["../../../src/v2/components/CardLayout/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  icon,\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"nv-card-container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"nv-card border-border my-6 w-full rounded-lg border\",\n        className,\n      ])}\n    >\n      <div className=\"nv-card-content p-4 md:p-6\">\n        {icon && (\n          <div className=\"nv-card-icon-wrapper mb-4 w-full text-start\">\n            {icon}\n          </div>\n        )}\n        {title && (\n          <Typography\n            variant=\"h2\"\n            className={classnames([\n              \"mb-2\",\n              { \"pb-2\": isNotPresent(description) },\n            ])}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-4\" variant=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"nv-card-action-block bg-muted sticky bottom-0 w-full rounded-lg rounded-t-none p-4 md:px-6\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the icon of the card.\n   */\n  icon: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","icon","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","variant","isNotPresent"],"mappings":";;;;;;;AAKA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,qBAAA,GAAAJ,IAAA,CACJK,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAR,IAAA,CACZS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CV,SAAS,EAAEW,UAAU,CAAC,CACpB,4CAA4C,EAC5CR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,eAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCZ,SAAS,EAAEW,UAAU,CAAC,CACpB,qDAAqD,EACrDX,SAAS,CACV,CAAE;AAAAS,MAAAA,QAAA,gBAEHG,eAAA,CAAA,KAAA,EAAA;AAAKZ,QAAAA,SAAS,EAAC,4BAA4B;QAAAS,QAAA,EAAA,CACxCR,IAAI,iBACHS,cAAA,CAAA,KAAA,EAAA;AAAKV,UAAAA,SAAS,EAAC,6CAA6C;AAAAS,UAAAA,QAAA,EACzDR;AAAI,SACF,CACN,EACAI,KAAK,iBACJK,cAAA,CAACG,qBAAU,EAAA;AACTC,UAAAA,OAAO,EAAC,IAAI;AACZd,UAAAA,SAAS,EAAEW,UAAU,CAAC,CACpB,MAAM,EACN;YAAE,MAAM,EAAEI,sBAAY,CAACR,WAAW;AAAE,WAAC,CACtC,CAAE;AAAAE,UAAAA,QAAA,EAEFJ;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,cAAA,CAACG,qBAAU,EAAA;AAACb,UAAAA,SAAS,EAAC,MAAM;AAACc,UAAAA,OAAO,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACzCF;SACS,CACb,EACAE,QAAQ;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,cAAA,CAAA,KAAA,EAAA;QACEV,SAAS,EAAEW,UAAU,CAAC,CACpB,4FAA4F,EAC5FX,SAAS,CACV,CAAE;AAAAS,QAAAA,QAAA,EAEFD;AAAW,OACT,CACN;KACE;AAAC,GACH,CAAC;AAAA;;;;"}
+{"version":3,"file":"CardLayout.js","sources":["../../../src/v2/components/CardLayout/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  icon,\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"nv-card-container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"nv-card border-border my-6 w-full rounded-lg border\",\n        className,\n      ])}\n    >\n      <div className=\"nv-card-content p-4 md:p-6\">\n        {icon && (\n          <div className=\"nv-card-icon-wrapper mb-4 w-full text-start\">\n            {icon}\n          </div>\n        )}\n        {title && (\n          <Typography\n            variant=\"h3\"\n            className={classnames([\n              \"mb-2\",\n              { \"pb-2\": isNotPresent(description) },\n            ])}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-4\" variant=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"nv-card-action-block bg-muted sticky bottom-0 w-full rounded-lg rounded-t-none p-4 md:px-6\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the icon of the card.\n   */\n  icon: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","icon","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","variant","isNotPresent"],"mappings":";;;;;;;AAKA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,qBAAA,GAAAJ,IAAA,CACJK,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAR,IAAA,CACZS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CV,SAAS,EAAEW,UAAU,CAAC,CACpB,4CAA4C,EAC5CR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,eAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCZ,SAAS,EAAEW,UAAU,CAAC,CACpB,qDAAqD,EACrDX,SAAS,CACV,CAAE;AAAAS,MAAAA,QAAA,gBAEHG,eAAA,CAAA,KAAA,EAAA;AAAKZ,QAAAA,SAAS,EAAC,4BAA4B;QAAAS,QAAA,EAAA,CACxCR,IAAI,iBACHS,cAAA,CAAA,KAAA,EAAA;AAAKV,UAAAA,SAAS,EAAC,6CAA6C;AAAAS,UAAAA,QAAA,EACzDR;AAAI,SACF,CACN,EACAI,KAAK,iBACJK,cAAA,CAACG,qBAAU,EAAA;AACTC,UAAAA,OAAO,EAAC,IAAI;AACZd,UAAAA,SAAS,EAAEW,UAAU,CAAC,CACpB,MAAM,EACN;YAAE,MAAM,EAAEI,sBAAY,CAACR,WAAW;AAAE,WAAC,CACtC,CAAE;AAAAE,UAAAA,QAAA,EAEFJ;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,cAAA,CAACG,qBAAU,EAAA;AAACb,UAAAA,SAAS,EAAC,MAAM;AAACc,UAAAA,OAAO,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACzCF;SACS,CACb,EACAE,QAAQ;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,cAAA,CAAA,KAAA,EAAA;QACEV,SAAS,EAAEW,UAAU,CAAC,CACpB,4FAA4F,EAC5FX,SAAS,CACV,CAAE;AAAAS,QAAAA,QAAA,EAEFD;AAAW,OACT,CACN;KACE;AAAC,GACH,CAAC;AAAA;;;;"}

package/dist/cjs/v2/ErrorPage.js

@@ -94,7 +94,7 @@ var ErrorPage = function ErrorPage(_ref) {
         }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           className: "mb-4",
           "data-testid": "title",
-          variant: "h2",
+          variant: "h3",
           weight: "semibold",
           children: title || /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
             i18nKey: errorKey

package/dist/cjs/v2/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sources":["../../../src/v2/components/ErrorPage/constants.js","../../../src/v2/components/ErrorPage/index.jsx"],"sourcesContent":["import InternalServerErrorImage from \"assets/images/internal-server-error\";\nimport PageNotFoundImage from \"assets/images/page-not-found\";\nimport UnauthorizedImage from \"assets/images/unauthorized\";\n\nexport const ERRORS = {\n  404: {\n    Image: PageNotFoundImage,\n    errorKey: \"neetoMolecules.errorPage.cantBeFound\",\n    titleKey: \"neetoMolecules.errorPage.title.cantBeFound\",\n  },\n  403: {\n    Image: UnauthorizedImage,\n    errorKey: \"neetoMolecules.errorPage.unauthorized\",\n    titleKey: \"neetoMolecules.errorPage.title.unauthorized\",\n  },\n  500: {\n    Image: InternalServerErrorImage,\n    errorKey: \"neetoMolecules.errorPage.internalServerError\",\n    titleKey: \"neetoMolecules.errorPage.title.internalServerError\",\n  },\n};\n","import { useEffect } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\n\nconst sanitize = DOMPurify.sanitize;\n\nconst ErrorPage = ({\n  homeUrl = \"/\",\n  status,\n  backToHomeButtonProps,\n  children,\n  showNeetoChatWidget = true,\n  description,\n  title,\n  hideBackToHomeButton = false,\n}) => {\n  const { t } = useTranslation();\n  const { statusCode: storeStatusCode, showErrorPage } =\n    useErrorDisplayStore.pick();\n\n  status = status || storeStatusCode;\n  const { Image, errorKey, titleKey } = ERRORS[status] || ERRORS[404];\n\n  useEffect(() => {\n    const pageLoader = document.getElementById(\"neeto-page-loader\");\n    if (pageLoader) pageLoader.remove();\n\n    const onBackButtonPress = () => {\n      if (!showErrorPage) return;\n      useErrorDisplayStore.setState({ showErrorPage: false });\n    };\n\n    window.addEventListener(\"popstate\", onBackButtonPress);\n\n    return () => {\n      window.removeEventListener(\"popstate\", onBackButtonPress);\n    };\n  }, []);\n\n  const openChatWidget = () => {\n    window.NeetoChat?.contextualHelp?.maximizeWidget();\n    window.NeetoChat?.contextualHelp?.openWidget();\n  };\n\n  return (\n    <div\n      className=\"@container/error-page flex min-h-dvh w-full flex-col items-center justify-center\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"flex w-[768px] max-w-full flex-col gap-8 p-4 @[768px]/error-page:flex-row @[768px]/error-page:gap-12 @[768px]/error-page:p-6\">\n        <Image\n          className=\"dark:[&_path]:fill-foreground w-full max-w-[180px] shrink-0 @[768px]/error-page:max-w-[240px]\"\n          data-testid=\"error-image\"\n        />\n        <div className=\"flex flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"title\"\n            variant=\"h2\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {!!description && (\n            <Typography\n              className=\"mb-4\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              variant=\"body1\"\n            />\n          )}\n          {showNeetoChatWidget && (\n            <Typography className=\"mb-6\" data-testid=\"title\" variant=\"body1\">\n              <Trans\n                i18nKey=\"neetoMolecules.errorPage.contactUs\"\n                components={{\n                  button: (\n                    <Button\n                      className=\"h-auto p-0 text-[inherit]\"\n                      variant=\"link\"\n                      onClick={openChatWidget}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <div className=\"flex flex-col items-start gap-3 [&_a]:no-underline\">\n            {!hideBackToHomeButton && (\n              <Button\n                asChild\n                size=\"lg\"\n                variant=\"default\"\n                {...backToHomeButtonProps}\n              >\n                <a href={homeUrl}>{t(\"neetoMolecules.errorPage.backToHome\")}</a>\n              </Button>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nErrorPage.propTypes = {\n  /**\n   * The URL to which the user will be taken to when user clicks on back to home button.\n   */\n  homeUrl: PropTypes.string,\n  /**\n   * The status code of the error.\n   */\n  status: PropTypes.oneOf([403, 404, 500]),\n  /**\n   * Decides whether 'contact us' link should be displayed or not.\n   */\n  showNeetoChatWidget: PropTypes.bool,\n  /**\n   * Description about the error.\n   */\n  description: PropTypes.string,\n  /**\n   * Decides whether 'back to home' button should be displayed or not.\n   */\n  hideBackToHomeButton: PropTypes.bool,\n  /**\n   * The title of the error page.\n   */\n  title: PropTypes.string,\n};\n\nexport default ErrorPage;\n"],"names":["ERRORS","Image","PageNotFoundImage","errorKey","titleKey","UnauthorizedImage","InternalServerErrorImage","sanitize","DOMPurify","ErrorPage","_ref","_ref$homeUrl","homeUrl","status","backToHomeButtonProps","children","_ref$showNeetoChatWid","showNeetoChatWidget","description","title","_ref$hideBackToHomeBu","hideBackToHomeButton","_useTranslation","useTranslation","t","_useErrorDisplayStore","useErrorDisplayStore","useShallow","store","statusCode","showErrorPage","storeStatusCode","_ref2","useEffect","pageLoader","document","getElementById","remove","onBackButtonPress","setState","window","addEventListener","removeEventListener","openChatWidget","_window$NeetoChat","_window$NeetoChat2","NeetoChat","contextualHelp","maximizeWidget","openWidget","_jsx","className","_jsxs","Helmet","Typography","variant","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","button","Button","onClick","_objectSpread","asChild","size","href"],"mappings":"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"}
+{"version":3,"file":"ErrorPage.js","sources":["../../../src/v2/components/ErrorPage/constants.js","../../../src/v2/components/ErrorPage/index.jsx"],"sourcesContent":["import InternalServerErrorImage from \"assets/images/internal-server-error\";\nimport PageNotFoundImage from \"assets/images/page-not-found\";\nimport UnauthorizedImage from \"assets/images/unauthorized\";\n\nexport const ERRORS = {\n  404: {\n    Image: PageNotFoundImage,\n    errorKey: \"neetoMolecules.errorPage.cantBeFound\",\n    titleKey: \"neetoMolecules.errorPage.title.cantBeFound\",\n  },\n  403: {\n    Image: UnauthorizedImage,\n    errorKey: \"neetoMolecules.errorPage.unauthorized\",\n    titleKey: \"neetoMolecules.errorPage.title.unauthorized\",\n  },\n  500: {\n    Image: InternalServerErrorImage,\n    errorKey: \"neetoMolecules.errorPage.internalServerError\",\n    titleKey: \"neetoMolecules.errorPage.title.internalServerError\",\n  },\n};\n","import { useEffect } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\n\nconst sanitize = DOMPurify.sanitize;\n\nconst ErrorPage = ({\n  homeUrl = \"/\",\n  status,\n  backToHomeButtonProps,\n  children,\n  showNeetoChatWidget = true,\n  description,\n  title,\n  hideBackToHomeButton = false,\n}) => {\n  const { t } = useTranslation();\n  const { statusCode: storeStatusCode, showErrorPage } =\n    useErrorDisplayStore.pick();\n\n  status = status || storeStatusCode;\n  const { Image, errorKey, titleKey } = ERRORS[status] || ERRORS[404];\n\n  useEffect(() => {\n    const pageLoader = document.getElementById(\"neeto-page-loader\");\n    if (pageLoader) pageLoader.remove();\n\n    const onBackButtonPress = () => {\n      if (!showErrorPage) return;\n      useErrorDisplayStore.setState({ showErrorPage: false });\n    };\n\n    window.addEventListener(\"popstate\", onBackButtonPress);\n\n    return () => {\n      window.removeEventListener(\"popstate\", onBackButtonPress);\n    };\n  }, []);\n\n  const openChatWidget = () => {\n    window.NeetoChat?.contextualHelp?.maximizeWidget();\n    window.NeetoChat?.contextualHelp?.openWidget();\n  };\n\n  return (\n    <div\n      className=\"@container/error-page flex min-h-dvh w-full flex-col items-center justify-center\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"flex w-[768px] max-w-full flex-col gap-8 p-4 @[768px]/error-page:flex-row @[768px]/error-page:gap-12 @[768px]/error-page:p-6\">\n        <Image\n          className=\"dark:[&_path]:fill-foreground w-full max-w-[180px] shrink-0 @[768px]/error-page:max-w-[240px]\"\n          data-testid=\"error-image\"\n        />\n        <div className=\"flex flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"title\"\n            variant=\"h3\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {!!description && (\n            <Typography\n              className=\"mb-4\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              variant=\"body1\"\n            />\n          )}\n          {showNeetoChatWidget && (\n            <Typography className=\"mb-6\" data-testid=\"title\" variant=\"body1\">\n              <Trans\n                i18nKey=\"neetoMolecules.errorPage.contactUs\"\n                components={{\n                  button: (\n                    <Button\n                      className=\"h-auto p-0 text-[inherit]\"\n                      variant=\"link\"\n                      onClick={openChatWidget}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <div className=\"flex flex-col items-start gap-3 [&_a]:no-underline\">\n            {!hideBackToHomeButton && (\n              <Button\n                asChild\n                size=\"lg\"\n                variant=\"default\"\n                {...backToHomeButtonProps}\n              >\n                <a href={homeUrl}>{t(\"neetoMolecules.errorPage.backToHome\")}</a>\n              </Button>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nErrorPage.propTypes = {\n  /**\n   * The URL to which the user will be taken to when user clicks on back to home button.\n   */\n  homeUrl: PropTypes.string,\n  /**\n   * The status code of the error.\n   */\n  status: PropTypes.oneOf([403, 404, 500]),\n  /**\n   * Decides whether 'contact us' link should be displayed or not.\n   */\n  showNeetoChatWidget: PropTypes.bool,\n  /**\n   * Description about the error.\n   */\n  description: PropTypes.string,\n  /**\n   * Decides whether 'back to home' button should be displayed or not.\n   */\n  hideBackToHomeButton: PropTypes.bool,\n  /**\n   * The title of the error page.\n   */\n  title: PropTypes.string,\n};\n\nexport default ErrorPage;\n"],"names":["ERRORS","Image","PageNotFoundImage","errorKey","titleKey","UnauthorizedImage","InternalServerErrorImage","sanitize","DOMPurify","ErrorPage","_ref","_ref$homeUrl","homeUrl","status","backToHomeButtonProps","children","_ref$showNeetoChatWid","showNeetoChatWidget","description","title","_ref$hideBackToHomeBu","hideBackToHomeButton","_useTranslation","useTranslation","t","_useErrorDisplayStore","useErrorDisplayStore","useShallow","store","statusCode","showErrorPage","storeStatusCode","_ref2","useEffect","pageLoader","document","getElementById","remove","onBackButtonPress","setState","window","addEventListener","removeEventListener","openChatWidget","_window$NeetoChat","_window$NeetoChat2","NeetoChat","contextualHelp","maximizeWidget","openWidget","_jsx","className","_jsxs","Helmet","Typography","variant","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","button","Button","onClick","_objectSpread","asChild","size","href"],"mappings":"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"}

package/dist/cjs/v2/Header.js

@@ -88,7 +88,7 @@ var Header = function Header(_ref) {
           className: classnames("flex w-full flex-row items-center gap-3", hasBreadcrumbs ? "mt-0" : "-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1"),
           children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
             asChild: true,
-            variant: isNano ? "h3" : "h1",
+            variant: isNano ? "h4" : "h2",
             weight: "semibold",
             children: /*#__PURE__*/jsxRuntime.jsxs(TitleTag, {
               "data-testid": "main-header",

package/dist/cjs/v2/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/v2/components/Header/constants.js","../../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h3\" : \"h1\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../src/v2/components/Header/constants.js","../../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h4\" : \"h2\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,KAAK,GAAG;AAAEC,EAAAA,IAAI,EAAE,MAAM;AAAEC,EAAAA,KAAK,EAAE;AAAQ,CAAC;AAE9C,IAAMC,qBAAqB,GAAG;AAAEF,EAAAA,IAAI,EAAE,OAAO;AAAEC,EAAAA,KAAK,EAAE;AAAS,CAAC;;;;;ACYhE,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAUN;AAAA,EAAA,IATJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,qBAAA,GAAAF,IAAA,CACLG,qBAAqB;AAArBA,IAAAA,qBAAqB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAC1BE,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAAC,cAAA,GAAAL,IAAA,CACXM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,WAAW,GAAAP,IAAA,CAAXO,WAAW;IAAAC,gBAAA,GAAAR,IAAA,CACXS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,gBAAA;IAAAE,mBAAA,GAAAV,IAAA,CAChBW,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,mBAAA;IAAAG,SAAA,GAAAb,IAAA,CACrBc,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;IAAAE,eAAA,GAAAf,IAAA,CACd,aAAa,CAAA;AAAEgB,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,wBAAwB,GAAAA,eAAA;AAEpD,EAAA,IAAME,SAAS,GAAGC,YAAM,CAAC,IAAI,CAAC;AAE9BC,EAAAA,qBAAe,CAAC,YAAM;AACpB,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAS;AAC/B,MAAA,IAAI,CAACH,SAAS,CAACI,OAAO,EAAE;AACxB,MAAA,IAAMC,MAAM,GAAGL,SAAS,CAACI,OAAO,CAACE,YAAY;AAC7CC,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,WAAW,CAAC,oBAAoB,EAAA,EAAA,CAAAC,MAAA,CAAKN,MAAM,OAAI,CAAC;IACtE,CAAC;AAEDF,IAAAA,kBAAkB,EAAE;AAEpBS,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEV,kBAAkB,CAAC;AAErD,IAAA,OAAO,YAAM;AACXS,MAAAA,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEX,kBAAkB,CAAC;MACxDI,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACM,cAAc,CAAC,oBAAoB,CAAC;IAC1D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,IAAMC,MAAM,GAAGnB,IAAI,KAAKnB,KAAK,CAACC,IAAI;AAClC,EAAA,IAAMsC,cAAc,GAAGC,oBAAU,CAAC1B,WAAW,CAAC;AAC9C,EAAA,IAAM2B,QAAQ,GAAGH,MAAM,GAAG,IAAI,GAAG,IAAI;AAErC,EAAA,oBACEI,eAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAarB,UAAW;AACxBsB,IAAAA,GAAG,EAAErB,SAAU;AACfX,IAAAA,SAAS,EAAEiC,UAAU,CACnB,4EAA4E,EAC5E,0BAA0B,EAC1B;AAAE,MAAA,SAAS,EAAEN,MAAM,IAAInB,IAAI,KAAKnB,KAAK,CAACE;KAAO,EAC7CS,SACF,CAAE;AAAAkC,IAAAA,QAAA,gBAEFC,cAAA,CAAA,KAAA,EAAA;AAAKnC,MAAAA,SAAS,EAAC,mDAAmD;AAAAkC,MAAAA,QAAA,eAChEH,eAAA,CAAA,KAAA,EAAA;AAAK/B,QAAAA,SAAS,EAAC,gBAAgB;AAAAkC,QAAAA,QAAA,EAAA,CAC5BN,cAAc,iBAAIO,cAAA,CAACC,cAAW,EAAA;AAAOjC,UAAAA,WAAW,EAAXA;SAAgB,CAAC,eACvDgC,cAAA,CAAA,KAAA,EAAA;UACEnC,SAAS,EAAEiC,UAAU,CACnB,yCAAyC,EACzCL,cAAc,GACV,MAAM,GACN,gDACN,CAAE;UAAAM,QAAA,eAEFC,cAAA,CAACE,qBAAU,EAAA;YACTC,OAAO,EAAA,IAAA;AACPC,YAAAA,OAAO,EAAEZ,MAAM,GAAG,IAAI,GAAG,IAAK;AAC9Ba,YAAAA,MAAM,EAAC,UAAU;YAAAN,QAAA,eAEjBH,eAAA,CAACD,QAAQ,EAAA;AAAC,cAAA,aAAA,EAAY,aAAa;AAAAI,cAAAA,QAAA,EAAA,CAChCvC,KAAK,EACL8C,mBAAS,CAAC5C,qBAAqB,CAAC,iBAC/BsC,cAAA,CAACO,cAAW,EAAAC,aAAA,CAAA;AACV3C,gBAAAA,SAAS,EAAC,+BAA+B;AACzC4C,gBAAAA,IAAI,EAAC;AAAO,eAAA,EACR/C,qBAAqB,CAC1B,CACF,EACAQ,cAAc,CACb,UAAAwC,KAAA,EAAA;AAAA,gBAAA,IAAAC,qBAAA,GAAAD,KAAA,CAAGE,mBAAmB;AAAnBA,kBAAAA,mBAAmB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;AAAKE,kBAAAA,aAAa,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA;AAAA,gBAAA,oBAC3Cf,cAAA,CAAA,MAAA,EAAA;AAAMnC,kBAAAA,SAAS,EAAC,+BAA+B;AAAAkC,kBAAAA,QAAA,eAC7CC,cAAA,CAACgB,eAAY,EAAAR,aAAA,CAAA;AACXI,oBAAAA,mBAAmB,EAAAJ,aAAA,CAAA;sBACjBnC,IAAI,EAAEhB,qBAAqB,CAACgB,IAAI;AAAC,qBAAA,EAC9BuC,mBAAmB;AACtB,mBAAA,EACEC,aAAa,CAClB;AAAC,iBACE,CAAC;AAAA,cAAA,CAEX,CAAC;aACO;WACA;AAAC,SACV,CAAC;OACH;KACF,CAAC,eACNjB,eAAA,CAAA,KAAA,EAAA;AACE/B,MAAAA,SAAS,EAAEiC,UAAU,CACnB,sCAAsC,EACtC,uDACF,CAAE;AAAAC,MAAAA,QAAA,GAEDpC,WAAW,iBACVqC,cAAA,CAACiB,SAAM,EAAAT,aAAA,CAAA;QACLU,aAAa,EAAA,IAAA;AACbrD,QAAAA,SAAS,EAAEiC,UAAU,CACnB,wBAAwB,EACxBnC,WAAW,CAACE,SACd;AAAE,OAAA,EACEF,WAAW,CAChB,CACF,EACAG,WAAW,iBACVkC,cAAA,CAAA,KAAA,EAAA;AAAKnC,QAAAA,SAAS,EAAC,iHAAiH;AAAAkC,QAAAA,QAAA,EAC7HjC;AAAW,OACT,CACN;AAAA,KACE,CAAC;AAAA,GACH,CAAC;AAEV;;;;"}