@bigbinary/neeto-molecules 1.0.0

package/dist/Sidebar.cjs.js

@@ -0,0 +1,222 @@
+'use strict';
+
+var React = require('react');
+var pure = require('@bigbinary/neeto-commons-frontend/pure');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var ProductLogos = require('@bigbinary/neeto-icons/logos');
+var KeyboardShortcuts = require('@bigbinary/neeto-molecules/KeyboardShortcuts');
+var layouts = require('@bigbinary/neetoui/layouts');
+var i18next = require('i18next');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ProductLogos__namespace = /*#__PURE__*/_interopNamespace(ProductLogos);
+var KeyboardShortcuts__default = /*#__PURE__*/_interopDefaultLegacy(KeyboardShortcuts);
+var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+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 MY_PROFILE_URL = "/auth/profile/edit";
+var MY_ORGANIZATION_URL = "/auth/organization/edit";
+var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
+var PRODUCT_LOGO_WIDTH = 40;
+var PRODUCT_LOGO_HEIGHT = 40;
+
+var getTopLinks = function getTopLinks() {
+  var topLinks = [{
+    label: i18next__default["default"].t("neetoMolecules.sidebar.myProfile"),
+    icon: neetoIcons.User,
+    onClick: function onClick() {
+      return window.open(MY_PROFILE_URL, "_blank");
+    },
+    "data-cy": "my-profile-button"
+  }];
+  return globalProps.isOwner ? topLinks.concat({
+    label: i18next__default["default"].t("neetoMolecules.sidebar.myOrganization"),
+    icon: neetoIcons.Settings,
+    onClick: function onClick() {
+      return window.open(MY_ORGANIZATION_URL, "_blank");
+    },
+    "data-cy": "profile-organization-settings-button"
+  }) : topLinks;
+};
+var convertAppNameToLogoName = function convertAppNameToLogoName(appName) {
+  return "Neeto".concat(pure.capitalize(appName.substr(5).toLowerCase()));
+};
+var buildProductLogo = function buildProductLogo() {
+  var logoName = convertAppNameToLogoName(globalProps.appName);
+  var ProductLogo = ProductLogos__namespace[logoName];
+  if (!ProductLogo) {
+    return {};
+  }
+  return {
+    logo: /*#__PURE__*/React__default["default"].createElement(ProductLogo, {
+      height: PRODUCT_LOGO_HEIGHT,
+      width: PRODUCT_LOGO_WIDTH
+    })
+  };
+};
+var Sidebar = function Sidebar(_ref) {
+  var navLinks = _ref.navLinks,
+    appName = _ref.appName,
+    _ref$profileInfoOverr = _ref.profileInfoOverrides,
+    profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
+    _ref$organizationInfo = _ref.organizationInfoOverrides,
+    organizationInfoOverrides = _ref$organizationInfo === void 0 ? {} : _ref$organizationInfo,
+    _ref$extraTopLinks = _ref.extraTopLinks,
+    extraTopLinks = _ref$extraTopLinks === void 0 ? [] : _ref$extraTopLinks,
+    _ref$showAppSwitcher = _ref.showAppSwitcher,
+    showAppSwitcher = _ref$showAppSwitcher === void 0 ? true : _ref$showAppSwitcher;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAppSwitcherOpen = _useState2[0],
+    setIsAppSwitcherOpen = _useState2[1];
+  var location = reactRouterDom.useLocation();
+  var _KeyboardShortcuts$us = KeyboardShortcuts__default["default"].usePaneState(),
+    _KeyboardShortcuts$us2 = _slicedToArray(_KeyboardShortcuts$us, 2),
+    setIsOpen = _KeyboardShortcuts$us2[1];
+  React.useEffect(function () {
+    isAppSwitcherOpen && setIsAppSwitcherOpen(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [location]);
+  var handleLogout = function handleLogout() {
+    utils.resetAuthTokens();
+    window.location.href = "/logout";
+  };
+  var openChatWidget = function openChatWidget() {
+    var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
+    (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
+    (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
+  };
+  var profileInfo = ramda.mergeLeft(profileInfoOverrides, {
+    name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
+    imageUrl: globalProps.user.profileImageUrl,
+    email: globalProps.user.email || globalProps.user.phoneNumber,
+    topLinks: extraTopLinks.concat(getTopLinks()),
+    bottomLinks: [{
+      icon: neetoIcons.ChatBubble,
+      label: i18next__default["default"].t("neetoMolecules.sidebar.livechat"),
+      onClick: openChatWidget,
+      "data-cy": "profile-livechat-button"
+    }, {
+      icon: neetoIcons.Keyboard,
+      label: i18next__default["default"].t("neetoMolecules.sidebar.keyboardShortcuts"),
+      onClick: function onClick() {
+        return setIsOpen(true);
+      },
+      "data-cy": "profile-keyboard-shortcuts-button"
+    }, {
+      icon: neetoIcons.LeftArrow,
+      label: i18next__default["default"].t("neetoMolecules.sidebar.logout"),
+      onClick: handleLogout,
+      "data-cy": "profile-logout-button"
+    }],
+    helpProps: {
+      icon: neetoIcons.Help,
+      label: i18next__default["default"].t("neetoMolecules.sidebar.help"),
+      onClick: function onClick() {
+        return window.open("https://help.neeto".concat(ramda.toLower(appName), ".com/"), "_blank");
+      }
+    },
+    changelogProps: {
+      id: CHANGELOG_WIDGET_TRIGGER_ID
+    }
+  });
+  var organizationInfo = ramda.mergeLeft(organizationInfoOverrides, ramda.mergeLeft(globalProps.organization, buildProductLogo()));
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Sidebar, {
+    isCollapsed: true,
+    appName: "neeto".concat(pure.capitalize(appName)),
+    navLinks: navLinks,
+    organizationInfo: organizationInfo,
+    profileInfo: profileInfo,
+    showAppSwitcher: showAppSwitcher,
+    onAppSwitcherToggle: function onAppSwitcherToggle() {
+      return setIsAppSwitcherOpen(ramda.not);
+    }
+  }), showAppSwitcher && /*#__PURE__*/React__default["default"].createElement(layouts.AppSwitcher, {
+    activeApp: pure.capitalize(appName),
+    environment: process.env.RAILS_ENV,
+    isOpen: isAppSwitcherOpen,
+    neetoApps: globalProps.neetoApps,
+    onClose: function onClose() {
+      return setIsAppSwitcherOpen(false);
+    }
+  }));
+};
+
+module.exports = Sidebar;

package/dist/Sidebar.js

@@ -0,0 +1,195 @@
+import React, { useState, useEffect } from 'react';
+import { capitalize } from '@bigbinary/neeto-commons-frontend/pure';
+import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils';
+import { ChatBubble, Keyboard, LeftArrow, Help, User, Settings } from '@bigbinary/neeto-icons';
+import * as ProductLogos from '@bigbinary/neeto-icons/logos';
+import KeyboardShortcuts from '@bigbinary/neeto-molecules/KeyboardShortcuts';
+import { Sidebar as Sidebar$1, AppSwitcher } from '@bigbinary/neetoui/layouts';
+import i18next from 'i18next';
+import { mergeLeft, toLower, not } from 'ramda';
+import { useLocation } from 'react-router-dom';
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+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 MY_PROFILE_URL = "/auth/profile/edit";
+var MY_ORGANIZATION_URL = "/auth/organization/edit";
+var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
+var PRODUCT_LOGO_WIDTH = 40;
+var PRODUCT_LOGO_HEIGHT = 40;
+
+var getTopLinks = function getTopLinks() {
+  var topLinks = [{
+    label: i18next.t("neetoMolecules.sidebar.myProfile"),
+    icon: User,
+    onClick: function onClick() {
+      return window.open(MY_PROFILE_URL, "_blank");
+    },
+    "data-cy": "my-profile-button"
+  }];
+  return globalProps.isOwner ? topLinks.concat({
+    label: i18next.t("neetoMolecules.sidebar.myOrganization"),
+    icon: Settings,
+    onClick: function onClick() {
+      return window.open(MY_ORGANIZATION_URL, "_blank");
+    },
+    "data-cy": "profile-organization-settings-button"
+  }) : topLinks;
+};
+var convertAppNameToLogoName = function convertAppNameToLogoName(appName) {
+  return "Neeto".concat(capitalize(appName.substr(5).toLowerCase()));
+};
+var buildProductLogo = function buildProductLogo() {
+  var logoName = convertAppNameToLogoName(globalProps.appName);
+  var ProductLogo = ProductLogos[logoName];
+  if (!ProductLogo) {
+    return {};
+  }
+  return {
+    logo: /*#__PURE__*/React.createElement(ProductLogo, {
+      height: PRODUCT_LOGO_HEIGHT,
+      width: PRODUCT_LOGO_WIDTH
+    })
+  };
+};
+var Sidebar = function Sidebar(_ref) {
+  var navLinks = _ref.navLinks,
+    appName = _ref.appName,
+    _ref$profileInfoOverr = _ref.profileInfoOverrides,
+    profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
+    _ref$organizationInfo = _ref.organizationInfoOverrides,
+    organizationInfoOverrides = _ref$organizationInfo === void 0 ? {} : _ref$organizationInfo,
+    _ref$extraTopLinks = _ref.extraTopLinks,
+    extraTopLinks = _ref$extraTopLinks === void 0 ? [] : _ref$extraTopLinks,
+    _ref$showAppSwitcher = _ref.showAppSwitcher,
+    showAppSwitcher = _ref$showAppSwitcher === void 0 ? true : _ref$showAppSwitcher;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAppSwitcherOpen = _useState2[0],
+    setIsAppSwitcherOpen = _useState2[1];
+  var location = useLocation();
+  var _KeyboardShortcuts$us = KeyboardShortcuts.usePaneState(),
+    _KeyboardShortcuts$us2 = _slicedToArray(_KeyboardShortcuts$us, 2),
+    setIsOpen = _KeyboardShortcuts$us2[1];
+  useEffect(function () {
+    isAppSwitcherOpen && setIsAppSwitcherOpen(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [location]);
+  var handleLogout = function handleLogout() {
+    resetAuthTokens();
+    window.location.href = "/logout";
+  };
+  var openChatWidget = function openChatWidget() {
+    var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
+    (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
+    (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
+  };
+  var profileInfo = mergeLeft(profileInfoOverrides, {
+    name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
+    imageUrl: globalProps.user.profileImageUrl,
+    email: globalProps.user.email || globalProps.user.phoneNumber,
+    topLinks: extraTopLinks.concat(getTopLinks()),
+    bottomLinks: [{
+      icon: ChatBubble,
+      label: i18next.t("neetoMolecules.sidebar.livechat"),
+      onClick: openChatWidget,
+      "data-cy": "profile-livechat-button"
+    }, {
+      icon: Keyboard,
+      label: i18next.t("neetoMolecules.sidebar.keyboardShortcuts"),
+      onClick: function onClick() {
+        return setIsOpen(true);
+      },
+      "data-cy": "profile-keyboard-shortcuts-button"
+    }, {
+      icon: LeftArrow,
+      label: i18next.t("neetoMolecules.sidebar.logout"),
+      onClick: handleLogout,
+      "data-cy": "profile-logout-button"
+    }],
+    helpProps: {
+      icon: Help,
+      label: i18next.t("neetoMolecules.sidebar.help"),
+      onClick: function onClick() {
+        return window.open("https://help.neeto".concat(toLower(appName), ".com/"), "_blank");
+      }
+    },
+    changelogProps: {
+      id: CHANGELOG_WIDGET_TRIGGER_ID
+    }
+  });
+  var organizationInfo = mergeLeft(organizationInfoOverrides, mergeLeft(globalProps.organization, buildProductLogo()));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Sidebar$1, {
+    isCollapsed: true,
+    appName: "neeto".concat(capitalize(appName)),
+    navLinks: navLinks,
+    organizationInfo: organizationInfo,
+    profileInfo: profileInfo,
+    showAppSwitcher: showAppSwitcher,
+    onAppSwitcherToggle: function onAppSwitcherToggle() {
+      return setIsAppSwitcherOpen(not);
+    }
+  }), showAppSwitcher && /*#__PURE__*/React.createElement(AppSwitcher, {
+    activeApp: capitalize(appName),
+    environment: process.env.RAILS_ENV,
+    isOpen: isAppSwitcherOpen,
+    neetoApps: globalProps.neetoApps,
+    onClose: function onClose() {
+      return setIsAppSwitcherOpen(false);
+    }
+  }));
+};
+
+export { Sidebar as default };

package/package.json

@@ -0,0 +1,149 @@
+{
+  "name": "@bigbinary/neeto-molecules",
+  "version": "1.0.0",
+  "description": "A package of reusable molecular components for neeto products.",
+  "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
+  "author": "Amaljith K <amaljith.k@bigbinary.com>",
+  "license": "apache-2.0",
+  "scripts": {
+    "prepare": "husky install",
+    "sync_with_wheel": "./.scripts/sync_with_wheel.sh",
+    "test": "TZ=UTC jest",
+    "build": "NODE_ENV=production rollup -c rollup.config.js",
+    "watch": "rollup -c rollup.config.js --watch",
+    "storybook": "node .storybook/db & start-storybook -p 6006"
+  },
+  "files": [
+    "dist",
+    "types",
+    "src/translations"
+  ],
+  "lint-staged": {
+    "**/*.{js,jsx,json}": [
+      ".scripts/fix-lints.sh"
+    ]
+  },
+  "exports": {
+    "./*": {
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs.js",
+      "types": "./types/*.d.ts"
+    }
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.18.2",
+    "@babel/plugin-transform-runtime": "^7.18.5",
+    "@babel/preset-env": "^7.17.10",
+    "@babel/preset-react": "^7.16.7",
+    "@bigbinary/neeto-commons-frontend": "^2.0.39",
+    "@bigbinary/neeto-editor": "^1.23.1",
+    "@bigbinary/neeto-icons": "^1.9.12",
+    "@bigbinary/neetoui": "4.3.3-cjs",
+    "@honeybadger-io/react": "2.0.1",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "6.5.16",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/builder-webpack5": "6.5.16",
+    "@storybook/manager-webpack5": "6.5.16",
+    "@storybook/preset-scss": "1.0.3",
+    "@storybook/react": "6.5.16",
+    "@svgr/rollup": "^6.2.1",
+    "@svgr/webpack": "^6.5.1",
+    "@testing-library/jest-dom": "5.16.2",
+    "@testing-library/react": "12.1.3",
+    "@testing-library/react-hooks": "^8.0.0",
+    "@testing-library/user-event": "13.5.0",
+    "antd": "4.24.3",
+    "autoprefixer": "^10.4.13",
+    "axios": "^0.27.2",
+    "babel-jest": "27.0.6",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "css-loader": "4.3.0",
+    "cypress": "11.2.0",
+    "dayjs": "1.11.1",
+    "eslint": "^8.15.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-cypress": "2.12.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jam3": "^0.2.3",
+    "eslint-plugin-json": "^3.1.0",
+    "eslint-plugin-neeto": "^1.0.8",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "4.2.1-alpha-13455d26d-20211104",
+    "eslint-plugin-unused-imports": "^2.0.0",
+    "formik": "^2.2.9",
+    "husky": "^7.0.4",
+    "i18next": "21.7.0",
+    "ip-num": "^1.5.0",
+    "jest": "27.5.1",
+    "js-logger": "^1.6.1",
+    "json-server": "0.17.1",
+    "lint-staged": "^12.3.7",
+    "mixpanel-browser": "^2.45.0",
+    "mousetrap": "^1.6.5",
+    "mousetrap-global-bind": "^1.1.0",
+    "platform": "1.3.6",
+    "prettier": "^2.6.2",
+    "qrcode.react": "^3.1.0",
+    "qs": "^6.11.0",
+    "ramda": "^0.28.0",
+    "react": "^17.0.2",
+    "react-dom": "17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "11.16.8",
+    "react-query": "^3.39.2",
+    "react-router-dom": "^5.2.0",
+    "react-syntax-highlighter": "^15.5.0",
+    "react-toastify": "^9.0.8",
+    "rollup": "^2.76.0",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "rollup-plugin-cleaner": "^1.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-styles": "^4.0.0",
+    "sass": "^1.58.1",
+    "sass-loader": "10.0.2",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "yup": "^0.32.11",
+    "zustand": "^4.1.2"
+  },
+  "dependencies": {},
+  "peerDependencies": {
+    "@bigbinary/neeto-commons-frontend": "^2.0.39",
+    "@bigbinary/neeto-icons": "^1.9.2",
+    "@bigbinary/neeto-molecules": "^1.0.0",
+    "@bigbinary/neetoui": "^4.3.3",
+    "@honeybadger-io/react": "2.0.1",
+    "@svgr/webpack": "^6.5.1",
+    "antd": "4.24.3",
+    "autoprefixer": "^10.4.13",
+    "axios": "^0.27.2",
+    "cypress": "11.2.0",
+    "dayjs": "1.11.1",
+    "dotenv-webpack": "^8.0.1",
+    "formik": "^2.2.9",
+    "i18next": "21.7.0",
+    "js-logger": "^1.6.1",
+    "mixpanel-browser": "^2.45.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-import": "^15.1.0",
+    "postcss-preset-env": "^7.8.3",
+    "ramda": "^0.28.0",
+    "react": "^17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "11.16.8",
+    "react-query": "^3.39.2",
+    "react-router-dom": "^5.2.0",
+    "react-toastify": "^9.0.8",
+    "shakapacker": "^6.5.5",
+    "tailwindcss": "^3.2.4",
+    "webpack": "^5.75.0",
+    "yup": "^0.32.11"
+  }
+}