@bigbinary/neeto-molecules 1.2.0-beta1 → 1.2.0-beta2

package/dist/cjs/MoreDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.js","sources":["../../src/components/MoreDropdown/constants.js","../../src/components/MoreDropdown/Submenu.jsx","../../src/components/MoreDropdown/MenuItem.jsx","../../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","autoWidth","content","hyphenate"],"mappings":"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"}
+{"version":3,"file":"MoreDropdown.js","sources":["../../src/components/MoreDropdown/constants.js","../../src/components/MoreDropdown/Submenu.jsx","../../src/components/MoreDropdown/MenuItem.jsx","../../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import React from \"react\";\n\nimport { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","React","createElement","_extends","customTarget","Button","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","_objectSpread","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","autoWidth","content","hyphenate"],"mappings":"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"}

package/dist/cjs/NavigationHeader.js

@@ -2,8 +2,9 @@
 
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
+var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
 var ramda = require('ramda');
-var _extends = require('./extends-1b35a664.js');
+var _extends = require('@babel/runtime/helpers/extends');
 var neetoui = require('@bigbinary/neetoui');
 var reactRouterDom = require('react-router-dom');
 var Rename = require('./Rename.js');
@@ -14,21 +15,23 @@ var classnames = require('classnames');
 var reactI18next = require('react-i18next');
 var PublishBlock = require('./PublishBlock.js');
 var injectCss = require('./inject-css-80a5faa3.js');
-require('./slicedToArray-f320d9e7.js');
+require('@babel/runtime/helpers/slicedToArray');
 require('@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside');
 require('@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency');
 require('./Breadcrumbs.js');
 require('@bigbinary/neeto-hotkeys');
-require('./toConsumableArray-9abb3858.js');
-require('./defineProperty-886ed289.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/defineProperty');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('./MoreDropdown.js');
-require('./objectWithoutProperties-2fed2d7d.js');
+require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useBreakpoints__default = /*#__PURE__*/_interopDefaultLegacy(useBreakpoints);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var DEFAULT_HOME_BUTTON_PROPS = {
@@ -59,7 +62,7 @@ var LeftBlock = function LeftBlock(_ref) {
     to: homeUrl
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1"
-  }, homeButtonProps.icon))), neetoCist.isPresent(renameProps) && /*#__PURE__*/React__default["default"].createElement(Rename, _extends._extends({
+  }, homeButtonProps.icon))), neetoCist.isPresent(renameProps) && /*#__PURE__*/React__default["default"].createElement(Rename, _extends__default["default"]({
     dropdownItems: renameProps.dropdownItems,
     value: renameProps.value
   }, renameProps)), children);
