@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/README.md

@@ -11,58 +11,72 @@ https://neeto-molecules.neeto.com/
 
 ## Exported Components
 
-- [BrowserSupport](./docs/components.md#browsersupport)
-- [Columns](./docs/components.md#columns)
-- [CopyToClipboardButton](./docs/components.md#copytoclipboardbutton)
-- [CustomDomainDashboard](./docs/components.md#customdomainDashboard)
-- [CustomDomain](./docs/components.md#customdomain)
-- [CalendarView](./docs/components.md#calendarview)
-- [DateFormat/TimeFormat](./docs/components.md#dateformattimeformat)
-- [DateRangeFilter](./docs/components.md#daterangefilter)
-- [DownloadMobileAppCallout](./docs/components.md#downloadmobileappcallout)
-- [DynamicVariables](./docs/components.md#dynamicvariables)
-- [EmailForm](./docs/components.md#emailform)
-- [EmailPreview](./docs/components.md#emailpreview)
-- [ErrorPage](./docs/components.md#errorpage)
-- [IconPicker](./docs/components.md#iconpicker)
-- [InlineInput](./docs/components.md#inlineinput)
-- [IntegrationCard](./docs/components.md#integrationscard)
-- [IntegrationDisconnectAlert](./docs/components.md#integrationdisconnectalert)
-- [IntegrationWalkthroughModal](./docs/components.md#integrationwalkthroughmodal)
-- [IpRestriction](./docs/components.md#iprestriction)
-- [KeyboardShortcuts](./docs/components.md#keyboardshortcuts)
-- [LoginPage](./docs/components.md#loginpage)
-- [NeetoWidget](./docs/components.md#neetowidget)
-- [NavigationHeader](./docs/components.md#NavigationHeader)
-- [PublishBlock](./docs/components.md#publishblock)
-- [Schedule](./docs/components.md#schedule)
-- [ShareViaEmail](./docs/components.md#shareviaemail)
-- [ShareViaLink](./docs/components.md#sharevialink)
-- [Sidebar](./docs/components.md#sidebar)
-- [TimezoneMismatchModal](./docs/components.md#timezonemismatchmodal)
-- [PageLoader](./docs/components.md#pageloader)
-- [MenuBar](./docs/components.md#menubar)
-- [Container](./docs/components.md#container)
-- [Scrollable](./docs/components.md#scrollable)
-- [Header](./docs/components.md#header)
-- [SubHeader](./docs/components.md#subheader)
-- [TableWrapper](./docs/components.md#tablewrapper)
-- [PhoneNumber](./docs/components.md#phonenumber)
-- [Rename](./docs/components.md#rename)
-- [ThemeSidebar](./docs/components.md#themesidebar)
-- [ImageWIthFallback](./docs/components.md#ImageWIthFallback)
-- [ToggleFeatureCard](./docs/components.md#ToggleFeatureCard)
-- [Settings](./docs/components.md#Settings)
-- [Codeblock](./docs/components.md#Codeblock)
-- [Breadcrumbs](./docs/components.md#Breadcrumbs)
-- [Security](./docs/components.md#Security)
-- [SendToFields](./docs/components.md#SendToFieldsComponent)
-- [ConfirmationModal](./docs/components.md#ConfirmationModal)
-- [MoreDropdown](./docs/components.md#MoreDropdown)
-- [Builder](./docs/components.md#Builder)
-- [Metadata](./docs/components.md#metadata)
-- [DocumentEditor](./docs/components.md#DocumentEditor)
-- [Taxonomy](./docs/components.md#Taxonomy)
+- [Breadcrumbs](./docs/components/Breadcrumbs.md)
+- [BrowserSupport](./docs/components/BrowserSupport.md)
+- [Builder](./docs/components/Builder.md)
+- [CalendarView](./docs/components/CalendarView.md)
+- [Codeblock](./docs/components/Codeblock.md)
+- [Columns](./docs/components/Columns.md)
+- [ConfirmationModal](./docs/components/ConfirmationModal.md)
+- [Container](./docs/components/Container.md)
+- [CopyToClipboardButton](./docs/components/CopyToClipboardButton.md)
+- [Currency](./docs/components/Currency.md)
+- [CustomDomain](./docs/components/CustomDomain.md)
+- [CustomDomainDashboard](./docs/components/CustomDomainDashboard.md)
+- [DateFormat/TimeFormat](./docs/components/DateFormatTimeFormat.md)
+- [DateRangeFilter](./docs/components/DateRangeFilter.md)
+- [DeleteArchiveModal](./docs/components/DeleteArchiveModal.md)
+- [DocumentEditor](./docs/components/DocumentEditor.md)
+- [DownloadMobileAppCallout](./docs/components/DownloadMobileAppCallout.md)
+- [DynamicVariables](./docs/components/DynamicVariables.md)
+- [EmailForm](./docs/components/EmailForm.md)
+- [EmailFormProvider](./docs/components/EmailFormProvider.md)
+- [EmailPreview](./docs/components/EmailPreview.md)
+- [EmojiPicker](./docs/components/EmojiPicker.md)
+- [EmojiReactions](./docs/components/EmojiReactions.md)
+- [ErrorPage](./docs/components/ErrorPage.md)
+- [FloatingActionMenu](./docs/components/FloatingActionMenu.md)
+- [Header](./docs/components/Header.md)
+- [HelpPopover](./docs/components/HelpPopover.md)
+- [IconPicker](./docs/components/IconPicker.md)
+- [ImageWithFallback](./docs/components/ImageWithFallback.md)
+- [InlineInput](./docs/components/InlineInput.md)
+- [IntegrationCard](./docs/components/IntegrationCard.md)
+- [IntegrationDisconnectAlert](./docs/components/IntegrationDisconnectAlert.md)
+- [IntegrationWalkthroughModal](./docs/components/IntegrationWalkthroughModal.md)
+- [IpRestriction](./docs/components/IpRestriction.md)
+- [KeyboardShortcuts](./docs/components/KeyboardShortcuts.md)
+- [LoginPage](./docs/components/LoginPage.md)
+- [MadeWith](./docs/components/MadeWith.md)
+- [MenuBar](./docs/components/MenuBar.md)
+- [Metadata](./docs/components/Metadata.md)
+- [MoreDropdown](./docs/components/MoreDropdown.md)
+- [NavigationHeader](./docs/components/NavigationHeader.md)
+- [NeetoWidget](./docs/components/NeetoWidget.md)
+- [Onboarding](./docs/components/Onboarding.md)
+- [PageLoader](./docs/components/PageLoader.md)
+- [PhoneNumber](./docs/components/PhoneNumber.md)
+- [PublishBlock](./docs/components/PublishBlock.md)
+- [PublishYourItem](./docs/components/PublishYourItem.md)
+- [Rename](./docs/components/Rename.md)
+- [ResponsiveDevicePicker](./docs/components/ResponsiveDevicePicker.md)
+- [Schedule](./docs/components/Schedule.md)
+- [Scrollable](./docs/components/Scrollable.md)
+- [Search](./docs/components/Search.md)
+- [Security](./docs/components/Security.md)
+- [SendToFields](./docs/components/SendToFields.md)
+- [Settings](./docs/components/Settings.md)
+- [ShareViaEmail](./docs/components/ShareViaEmail.md)
+- [ShareViaLink](./docs/components/ShareViaLink.md)
+- [Sidebar](./docs/components/Sidebar.md)
+- [StickyRibbonsContainer](./docs/components/StickyRibbonsContainer.md)
+- [SubHeader](./docs/components/SubHeader.md)
+- [SuffixedInput](./docs/components/SuffixedInput.md)
+- [TableWrapper](./docs/components/TableWrapper.md)
+- [Taxonomy](./docs/components/Taxonomy.md)
+- [ThemeSidebar](./docs/components/ThemeSidebar.md)
+- [TimezoneMismatchModal](./docs/components/TimezoneMismatchModal.md)
+- [ToggleFeatureCard](./docs/components/ToggleFeatureCard.md)
 
 ## Installation Instructions
 
@@ -76,3 +90,4 @@ yarn add "@bigbinary/neeto-molecules@latest"
 
 - [Development instructions](./docs/general/development-instructions.md)
 - [Building and releasing](./docs/general/building-and-releasing.md)
+- [Releasing beta versions](./docs/general/releasing-beta-versions.md)

package/dist/Breadcrumbs.js

@@ -1,42 +1,39 @@
-import React from 'react';
+import React__default from 'react';
+import classnames from 'classnames';
+import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { Typography } from '@bigbinary/neetoui';
 import { Link } from 'react-router-dom';
+import { n } from './inject-css-c86de496.js';
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".neeto-molecules-breadcrumbs-wrap{display:flex}.neeto-molecules-breadcrumbs-wrap .neeto-molecules-breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-breadcrumbs-wrap .neeto-molecules-breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-breadcrumbs-wrap .neeto-molecules-breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-breadcrumbs-wrap .neeto-molecules-breadcrumb-link{color:rgb(var(--neeto-ui-gray-500));padding:8px 5px}.neeto-molecules-breadcrumbs-wrap .neeto-molecules-breadcrumb-link:hover{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-breadcrumbs-wrap .neeto-molecules-breadcrumb-separator{margin:0 4px}";
+var css = ".neeto-molecules-breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-breadcrumb-separator{font-size:12px;line-height:16px;margin:0 12px}.neeto-molecules-breadcrumbs-wrap{display:flex;flex-wrap:wrap;gap:6px 0;margin:0 0 40px}@media screen and (max-width:768px){.neeto-molecules-breadcrumbs-wrap{margin:0 0 16px}}";
 n(css,{});
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var breadcrumbs = _ref.breadcrumbs,
     _ref$hasTrailingSepar = _ref.hasTrailingSeparator,
-    hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-breadcrumbs-wrap"
+    hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar,
+    className = _ref.className;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-molecules-breadcrumbs-wrap", className)
   }, 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", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: "neeto-molecules-breadcrumb",
       "data-cy": "header-breadcrumb",
       key: index
-    }, /*#__PURE__*/React.createElement(Link, {
+    }, /*#__PURE__*/React__default.createElement(Link, {
       to: link
-    }, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/React__default.createElement(Typography, {
       className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link",
-      component: "p",
-      "data-cy": text,
+      component: "span",
+      "data-cy": "".concat(hyphenize(text), "-breadcrumb"),
       "data-test-id": text,
       style: "body2",
       weight: "normal"
-    }, text)), (index + 1 !== breadcrumbs.length || hasTrailingSeparator) && /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-molecules-breadcrumb-separator neeto-ui-text-gray-500",
-      component: "p",
-      "data-cy": "breadcrumb-divider-".concat(index),
-      "data-test-id": "breadcrumb-divider-".concat(index),
-      style: "body2",
-      weight: "normal"
+    }, text)), (index + 1 !== breadcrumbs.length || hasTrailingSeparator) && /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-molecules-breadcrumb-separator neeto-ui-text-black"
     }, "/"));
   }));
 };

package/dist/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Breadcrumbs/index.jsx"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./breadcrumbs.scss\";\n\nconst Breadcrumbs = ({ breadcrumbs, hasTrailingSeparator = false }) => (\n  <div className=\"neeto-molecules-breadcrumbs-wrap\">\n    {breadcrumbs.map(({ text, link = \"#\" }, index) => (\n      <div\n        className=\"neeto-molecules-breadcrumb\"\n        data-cy=\"header-breadcrumb\"\n        key={index}\n      >\n        <Link to={link}>\n          <Typography\n            className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link\"\n            component=\"p\"\n            data-cy={text}\n            data-test-id={text}\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            {text}\n          </Typography>\n        </Link>\n        {(index + 1 !== breadcrumbs.length || hasTrailingSeparator) && (\n          <Typography\n            className=\"neeto-molecules-breadcrumb-separator neeto-ui-text-gray-500\"\n            component=\"p\"\n            data-cy={`breadcrumb-divider-${index}`}\n            data-test-id={`breadcrumb-divider-${index}`}\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            /\n          </Typography>\n        )}\n      </div>\n    ))}\n  </div>\n);\n\nBreadcrumbs.propTypes = {\n  /**\n   * To show breadcrumbs. `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   * An optional `boolean` to control whether the component should show a trailing separator at the end. This will be useful if there's something like entity name to be shown after the breadcrumb component.\n   */\n  hasTrailingSeparator: PropTypes.bool,\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","_ref$hasTrailingSepar","hasTrailingSeparator","React","createElement","className","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","style","weight","length","concat"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../src/components/Breadcrumbs/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./breadcrumbs.scss\";\n\nconst Breadcrumbs = ({\n  breadcrumbs,\n  hasTrailingSeparator = false,\n  className,\n}) => (\n  <div className={classNames(\"neeto-molecules-breadcrumbs-wrap\", className)}>\n    {breadcrumbs.map(({ text, link = \"#\" }, index) => (\n      <div\n        className=\"neeto-molecules-breadcrumb\"\n        data-cy=\"header-breadcrumb\"\n        key={index}\n      >\n        <Link to={link}>\n          <Typography\n            className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link\"\n            component=\"span\"\n            data-cy={`${hyphenize(text)}-breadcrumb`}\n            data-test-id={text}\n            style=\"body2\"\n            weight=\"normal\"\n          >\n            {text}\n          </Typography>\n        </Link>\n        {(index + 1 !== breadcrumbs.length || hasTrailingSeparator) && (\n          <span className=\"neeto-molecules-breadcrumb-separator neeto-ui-text-black\">\n            /\n          </span>\n        )}\n      </div>\n    ))}\n  </div>\n);\n\nBreadcrumbs.propTypes = {\n  /**\n   * To show breadcrumbs. `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\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","_ref$hasTrailingSepar","hasTrailingSeparator","className","React","createElement","classNames","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","concat","hyphenize","style","weight","length"],"mappings":";;;;;;;;;;AAUA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACfC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAAC,qBAAA,GAAAF,IAAA,CACXG,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC5BE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;EAAA,oBAETC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAEG,UAAU,CAAC,kCAAkC,EAAEH,SAAS,CAAA;AAAE,GAAA,EACvEH,WAAW,CAACO,GAAG,CAAC,UAAAC,KAAA,EAAuBC,KAAK,EAAA;AAAA,IAAA,IAAzBC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAAC,UAAA,GAAAH,KAAA,CAAEI,IAAI;AAAJA,MAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,UAAA,CAAA;IAAA,oBAClCP,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,MAAAA,SAAS,EAAC,4BAA4B;AACtC,MAAA,SAAA,EAAQ,mBAAmB;AAC3BU,MAAAA,GAAG,EAAEJ,KAAAA;AAAM,KAAA,eAEXL,cAAA,CAAAC,aAAA,CAACS,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAEH,IAAAA;AAAK,KAAA,eACbR,cAAA,CAAAC,aAAA,CAACW,UAAU,EAAA;AACTb,MAAAA,SAAS,EAAC,qFAAqF;AAC/Fc,MAAAA,SAAS,EAAC,MAAM;AAChB,MAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAYC,SAAS,CAACT,IAAI,CAAC,EAAc,aAAA,CAAA;AACzC,MAAA,cAAA,EAAcA,IAAK;AACnBU,MAAAA,KAAK,EAAC,OAAO;AACbC,MAAAA,MAAM,EAAC,QAAA;AAAQ,KAAA,EAEdX,IACS,CACR,CAAC,EACN,CAACD,KAAK,GAAG,CAAC,KAAKT,WAAW,CAACsB,MAAM,IAAIpB,oBAAoB,kBACxDE,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMF,MAAAA,SAAS,EAAC,0DAAA;KAA2D,EAAA,GAErE,CAEL,CAAC,CAAA;AAAA,GACP,CACE,CAAC,CAAA;AAAA;;;;"}

package/dist/BrowserSupport.js

@@ -1,11 +1,13 @@
-import React from 'react';
-import { t as t$1 } from 'i18next';
+import React__default from 'react';
+import { t } from 'i18next';
 import platform from 'platform';
 import { mergeDeepLeft, uniq, concat } from 'ramda';
+import { n } from './inject-css-c86de496.js';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { Trans } from 'react-i18next';
 import classnames from 'classnames';
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 
 var css = ":root{--neeto-molecules-browser-support-callout-bg:#feecf0;--neeto-molecules-browser-support-border-color:#d7373f;--neeto-molecules-browser-support-text-color:#121212;--neeto-molecules-browser-support-link-color:#2d36d4}.neeto-molecules-browser-support-callout{background-color:#feecf0;background-color:var(--neeto-molecules-browser-support-callout-bg);border:1px solid #d7373f;border:1px solid var(--neeto-molecules-browser-support-border-color);display:flex;justify-content:center;padding:5px}.neeto-molecules-browser-support-callout__message{color:#121212;color:var(--neeto-molecules-browser-support-text-color);font-size:14px}.neeto-molecules-browser-support-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow-y:auto}.neeto-molecules-browser-support-page__content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;padding-left:15px;padding-right:15px;width:720px}.neeto-molecules-browser-support-page__header{color:#121212;color:var(--neeto-molecules-browser-support-text-color);font-size:24px;margin:0 0 .5rem}.neeto-molecules-browser-support-page__desc{color:#121212;color:var(--neeto-molecules-browser-support-text-color);font-size:1rem;line-height:1.5;margin:0 0 1rem}.neeto-molecules-browser-support-callout__message,.neeto-molecules-browser-support-page__desc{text-align:center}.neeto-molecules-browser-support-callout__message a,.neeto-molecules-browser-support-page__desc a{color:#2d36d4;color:var(--neeto-molecules-browser-support-link-color)}.neeto-molecules-browser-support-callout__message a:hover,.neeto-molecules-browser-support-page__desc a:hover{text-decoration:underline}.neeto-molecules-browser-support__link-button{color:#2d36d4;color:var(--neeto-molecules-browser-support-link-color)}.neeto-molecules-browser-support__link-button:hover{text-decoration:underline}";
 n(css,{});
@@ -74,58 +76,14 @@ var BROWSER_UPGRADE_PAGE_LINKS = {
   SamsungInternet: "https://play.google.com/store/apps/details?id=com.sec.android.app.sbrowser&hl=en_IN&gl=US"
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
 var _excluded = ["children"];
 var Callout = function Callout(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     className: "neeto-molecules-browser-support-callout",
     "data-testid": "browser-support-callout"
-  }, props), /*#__PURE__*/React.createElement("p", {
+  }, props), /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-molecules-browser-support-callout__message"
   }, children));
 };
@@ -133,10 +91,10 @@ var Callout = function Callout(_ref) {
 var ContactUs = function ContactUs(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React.createElement(Trans, {
+  return /*#__PURE__*/React__default.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.contactUs.main",
     components: {
-      button: /*#__PURE__*/React.createElement("button", {
+      button: /*#__PURE__*/React__default.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;
@@ -152,9 +110,9 @@ 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, {
+  return /*#__PURE__*/React__default.createElement(Trans, {
     components: {
-      button: /*#__PURE__*/React.createElement("a", {
+      button: /*#__PURE__*/React__default.createElement("a", {
         className: className,
         href: link
       })
@@ -170,14 +128,14 @@ var UnsupportedVersionMessage = function UnsupportedVersionMessage(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     downloadPageLink = _ref.downloadPageLink,
     requiredMinBrowserVersion = _ref.requiredMinBrowserVersion;
-  return /*#__PURE__*/React.createElement(Trans, {
+  return /*#__PURE__*/React__default.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.description",
     components: {
-      downloadLink: /*#__PURE__*/React.createElement(DownloadLink, {
+      downloadLink: /*#__PURE__*/React__default.createElement(DownloadLink, {
         className: className,
         link: downloadPageLink
       }),
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
+      contactUs: /*#__PURE__*/React__default.createElement(ContactUs, {
         className: className
       })
     },
@@ -188,7 +146,7 @@ var UnsupportedVersionMessage = function UnsupportedVersionMessage(_ref) {
     }
   });
 };
-var UnsupportedVersionMessage$1 = /*#__PURE__*/React.memo(UnsupportedVersionMessage);
+var UnsupportedVersionMessage$1 = /*#__PURE__*/React__default.memo(UnsupportedVersionMessage);
 
 var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_ref) {
   var browserName = _ref.browserName,
@@ -196,7 +154,7 @@ var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_re
     requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
     downloadPageLink = _ref.downloadPageLink,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, null, /*#__PURE__*/React.createElement(UnsupportedVersionMessage$1, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Callout, null, /*#__PURE__*/React__default.createElement(UnsupportedVersionMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion,
     downloadPageLink: downloadPageLink,
@@ -209,9 +167,9 @@ var UnsupportedBrowserMessage = function UnsupportedBrowserMessage(_ref) {
     browserVersion = _ref.browserVersion,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React.createElement(Trans, {
+  return /*#__PURE__*/React__default.createElement(Trans, {
     components: {
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
+      contactUs: /*#__PURE__*/React__default.createElement(ContactUs, {
         className: className
       })
     },
@@ -222,13 +180,13 @@ var UnsupportedBrowserMessage = function UnsupportedBrowserMessage(_ref) {
     }
   });
 };
-var UnsupportedBrowserMessage$1 = /*#__PURE__*/React.memo(UnsupportedBrowserMessage);
+var UnsupportedBrowserMessage$1 = /*#__PURE__*/React__default.memo(UnsupportedBrowserMessage);
 
 var UnknownBrowser = function UnknownBrowser(_ref) {
   var browserName = _ref.browserName,
     browserVersion = _ref.browserVersion,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, null, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage$1, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Callout, null, /*#__PURE__*/React__default.createElement(UnsupportedBrowserMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion
   })), children);
@@ -237,104 +195,49 @@ var UnknownBrowser = function UnknownBrowser(_ref) {
 var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
   var browserName = _ref.browserName,
     browserVersion = _ref.browserVersion;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-browser-support-page",
     "data-testid": "browser-support-page"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-browser-support-page__content"
-  }, /*#__PURE__*/React.createElement("h1", {
+  }, /*#__PURE__*/React__default.createElement("h1", {
     className: "neeto-molecules-browser-support-page__header"
-  }, /*#__PURE__*/React.createElement(Trans, {
+  }, /*#__PURE__*/React__default.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.title"
-  })), /*#__PURE__*/React.createElement("p", {
+  })), /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-molecules-browser-support-page__desc"
-  }, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage$1, {
+  }, /*#__PURE__*/React__default.createElement(UnsupportedBrowserMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion,
     className: "neeto-ui-text-body1"
   }))));
 };
-var UnsupportedBrowser$1 = /*#__PURE__*/React.memo(UnsupportedBrowser);
+var UnsupportedBrowser$1 = /*#__PURE__*/React__default.memo(UnsupportedBrowser);
 
 var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
   var browserName = _ref.browserName,
     browserVersion = _ref.browserVersion,
     requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
     downloadPageLink = _ref.downloadPageLink;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-browser-support-page",
     "data-testid": "browser-support-page"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-browser-support-page__content"
-  }, /*#__PURE__*/React.createElement("h1", {
+  }, /*#__PURE__*/React__default.createElement("h1", {
     className: "neeto-molecules-browser-support-page__header"
-  }, /*#__PURE__*/React.createElement(Trans, {
+  }, /*#__PURE__*/React__default.createElement(Trans, {
     i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.title"
-  })), /*#__PURE__*/React.createElement("p", {
+  })), /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-molecules-browser-support-page__desc"
-  }, /*#__PURE__*/React.createElement(UnsupportedVersionMessage$1, {
+  }, /*#__PURE__*/React__default.createElement(UnsupportedVersionMessage$1, {
     browserName: browserName,
     browserVersion: browserVersion,
     downloadPageLink: downloadPageLink,
     requiredMinBrowserVersion: requiredMinBrowserVersion
   }))));
 };
-var UnsupportedBrowserVersion$1 = /*#__PURE__*/React.memo(UnsupportedBrowserVersion);
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
+var UnsupportedBrowserVersion$1 = /*#__PURE__*/React__default.memo(UnsupportedBrowserVersion);
 
 var convertToPlatformBrowserName = function convertToPlatformBrowserName(browserName) {
   return browserName.replace(/\s/g, "");
@@ -374,21 +277,21 @@ var BrowserSupport = function BrowserSupport(_ref) {
     unsupportedBrowsers = _ref$unsupportedBrows === void 0 ? [] : _ref$unsupportedBrows,
     children = _ref.children;
   var platformInfo = platform.parse(navigator.userAgent);
-  var browserName = platformInfo.name || t$1("neetoMolecules.browserSupport.unknownBrowserMsg");
+  var 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$1, {
+    return /*#__PURE__*/React__default.createElement(UnsupportedBrowser$1, {
       browserName: browserName,
       browserVersion: browserVersion
     });
   }
   var isKnownBrowser = isBrowserSupported(browserName, supportedBrowserVersionsMap);
   if (!isKnownBrowser) {
-    return /*#__PURE__*/React.createElement(UnknownBrowser, {
+    return /*#__PURE__*/React__default.createElement(UnknownBrowser, {
       browserName: browserName,
       browserVersion: browserVersion
     }, children);
@@ -397,16 +300,16 @@ var BrowserSupport = function BrowserSupport(_ref) {
     isBrowserFullySupported = _isVersionSupported.isBrowserFullySupported,
     isBrowserPartiallySupported = _isVersionSupported.isBrowserPartiallySupported;
   var downloadPageLink = buildDownloadPageLink(browserName);
-  if (isBrowserFullySupported) return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  if (isBrowserFullySupported) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
   if (isBrowserPartiallySupported) {
-    return /*#__PURE__*/React.createElement(PartialSupportedBrowserVersion, {
+    return /*#__PURE__*/React__default.createElement(PartialSupportedBrowserVersion, {
       browserName: browserName,
       browserVersion: browserVersion,
       downloadPageLink: downloadPageLink,
       requiredMinBrowserVersion: requiredMinBrowserVersion
     }, children);
   }
-  return /*#__PURE__*/React.createElement(UnsupportedBrowserVersion$1, {
+  return /*#__PURE__*/React__default.createElement(UnsupportedBrowserVersion$1, {
     browserName: browserName,
     browserVersion: browserVersion,
     downloadPageLink: downloadPageLink,