@bigbinary/neeto-slack-frontend 2.2.2 → 2.2.4

package/package.json

@@ -1,154 +1,188 @@
 {
   "name": "@bigbinary/neeto-slack-frontend",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "description": "Slack integration step UI",
-  "author": "Bonnie Simon",
   "license": "UNLICENSED",
-  "repository": "",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "typings": "types.d.ts",
-  "engines": {
-    "node": ">=18.12"
+  "homepage": "https://github.com/bigbinary/neeto-slack-nano",
+  "bugs": {
+    "url": "https://github.com/bigbinary/neeto-slack-nano/issues"
   },
+  "repository": "neeto-slack-nano",
+  "author": "BigBinary",
   "files": [
     "dist",
-    "types.d.ts"
+    "types.d.ts",
+    "app/javascript/src/translations"
   ],
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "types.d.ts",
   "scripts": {
+    "build": "NODE_ENV=production rollup -c --environment production",
     "prepare": "husky install",
-    "start": "NODE_ENV=development rm -rf dist && webpack-dev-server --mode development",
-    "build": "NODE_ENV=production rollup -c rollup.config.js",
-    "build-preview": "NODE_ENV=production webpack",
-    "release": "yarn build && yalc push --sig"
+    "release": "yarn build && yalc push --sig",
+    "build-preview": "NODE_ENV=production webpack"
   },
   "lint-staged": {
-    "{src,example}/**/*.{js,jsx,json}": [
+    "./**/app/javascript/**/*.{js,jsx,json}": [
       "prettier --write",
       "eslint --fix"
     ],
-    "{package.json,.eslintrc.js,.prettierrc.js}": [
+    "./test/dummy/**/app/javascript/**/*.{js,jsx,json}": [
       "prettier --write",
       "eslint --fix"
     ],
-    ".eslint-rules/**/*": [
-      "prettier --write",
-      "eslint --fix"
+    "./**/*.rb": [
+      "bundle exec rubocop -a --force-exclusion"
+    ],
+    "{Gemfile,Rakefile,config.ru}": [
+      "bundle exec rubocop -a --force-exclusion"
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/eslint-parser": "7.17.0",
-    "@babel/plugin-transform-runtime": "^7.19.1",
-    "@babel/preset-env": "7.17.10",
-    "@babel/preset-react": "7.16.7",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "^7.19.0",
-    "@bigbinary/babel-preset-neeto": "^1.0.3",
+    "@babel/core": "7.22.6",
+    "@babel/eslint-parser": "7.22.6",
+    "@babel/plugin-transform-runtime": "7.22.6",
+    "@babel/preset-env": "7.22.6",
+    "@babel/preset-react": "7.22.5",
+    "@babel/preset-typescript": "7.22.5",
+    "@babel/runtime": "7.22.6",
+    "@bigbinary/babel-preset-neeto": "1.0.3",
     "@bigbinary/eslint-plugin-neeto": "1.1.24",
-    "@bigbinary/neeto-audit-frontend": "1.0.7",
-    "@bigbinary/neeto-commons-frontend": "2.1.21",
-    "@bigbinary/neeto-icons": "1.9.12",
-    "@bigbinary/neeto-molecules": "^1.0.19",
-    "@bigbinary/neetoui": "4.4.0",
+    "@bigbinary/neeto-audit-frontend": "1.0.8",
+    "@bigbinary/neeto-cist": "^1.0.3",
+    "@bigbinary/neeto-commons-frontend": "^2.1.28",
+    "@bigbinary/neeto-icons": "1.12.3",
+    "@bigbinary/neeto-molecules": "^1.0.92",
+    "@bigbinary/neetoui": "5.0.13",
     "@emotion/is-prop-valid": "1.2.0",
-    "@honeybadger-io/js": "^5.1.5-alpha-3",
-    "@honeybadger-io/react": "^5.1.3",
-    "@rollup/plugin-alias": "3.1.9",
-    "@rollup/plugin-babel": "5.3.1",
-    "@rollup/plugin-commonjs": "22.0.2",
-    "@rollup/plugin-html": "0.2.4",
-    "@rollup/plugin-json": "4.1.0",
-    "@rollup/plugin-node-resolve": "14.1.0",
-    "@rollup/plugin-replace": "4.0.0",
-    "@svgr/rollup": "^6.5.1",
-    "@svgr/webpack": "^6.5.1",
-    "antd": "4.24.3",
-    "autoprefixer": "^10.4.5",
-    "axios": "0.27.2",
-    "babel-loader": "^8.2.5",
-    "babel-plugin-istanbul": "^6.1.1",
+    "@faker-js/faker": "8.0.2",
+    "@honeybadger-io/react": "2.0.1",
+    "@rollup/plugin-alias": "5.0.0",
+    "@rollup/plugin-babel": "6.0.3",
+    "@rollup/plugin-commonjs": "25.0.2",
+    "@rollup/plugin-json": "6.0.0",
+    "@rollup/plugin-node-resolve": "15.1.0",
+    "@rollup/plugin-replace": "5.0.2",
+    "@svgr/rollup": "8.0.1",
+    "antd": "4.24.12",
+    "autoprefixer": "10.4.14",
+    "axios": "1.4.0",
+    "babel-loader": "9.1.2",
+    "babel-plugin-istanbul": "6.1.1",
     "babel-plugin-js-logger": "1.0.17",
     "babel-plugin-macros": "3.1.0",
     "babel-plugin-preval": "^5.1.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "babel-preset-react": "6.24.1",
-    "babel-preset-typescript": "^7.0.0-alpha.19",
-    "classnames": "^2.3.2",
-    "css-loader": "6.7.1",
-    "dayjs": "1.11.1",
-    "eslint": "8.14.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-import": "2.26.0",
+    "babel-preset-typescript": "7.0.0-alpha.19",
+    "browserify-zlib": "0.2.0",
+    "buffer": "6.0.3",
+    "classnames": "2.3.2",
+    "crypto-browserify": "3.12.0",
+    "css-loader": "6.8.1",
+    "dompurify": "3.0.2",
+    "dotenv-webpack": "^8.0.1",
+    "eslint": "8.44.0",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-cypress": "2.13.3",
+    "eslint-plugin-import": "2.27.5",
     "eslint-plugin-jam3": "0.2.3",
     "eslint-plugin-json": "3.1.0",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-promise": "6.0.0",
-    "eslint-plugin-react": "7.29.4",
-    "eslint-plugin-react-hooks": "4.5.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-security": "^1.7.1",
+    "eslint-plugin-sonarjs": "^0.21.0",
     "eslint-plugin-unused-imports": "2.0.0",
-    "file-loader": "^6.2.0",
-    "formik": "2.2.9",
-    "html-loader": "4.2.0",
-    "html-webpack-plugin": "5.5.0",
-    "husky": "7.0.4",
-    "i18next": "21.7.0",
-    "lint-staged": "12.4.1",
-    "postcss": "^8.4.17",
-    "postcss-import": "^15.0.0",
-    "postcss-loader": "^7.0.1",
-    "postcss-preset-env": "7.8.2",
-    "prettier": "2.6.2",
-    "prettier-plugin-tailwindcss": "0.1.10",
+    "eslint-plugin-xss": "^0.1.12",
+    "formik": "2.4.2",
+    "html-webpack-plugin": "5.5.3",
+    "https-browserify": "1.0.0",
+    "husky": "8.0.3",
+    "i18next": "23.2.7",
+    "i18next-browser-languagedetector": "7.0.1",
+    "js-logger": "1.6.1",
+    "lint-staged": "13.2.3",
+    "mini-css-extract-plugin": "2.7.6",
+    "mixpanel-browser": "2.47.0",
+    "os-browserify": "0.3.0",
+    "path-browserify": "1.0.1",
+    "postcss": "8.4.31",
+    "postcss-import": "15.1.0",
+    "postcss-loader": "7.3.3",
+    "postcss-preset-env": "9.0.0",
+    "prettier": "2.8.8",
+    "prettier-plugin-tailwindcss": "0.3.0",
+    "process": "0.11.10",
     "ramda": "0.29.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-helmet": "^6.1.0",
-    "react-i18next": "11.16.8",
-    "react-query": "3.39.2",
-    "react-router-dom": "5.3.1",
+    "react-helmet": "6.1.0",
+    "react-i18next": "13.0.1",
+    "react-query": "3.39.3",
+    "react-router-dom": "5.3.3",
     "react-toastify": "8.0.2",
-    "react-transition-group": "4.4.5",
+    "react_ujs": "^3.1.1",
     "rollup": "2.79.1",
     "rollup-plugin-analyzer": "4.0.0",
-    "rollup-plugin-bundle-html": "0.2.2",
     "rollup-plugin-cleaner": "1.0.0",
-    "rollup-plugin-generate-html-template": "1.7.0",
-    "rollup-plugin-livereload": "2.0.5",
     "rollup-plugin-peer-deps-external": "2.2.4",
-    "rollup-plugin-polyfill-node": "0.10.2",
-    "rollup-plugin-serve": "2.0.1",
     "rollup-plugin-styles": "4.0.0",
-    "sass": "1.55.0",
-    "sass-loader": "13.0.2",
-    "style-loader": "3.3.1",
+    "sass": "1.63.6",
+    "sass-loader": "13.3.2",
+    "shakapacker": "6.6.0",
+    "stream-browserify": "3.0.0",
+    "stream-http": "3.2.0",
+    "style-loader": "3.3.3",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "webpack": "5.76.0",
-    "webpack-cli": "4.10.0",
-    "webpack-dev-server": "4.11.1",
-    "yup": "0.32.11",
-    "zustand": "^4.3.6"
+    "tty-browserify": "0.0.1",
+    "url": "0.11.1",
+    "util": "0.12.5",
+    "vm-browserify": "1.1.2",
+    "webpack": "5.88.1",
+    "webpack-assets-manifest": "5.1.0",
+    "webpack-cli": "5.1.4",
+    "webpack-dev-server": "4.15.1",
+    "yup": "0.32.11"
   },
   "peerDependencies": {
-    "@bigbinary/neeto-commons-frontend": "latest",
-    "@bigbinary/neeto-icons": "latest",
-    "@bigbinary/neeto-molecules": "latest",
-    "@bigbinary/neetoui": "latest",
-    "antd": "4.24.3",
-    "axios": "0.27.2",
-    "classnames": "2.3.1",
-    "dayjs": "1.11.1",
-    "formik": "2.2.9",
-    "ramda": "0.29.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "@bigbinary/neeto-cist": "latest",
+    "@bigbinary/neeto-commons-frontend": "^2.1.28",
+    "@bigbinary/neeto-editor": "^1.26.3",
+    "@bigbinary/neeto-icons": "^1.9.22",
+    "@bigbinary/neeto-molecules": "^1.0.9",
+    "@bigbinary/neetoui": "^4.4.10",
+    "@honeybadger-io/react": "^2.0.1",
+    "axios": "^0.27.2",
+    "classnames": "^2.3.2",
+    "formik": "^2.2.9",
+    "i18next": "23.2.7",
+    "js-logger": "^1.6.1",
+    "mixpanel-browser": "^2.45.0",
+    "ramda": "^0.29.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "13.0.1",
     "react-query": "3.39.2",
-    "react-router-dom": "5.3.1",
-    "react-toastify": "8.0.2",
-    "yup": "0.32.11"
+    "react-router-dom": "5.3.3",
+    "react-toastify": "8.2.0",
+    "yup": "^0.32.11",
+    "zustand": "4.3.2"
+  },
+  "resolutions": {
+    "postcss": "^8"
+  },
+  "engines": {
+    "node": ">=18.12",
+    "npm": ">=9",
+    "yarn": ">=1.22"
   },
   "dependencies": {
-    "react_ujs": "^3.1.1"
+    "react-router-nav-prompt": "0.4.1",
+    "source-map-loader": "^4.0.1",
+    "zustand": "4.3.2"
   }
 }

package/types.d.ts

@@ -1,79 +1,3 @@
 import React from "react";
-import { Fn } from "ramda";
-import { ButtonProps, PaneProps } from "neetoui";
-import {
-  UseQueryResult,
-  UseQueryOptions,
-} from "react-query";
 
-declare global {
-  declare module "assets/*"
-}
-
-interface Field {
-  name: string;
-  value: string;
-}
-
-interface ConnectProps {
-  handleRedirectToSlack: Fn;
-  isAuthorizeUrlFetching: boolean;
-}
-
-interface ConfigureProps {
-  children?: Fn | React.ReactNode;
-  teamName: string;
-  slackUrl: string;
-  initialFormValues: object;
-  handleSubmit: Fn;
-  isSubmitting: boolean;
-  className?: string;
-  validationSchema?: object;
-  channelRefreshHandler?: Fn;
-  channelSelectLabel?: string;
-}
-
-interface FinishProps {
-  children?: React.ReactNode;
-  teamName: string;
-  fields?: Field[];
-  buttonProps?: Partial<ButtonProps>;
-  secondaryButtonProps?: Partial<ButtonProps>;
-  onSuccess: Fn;
-  onBack?: Fn;
-}
-
-interface SettingsProps {
-  children?: Fn | React.ReactNode;
-  teamName: string;
-  fields: Field[];
-  className?: string;
-  onEdit: Fn;
-}
-
-interface SettingsPaneProps {
-  initialFormValues: object;
-  handleSubmit: Fn;
-  isSubmitting?: boolean;
-  validationSchema?: object;
-  channelRefreshHandler?: Fn;
-  title?: string;
-  isPaneOpen: boolean;
-  children?: Fn | React.ReactNode;
-  onClose: Fn;
-  paneProps?: Partial<PaneProps>;
-}
-interface SlackStatusHookOptions extends UseQueryOptions {
-  integrableId: string;
-  integrableType: string;
-}
-
-export const Connect: React.FC<ConnectProps>;
-export const Configure: React.FC<ConfigureProps>;
-export const Finish: React.FC<FinishProps>;
-
-export const Settings: React.FC<SettingsProps> & {
-  EditPane: React.FC<SettingsPaneProps>;
-};
-
-export const useFetchSlackIntegrationsStatus: (options?: SlackStatusHookOptions) => UseQueryResult;
+export const WelcomeScreen = React.FC<{}>;