@@ -68,13 +71,13 @@ var LeftBlock = function LeftBlock(_ref) {
 var NavigationLinks = function NavigationLinks(_ref) {
   var headerLinks = _ref.headerLinks;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-full items-center justify-center gap-2 md:gap-3 lg:gap-6",
+    className: "flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6",
     "data-cy": "navigation-header-navigation-links",
     "data-testid": "navigation-header-navigation-links"
   }, headerLinks.map(function (headerLink) {
-    return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.NavLink, _extends._extends({
+    return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.NavLink, _extends__default["default"]({
       activeClassName: "active",
-      className: "neeto-molecules-navigation-header__link capitalize no-underline",
+      className: "neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0",
       "data-cy": "".concat(general.joinHyphenCase(headerLink.key), "-tab"),
       key: headerLink.key
     }, headerLink), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -85,7 +88,7 @@ var NavigationLinks = function NavigationLinks(_ref) {
   }));
 };
 
-var css = ".standalone-publish-preview-button{border-radius:var(--neeto-ui-rounded)!important}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link{color:rgb(var(--neeto-ui-gray-500))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link .neeto-ui-text-h4{color:inherit}@media screen and (max-width:1024px){.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link .neeto-ui-text-h4{font-size:14px}}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.active{color:rgb(var(--neeto-ui-black))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link:hover:not(.active){color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled{color:rgb(var(--neeto-ui-gray-300));cursor:not-allowed}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled:hover{color:rgb(var(--neeto-ui-gray-300))}";
+var css = ".standalone-publish-preview-button{border-radius:var(--neeto-ui-rounded)!important}.neeto-molecules-navigation-header .neeto-ui-text-h4{color:inherit}@media screen and (max-width:1024px){.neeto-molecules-navigation-header .neeto-ui-text-h4{font-size:14px;font-weight:var(--neeto-ui-font-medium)}}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link{color:rgb(var(--neeto-ui-gray-500))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.active{color:rgb(var(--neeto-ui-black))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link:hover:not(.active){color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled{color:rgb(var(--neeto-ui-gray-300));cursor:not-allowed}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled:hover{color:rgb(var(--neeto-ui-gray-300))}";
 injectCss.n(css,{});
 
 var RightBlock = function RightBlock(_ref) {
@@ -124,7 +127,7 @@ var RightBlock = function RightBlock(_ref) {
   var renderPublishButtons = function renderPublishButtons(_ref3) {
     var PublishButton = _ref3.PublishButton,
       PublishPreviewButton = _ref3.PublishPreviewButton;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isPublishButtonVisible && /*#__PURE__*/React__default["default"].createElement(PublishButton, _extends._extends({
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isPublishButtonVisible && /*#__PURE__*/React__default["default"].createElement(PublishButton, _extends__default["default"]({
       disabled: isPublishDisabled,
       loading: isPublishing,
       onClick: function onClick() {
@@ -157,17 +160,24 @@ var NavigationHeader = function NavigationHeader(_ref) {
   var leftActionBlock = _ref.leftActionBlock,
     navigationLinks = _ref.navigationLinks,
     rightActionBlock = _ref.rightActionBlock;
+  var _useBreakpoints = useBreakpoints__default["default"](),
+    isSize = _useBreakpoints.isSize;
+  var isMobile = isSize("mobile");
   var numberOfChildren = ramda.length(ramda.filter(neetoCist.isPresent, [leftActionBlock, navigationLinks, rightActionBlock]));
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6",
     "data-cy": "navigation-header",
     "data-testid": "navigation-header"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "grid w-full gap-4",
     style: {
-      gridTemplateColumns: "repeat(".concat(numberOfChildren, ", 1fr)")
+      gridTemplateColumns: isMobile ? "repeat(".concat(numberOfChildren - 1, ", 1fr)") : "repeat(".concat(numberOfChildren, ", 1fr)")
     }
-  }, leftActionBlock, navigationLinks, rightActionBlock));
+  }, leftActionBlock, !isMobile && navigationLinks, rightActionBlock)), isMobile && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white \xDFflex-shrink-0 flex items-center overflow-x-auto border-b px-4 py-2 lg:px-6"
+  }, navigationLinks));
 };
 NavigationHeader.LeftActionBlock = LeftBlock;
 NavigationHeader.NavigationLinks = NavigationLinks;

package/dist/cjs/NavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeader.js","sources":["../../src/components/NavigationHeader/constants.jsx","../../src/components/NavigationHeader/LeftBlock.jsx","../../src/components/NavigationHeader/Navigation.jsx","../../src/components/NavigationHeader/RightBlock.jsx","../../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n  <div\n    className=\"flex w-full items-center justify-center gap-2 md:gap-3 lg:gap-6\"\n    data-cy=\"navigation-header-navigation-links\"\n    data-testid=\"navigation-header-navigation-links\"\n  >\n    {headerLinks.map(headerLink => (\n      <NavLink\n        activeClassName=\"active\"\n        className=\"neeto-molecules-navigation-header__link capitalize no-underline\"\n        data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n        key={headerLink.key}\n        {...headerLink}\n      >\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {headerLink.label}\n        </Typography>\n      </NavLink>\n    ))}\n  </div>\n);\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton to={previewDraftUrl} />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        disabled={isPublishPreviewDisabled}\n        to={previewPublishedUrl}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  return (\n    <div\n      className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n      data-cy=\"navigation-header\"\n      data-testid=\"navigation-header\"\n    >\n      <div\n        className=\"grid w-full gap-4\"\n        style={{ gridTemplateColumns: `repeat(${numberOfChildren}, 1fr)` }}\n      >\n        {leftActionBlock}\n        {navigationLinks}\n        {rightActionBlock}\n      </div>\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,IAAMA,yBAAyB,GAAG;AACvCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAEC,SAAC,CAAC,sCAAsC,CAAC;AAClDC,IAAAA,QAAQ,EAAE,QAAA;GACX;AACDC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,IAAI,eAAEC,yBAAA,CAAAC,aAAA,CAACC,eAAI,EAAE,IAAA,CAAA;AACf,CAAC;;ACAD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJaC,qBAAqB,GAAAD,IAAA,CAAtCE,eAAe;IACfR,OAAO,GAAAM,IAAA,CAAPN,OAAO;IACPS,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;AAER,EAAA,IAAMF,eAAe,GAAGG,oBAAc,CACpChB,yBAAyB,EACzBY,qBACF,CAAC,CAAA;EAED,oBACEL,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,kCAAkC;AAC5C,IAAA,SAAA,EAAQ,8BAA8B;IACtC,aAAY,EAAA,8BAAA;AAA8B,GAAA,eAE1CV,yBAAA,CAAAC,aAAA,CAACU,eAAO,EAAA;AACNhB,IAAAA,OAAO,EAAEW,eAAe,CAACZ,OAAO,CAACC,OAAQ;AACzCE,IAAAA,QAAQ,EAAES,eAAe,CAACZ,OAAO,CAACG,QAAAA;AAAS,GAAA,eAE3CG,yBAAA,CAAAC,aAAA,CAACW,mBAAI,EAAA;AAAC,IAAA,SAAA,EAAQ,aAAa;AAAC,IAAA,aAAA,EAAY,aAAa;AAACC,IAAAA,EAAE,EAAEf,OAAAA;GACxDE,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKS,IAAAA,SAAS,EAAC,iDAAA;AAAiD,GAAA,EAC7DJ,eAAe,CAACP,IACd,CACD,CACC,CAAC,EACTe,mBAAS,CAACP,WAAW,CAAC,iBACrBP,yBAAA,CAAAC,aAAA,CAACc,MAAM,EAAAC,iBAAA,CAAA;IACLC,aAAa,EAAEV,WAAW,CAACU,aAAc;IACzCC,KAAK,EAAEX,WAAW,CAACW,KAAAA;AAAM,GAAA,EACrBX,WAAW,CAChB,CACF,EACAC,QACE,CAAC,CAAA;AAEV,CAAC;;AC1CD,IAAMW,eAAe,GAAG,SAAlBA,eAAeA,CAAAf,IAAA,EAAA;AAAA,EAAA,IAAMgB,WAAW,GAAAhB,IAAA,CAAXgB,WAAW,CAAA;EAAA,oBACpCpB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,iEAAiE;AAC3E,IAAA,SAAA,EAAQ,oCAAoC;IAC5C,aAAY,EAAA,oCAAA;AAAoC,GAAA,EAE/CU,WAAW,CAACC,GAAG,CAAC,UAAAC,UAAU,EAAA;AAAA,IAAA,oBACzBtB,yBAAA,CAAAC,aAAA,CAACsB,sBAAO,EAAAP,iBAAA,CAAA;AACNQ,MAAAA,eAAe,EAAC,QAAQ;AACxBd,MAAAA,SAAS,EAAC,iEAAiE;MAC3E,SAAAe,EAAAA,EAAAA,CAAAA,MAAA,CAAYC,sBAAc,CAACJ,UAAU,CAACK,GAAG,CAAC,EAAO,MAAA,CAAA;MACjDA,GAAG,EAAEL,UAAU,CAACK,GAAAA;AAAI,KAAA,EAChBL,UAAU,CAEdtB,eAAAA,yBAAA,CAAAC,aAAA,CAAC2B,kBAAU,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,IAAI;AAACC,MAAAA,MAAM,EAAC,UAAA;AAAU,KAAA,EACzDT,UAAU,CAACU,KACF,CACL,CAAC,CAAA;AAAA,GACX,CACE,CAAC,CAAA;AAAA,CACP;;;;;ACjBD,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA7B,IAAA,EAkBV;AAAA,EAAA,IAjBJ8B,kBAAkB,GAAA9B,IAAA,CAAlB8B,kBAAkB;IAClBC,eAAe,GAAA/B,IAAA,CAAf+B,eAAe;IACfC,yBAAyB,GAAAhC,IAAA,CAAzBgC,yBAAyB;IACzBC,YAAY,GAAAjC,IAAA,CAAZiC,YAAY;IACZC,WAAW,GAAAlC,IAAA,CAAXkC,WAAW;IACXC,iBAAiB,GAAAnC,IAAA,CAAjBmC,iBAAiB;IACjBC,YAAY,GAAApC,IAAA,CAAZoC,YAAY;IACZC,aAAa,GAAArC,IAAA,CAAbqC,aAAa;IACbC,wBAAwB,GAAAtC,IAAA,CAAxBsC,wBAAwB;IACxBC,mBAAmB,GAAAvC,IAAA,CAAnBuC,mBAAmB;IACnBC,sBAAsB,GAAAxC,IAAA,CAAtBwC,sBAAsB;IACtBC,gBAAgB,GAAAzC,IAAA,CAAhByC,gBAAgB;IAChBC,mBAAmB,GAAA1C,IAAA,CAAnB0C,mBAAmB;IACnBC,WAAW,GAAA3C,IAAA,CAAX2C,WAAW;IACXC,iBAAiB,GAAA5C,IAAA,CAAjB4C,iBAAiB;IACjBC,uBAAuB,GAAA7C,IAAA,CAAvB6C,uBAAuB;IAAAC,qBAAA,GAAA9C,IAAA,CACvB+C,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA,CAAA;AAEvB,EAAA,IAAAE,eAAA,GAAcC,2BAAc,EAAE;IAAtBzD,CAAC,GAAAwD,eAAA,CAADxD,CAAC,CAAA;AAET,EAAA,IAAM0D,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMC,eAAe,GAAAD,KAAA,CAAfC,eAAe;MAAEC,gBAAgB,GAAAF,KAAA,CAAhBE,gBAAgB,CAAA;AAAA,IAAA,OAC7D,CAACvB,kBAAkB,iBACjBlC,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAA0D,QAAA,EACE1D,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACuD,eAAe,EAAA;AAAC3C,MAAAA,EAAE,EAAEsB,eAAAA;KAAkB,CAAC,EACvCC,yBAAyB,iBACxBpC,yBAAA,CAAAC,aAAA,CAACwD,gBAAgB,EAAA;AACfE,MAAAA,OAAO,EAAErB,WAAY;MACrBsB,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMvB,YAAY,EAAE,CAAA;AAAA,OAAA;AAAC,KAC/B,CAEH,CACH,CAAA;AAAA,GAAA,CAAA;AAEH,EAAA,IAAMwB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMC,aAAa,GAAAD,KAAA,CAAbC,aAAa;MAAEC,oBAAoB,GAAAF,KAAA,CAApBE,oBAAoB,CAAA;AAAA,IAAA,oBACjEhE,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAA0D,QAAA,EAAA,IAAA,EACGd,sBAAsB,iBACrB5C,yBAAA,CAAAC,aAAA,CAAC8D,aAAa,EAAA/C,iBAAA,CAAA;AACZiD,MAAAA,QAAQ,EAAE1B,iBAAkB;AAC5BoB,MAAAA,OAAO,EAAEnB,YAAa;MACtBoB,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMnB,aAAa,EAAE,CAAA;AAAA,OAAA;KAC1BU,EAAAA,kBAAkB,CACvB,CACF,eACDnD,yBAAA,CAAAC,aAAA,CAAC+D,oBAAoB,EAAA;AACnBC,MAAAA,QAAQ,EAAEvB,wBAAyB;AACnC7B,MAAAA,EAAE,EAAE8B,mBAAoB;MACxBjC,SAAS,EAAEwD,8BAAU,CAAC;AACpB,QAAA,mCAAmC,EAAE,CAACtB,sBAAAA;OACvC,CAAA;AAAE,KACJ,CACD,CAAC,CAAA;GACJ,CAAA;AAED,EAAA,oBACE5C,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAA0D,QAAA,EAAA,IAAA,eACE1D,yBAAA,CAAAC,aAAA,CAACkE,YAAY,EAAA;AAAOb,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAAEO,IAAAA,oBAAoB,EAApBA,oBAAAA;GAAyB,CAAC,eAClE7D,yBAAA,CAAAC,aAAA,CAACkE,YAAY,CAACC,KAAK,EAAA;AACjBC,IAAAA,MAAM,EAAExB,gBAAiB;AACzByB,IAAAA,YAAY,EAAEhC,WAAY;AAC1BiC,IAAAA,OAAO,EACLtB,uBAAuB,IACvBrD,CAAC,CAAC,kDAAkD,CACrD;AACD4E,IAAAA,KAAK,EACHxB,iBAAiB,IAAIpD,CAAC,CAAC,4CAA4C,CACpE;IACD6E,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAM3B,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAAC;AAC1C4B,IAAAA,QAAQ,EAAE3B,WAAAA;AAAY,GACvB,CACD,CAAC,CAAA;AAEP,CAAC;;ACxED,IAAM4B,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAvE,IAAA,EAIhB;AAAA,EAAA,IAHJwE,eAAe,GAAAxE,IAAA,CAAfwE,eAAe;IACfC,eAAe,GAAAzE,IAAA,CAAfyE,eAAe;IACfC,gBAAgB,GAAA1E,IAAA,CAAhB0E,gBAAgB,CAAA;AAEhB,EAAA,IAAMC,gBAAgB,GAAGC,YAAM,CAC7BC,YAAM,CAACnE,mBAAS,EAAE,CAAC8D,eAAe,EAAEC,eAAe,EAAEC,gBAAgB,CAAC,CACxE,CAAC,CAAA;EAED,oBACE9E,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,6KAA6K;AACvL,IAAA,SAAA,EAAQ,mBAAmB;IAC3B,aAAY,EAAA,mBAAA;GAEZV,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACES,IAAAA,SAAS,EAAC,mBAAmB;AAC7BoB,IAAAA,KAAK,EAAE;MAAEoD,mBAAmB,EAAA,SAAA,CAAAzD,MAAA,CAAYsD,gBAAgB,EAAA,QAAA,CAAA;AAAS,KAAA;AAAE,GAAA,EAElEH,eAAe,EACfC,eAAe,EACfC,gBACE,CACF,CAAC,CAAA;AAEV,EAAC;AAEDH,gBAAgB,CAACQ,eAAe,GAAGhF,SAAS,CAAA;AAC5CwE,gBAAgB,CAACxD,eAAe,GAAGA,eAAe,CAAA;AAClDwD,gBAAgB,CAACS,gBAAgB,GAAGnD,UAAU;;;;"}
+{"version":3,"file":"NavigationHeader.js","sources":["../../src/components/NavigationHeader/constants.jsx","../../src/components/NavigationHeader/LeftBlock.jsx","../../src/components/NavigationHeader/Navigation.jsx","../../src/components/NavigationHeader/RightBlock.jsx","../../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n  <div\n    className=\"flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n    data-cy=\"navigation-header-navigation-links\"\n    data-testid=\"navigation-header-navigation-links\"\n  >\n    {headerLinks.map(headerLink => (\n      <NavLink\n        activeClassName=\"active\"\n        className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n        data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n        key={headerLink.key}\n        {...headerLink}\n      >\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {headerLink.label}\n        </Typography>\n      </NavLink>\n    ))}\n  </div>\n);\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton to={previewDraftUrl} />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        disabled={isPublishPreviewDisabled}\n        to={previewPublishedUrl}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const { isSize } = useBreakpoints();\n  const isMobile = isSize(\"mobile\");\n\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  return (\n    <div className=\"w-full\">\n      <div\n        className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n        data-cy=\"navigation-header\"\n        data-testid=\"navigation-header\"\n      >\n        <div\n          className=\"grid w-full gap-4\"\n          style={{\n            gridTemplateColumns: isMobile\n              ? `repeat(${numberOfChildren - 1}, 1fr)`\n              : `repeat(${numberOfChildren}, 1fr)`,\n          }}\n        >\n          {leftActionBlock}\n          {!isMobile && navigationLinks}\n          {rightActionBlock}\n        </div>\n      </div>\n      {isMobile && (\n        <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white ßflex-shrink-0 flex items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n          {navigationLinks}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}

package/dist/cjs/NeetoWidget.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var defineProperty = require('./defineProperty-886ed289.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var i18next = require('i18next');
 var ramda = require('ramda');
 var React = require('react');
@@ -8,8 +8,8 @@ var reactQuery = require('@tanstack/react-query');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
-var _extends = require('./extends-1b35a664.js');
-var slicedToArray = require('./slicedToArray-f320d9e7.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var usePrevious = require('@bigbinary/neeto-commons-frontend/react-utils/usePrevious');
@@ -23,7 +23,7 @@ var axios = require('axios');
 var yup = require('yup');
 var useMutationWithInvalidation = require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
-require('./objectWithoutProperties-2fed2d7d.js');
+require('@babel/runtime/helpers/objectWithoutProperties');
 require('./inject-css-80a5faa3.js');
 require('@bigbinary/neeto-commons-frontend/utils/general');
 
@@ -47,8 +47,11 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 var Prism__default = /*#__PURE__*/_interopDefaultLegacy(Prism);
@@ -113,7 +116,7 @@ var FRAMEWORK_SELECT_OPTIONS = [{
   label: "PHP",
   value: AVAILABLE_FRAMEWORK_OPTIONS.php
 }];
-var SAMPLE_USER_IDENTITY_CODE_STRING = defineProperty._defineProperty(defineProperty._defineProperty(defineProperty._defineProperty({}, AVAILABLE_FRAMEWORK_OPTIONS.rails, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n  user_identifier: \"<%= current_user.id %>\", // User identifier\"\n  name: \"<%= current_user.name %>\", // Full name\n  email: \"<%= current_user.email %>\", // Email address\n  started_at: \"<%= current_user.created_at.to_i %>\" // Signup date as a Unix timestamp ,\n}")), AVAILABLE_FRAMEWORK_OPTIONS.django, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n  user_identifier: \"{{ request.user.id|escapejs }}\", // User identifier\n  name: \"{{ request.user.name|escapejs }}\", // Full name\n  email: \"{{ request.user.email|escapejs }}\", // Email address\n  started_at: \"{{ request.user.created_at|date:'U' }}\" // Signup date as a Unix timestamp\"\n}")), AVAILABLE_FRAMEWORK_OPTIONS.php, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n  user_identifier: <?php echo json_encode($current_user->id) ?>, // User identifier\n  name: <?php echo json_encode($current_user->name) ?>, // Full name\n  email: <?php echo json_encode($current_user->email) ?>, // Email address\n  started_at: <?php echo strtotime($current_user->created_at) ?> // Signup date as a Unix timestamp\" ,\n}"));
+var SAMPLE_USER_IDENTITY_CODE_STRING = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, AVAILABLE_FRAMEWORK_OPTIONS.rails, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n  user_identifier: \"<%= current_user.id %>\", // User identifier\"\n  name: \"<%= current_user.name %>\", // Full name\n  email: \"<%= current_user.email %>\", // Email address\n  started_at: \"<%= current_user.created_at.to_i %>\" // Signup date as a Unix timestamp ,\n}")), AVAILABLE_FRAMEWORK_OPTIONS.django, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n  user_identifier: \"{{ request.user.id|escapejs }}\", // User identifier\n  name: \"{{ request.user.name|escapejs }}\", // Full name\n  email: \"{{ request.user.email|escapejs }}\", // Email address\n  started_at: \"{{ request.user.created_at|date:'U' }}\" // Signup date as a Unix timestamp\"\n}")), AVAILABLE_FRAMEWORK_OPTIONS.php, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n  user_identifier: <?php echo json_encode($current_user->id) ?>, // User identifier\n  name: <?php echo json_encode($current_user->name) ?>, // Full name\n  email: <?php echo json_encode($current_user->email) ?>, // Email address\n  started_at: <?php echo strtotime($current_user->created_at) ?> // Signup date as a Unix timestamp\" ,\n}"));
 var WIDGET_CONFIG_URL = "/api/widget/v1/neeto_widget_tokens";
 var EMBED_CODE_EMAIL_URL = "/api/widget/v1/email_snippets";
 var CHAT_WIDGET_KB_BASE_URL = "https://help.neetochat.com";
@@ -323,7 +326,7 @@ var getSortedPrefixedWidgets = function getSortedPrefixedWidgets(widgets) {
 };
 var getWidgetDescriptions = function getWidgetDescriptions(widgets) {
   var values = Object.entries(WIDGET_DESCRIPTIONS).filter(function (_ref) {
-    var _ref2 = slicedToArray._slicedToArray(_ref, 1),
+    var _ref2 = _slicedToArray__default["default"](_ref, 1),
       widget = _ref2[0];
     return widgets.includes(widget);
   });
@@ -393,7 +396,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(FRAMEWORK_SELECT_OPTIONS[0]),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     selectedFramework = _useState2[0],
     setSelectedFramework = _useState2[1];
   var emailMutation = useEmailEmbedCode(onSent);
@@ -468,7 +471,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
 var useForceUpdate = function useForceUpdate() {
   // eslint-disable-next-line react/hook-use-state
   var _useState = React.useState(0),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     setValue = _useState2[1];
   return function () {
     return setValue(function (value) {
@@ -478,7 +481,7 @@ var useForceUpdate = function useForceUpdate() {
 };
 
 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), !0).forEach(function (r) { defineProperty._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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](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 useFetchApiKey = function useFetchApiKey() {
   return (
     // useQuery(
@@ -595,11 +598,11 @@ var EmbedCode = function EmbedCode(_ref) {
     _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? "max-w-3xl" : _ref$maxWidth;
   var _useState = React.useState(EMAIL_TYPES["null"]),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     emailType = _useState2[0],
     setEmailType = _useState2[1];
   var _useState3 = React.useState(FRAMEWORK_SELECT_OPTIONS[0]),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     selectedFramework = _useState4[0],
     setSelectedFramework = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -881,7 +884,7 @@ var EmbedCode = function EmbedCode(_ref) {
         target: "_blank"
       })
     }
-  })) : null), /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends._extends({
+  })) : null), /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends__default["default"]({
     isPaneOpen: !!emailType && neetoCist.isNotEmpty(selectedWidgets),
     onClose: function onClose() {
       return setEmailType(EMAIL_TYPES["null"]);