@bigbinary/neeto-integrations-frontend 2.1.0 → 2.2.0-beta1

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@bigbinary/neeto-integrations-frontend",
-  "version": "2.1.0",
+  "version": "2.2.0-beta1",
   "description": "UI for integrations in neeto products",
-  "author": "Abhijith Sheheer",
   "license": "UNLICENSED",
-  "repository": "",
-  "types": "types.d.ts",
-  "engines": {
-    "node": ">=18.12"
+  "homepage": "https://github.com/bigbinary/neeto-integrations-nano",
+  "bugs": {
+    "url": "https://github.com/bigbinary/neeto-integrations-nano/issues"
   },
+  "repository": "neeto-integrations-nano",
+  "author": "BigBinary",
   "files": [
     "dist",
     "types.d.ts",
     "types",
-    "src/translations"
+    "app/javascript/src/translations"
   ],
   "exports": {
     ".": {
@@ -28,134 +28,178 @@
     }
   },
   "scripts": {
-    "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": "NODE_ENV=production rollup -c --environment production",
     "build-preview": "NODE_ENV=production webpack",
+    "prepare": "husky install",
     "release": "yarn build && yalc push --sig"
   },
   "lint-staged": {
-    "{src,example}/**/*.{js,jsx,json}": [
-      "prettier --write",
-      "eslint --fix"
+    "./**/*.rb": [
+      "bundle exec rubocop -a --force-exclusion"
     ],
-    "{package.json,.eslintrc.js,.prettierrc.js}": [
+    "./**/app/javascript/**/*.{js,jsx,json}": [
       "prettier --write",
       "eslint --fix"
     ],
-    ".eslint-rules/**/*": [
+    "./test/dummy/**/app/javascript/**/*.{js,jsx,json}": [
       "prettier --write",
       "eslint --fix"
+    ],
+    "{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",
-    "@bigbinary/eslint-plugin-neeto": "^1.0.54",
-    "@bigbinary/neeto-commons-frontend": "^2.0.74",
-    "@bigbinary/neeto-icons": "1.9.12",
-    "@bigbinary/neeto-molecules": "^1.0.52",
-    "@bigbinary/neetoui": "5.0.13",
+    "@babel/core": "7.23.2",
+    "@babel/eslint-parser": "7.22.15",
+    "@babel/plugin-transform-runtime": "7.23.2",
+    "@babel/preset-env": "7.23.2",
+    "@babel/preset-react": "7.22.15",
+    "@babel/preset-typescript": "7.23.2",
+    "@babel/runtime": "7.23.2",
+    "@bigbinary/babel-preset-neeto": "1.0.6",
+    "@bigbinary/eslint-plugin-neeto": "1.5.1",
+    "@bigbinary/neeto-audit-frontend": "2.0.11",
+    "@bigbinary/neeto-cist": "1.0.9",
+    "@bigbinary/neeto-commons-frontend": "3.5.3",
+    "@bigbinary/neeto-filters-frontend": "3.3.4",
+    "@bigbinary/neeto-icons": "1.18.9",
+    "@bigbinary/neeto-molecules": "1.17.7",
+    "@bigbinary/neetoui": "6.5.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.2.0",
+    "@honeybadger-io/js": "6.5.3",
+    "@honeybadger-io/react": "6.1.9",
+    "@rollup/plugin-alias": "5.0.1",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-json": "6.0.1",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-replace": "5.0.4",
+    "@svgr/rollup": "8.1.0",
+    "@tanstack/react-query": "5.40.0",
+    "antd": "5.10.2",
+    "autoprefixer": "10.4.16",
+    "axios": "1.6.0",
+    "babel-loader": "9.1.3",
+    "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",
-    "eslint": "8.14.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.52.0",
     "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-cypress": "2.15.1",
+    "eslint-plugin-import": "2.29.0",
     "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-unused-imports": "2.0.0",
-    "file-loader": "^6.2.0",
-    "formik": "^2.4.2",
-    "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",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-security": "^1.7.1",
+    "eslint-plugin-sonarjs": "^0.21.0",
+    "eslint-plugin-unused-imports": "3.0.0",
+    "eslint-plugin-xss": "^0.1.12",
+    "formik": "2.4.5",
+    "html-webpack-plugin": "5.5.3",
+    "https-browserify": "1.0.0",
+    "husky": "8.0.3",
+    "i18next": "23.6.0",
+    "i18next-browser-languagedetector": "7.0.1",
+    "js-logger": "1.6.1",
+    "lint-staged": "15.0.2",
+    "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.2.0",
     "prettier": "2.6.2",
     "prettier-plugin-tailwindcss": "0.1.10",
-    "ramda": "0.29.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.3.1",
-    "react-toastify": "8.0.2",
+    "process": "0.11.10",
+    "qs": "6.11.2",
+    "ramda": "0.29.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-helmet": "6.1.0",
+    "react-i18next": "13.3.1",
+    "react-router-dom": "5.3.4",
+    "react-toastify": "8.2.0",
     "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-copy": "^3.5.0",
     "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",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "util": "^0.12.5",
-    "webpack": "5.76.0",
-    "webpack-cli": "4.10.0",
-    "webpack-dev-server": "4.11.1",
-    "yup": "0.32.11",
-    "zustand": "^4.3.6"
+    "sass": "1.69.5",
+    "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": "3.4.1",
+    "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": "1.3.2"
   },
   "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",
-    "i18next": "21.7.0",
-    "ramda": "0.29.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-i18next": "11.16.8",
-    "react-query": "3.39.2",
-    "react-router-dom": "5.3.1",
-    "react-toastify": "8.0.2",
-    "yup": "0.32.11"
+    "@bigbinary/neeto-cist": "latest",
+    "@bigbinary/neeto-commons-frontend": "3.5.3",
+    "@bigbinary/neeto-filters-frontend": "3.3.4",
+    "@bigbinary/neeto-icons": "1.18.9",
+    "@bigbinary/neeto-molecules": "1.17.7",
+    "@bigbinary/neetoui": "6.5.13",
+    "@honeybadger-io/js": "^6.5.3",
+    "@honeybadger-io/react": "^6.1.9",
+    "@tanstack/react-query": "5.40.0",
+    "axios": "^1.6.0",
+    "classnames": "^2.3.2",
+    "formik": "^2.4.5",
+    "i18next": "^23.6.0",
+    "js-logger": "^1.6.1",
+    "mixpanel-browser": "^2.45.0",
+    "ramda": "^0.29.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "^13.3.1",
+    "react-router-dom": "^5.3.4",
+    "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": {
+    "babel-plugin-transform-imports": "^2.0.0",
+    "react-router-nav-prompt": "0.4.1",
+    "source-map-loader": "^4.0.1",
+    "zustand": "4.3.2"
   }
 }

package/types.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps, TooltipProps } from "neetoui";
 import React from "react";
 
 declare global {
-  declare module "assets/*"
+  declare module "assets/*";
 }
 
 interface CardProps {
@@ -26,11 +26,9 @@ interface CardProps {
   tooltipProps?: Partial<TooltipProps>;
   customDropDown?: React.ReactNode;
   children?: React.ReactNode;
-};
-
-export const Card: React.FC<CardProps>;
+}
 
-export function IntegrationModal(props: {
+interface ModalProps {
   isOpen: (...args: any[]) => any;
   onClose: (...args: any[]) => any;
   steps?: {
@@ -40,43 +38,89 @@ export function IntegrationModal(props: {
     isCompleted: boolean;
   };
   children?: React.ReactNode;
-}): JSX.Element;
+}
 
-export function Connect(props: {
+interface ConnectProps {
   Icon: React.ReactNode;
   title: string;
   description: string;
   onConnect: () => void;
   buttonProps?: Partial<ButtonProps>;
+  secondaryButtonProps?: Partial<ButtonProps>;
   children?: React.ReactNode;
-}): JSX.Element;
+}
 
-export function Finish(props: {
+interface FinishProps {
   onClick: () => void;
   title: string;
   buttonProps?: Partial<ButtonProps>;
   secondaryButtonProps?: Partial<ButtonProps>;
   children?: React.ReactNode;
-}): JSX.Element;
+}
 
-export function Demo(props: {
+interface DemoProps {
+  title?: string;
+  subtitle?: string;
+  iframeTitle?: string;
   onClose: () => void;
   videoUrl: string;
   children?: React.ReactNode;
-}): JSX.Element;
+}
 
-export function WalkthroughModal(props: {
+interface WalkthroughModalProps {
   videoUrl: string;
   isOpen: boolean;
   onClose: () => void;
   children?: React.ReactNode;
-}): JSX.Element;
+}
 
-export const DisconnectAlert: React.FC<{
+interface DisconnectAlertProps {
   isOpen: boolean;
   isDisconnecting?: boolean;
   title: string;
   message?: string;
   onClose: (...args: any[]) => any;
   onDisconnect: (...args: any[]) => any;
-}>;
+}
+interface TwilioProps {
+  integrable?: {
+    integrableId: string;
+    integrableType: string;
+  } | null;
+  onClose: (...args: any[]) => any;
+  onConnect: (...args: any[]) => any;
+}
+
+interface DailyProps {
+  isOnboarding?: boolean;
+  helpDocUrl: string;
+  videoUrl?: string;
+  description?: string;
+  onConnect: (...args: any[]) => any;
+  onDisconnect: (...args: any[]) => any;
+}
+
+interface ZoomProps {
+  connectUrl?: string;
+  description?: string;
+  onDisconnect: (...args: any[]) => any;
+}
+
+interface GoogleCalenderProps {
+  permissionImage?: any;
+  fetchAuthorizationUrl: (...args: any[]) => any;
+  handleClose: (...args: any[]) => any;
+  handleRedirect: (...args: any[]) => any;
+}
+
+export const Card: React.FC<CardProps>;
+export const Modal: React.FC<ModalProps>;
+export const Connect: React.FC<ConnectProps>;
+export const Finish: React.FC<FinishProps>;
+export const Demo: React.FC<DemoProps>;
+export const WalkthroughModal: React.FC<WalkthroughModalProps>;
+export const DisconnectAlert: React.FC<DisconnectAlertProps>;
+export const Twilio: React.FC<TwilioProps>;
+export const Daily: React.FC<DailyProps>;
+export const Zoom: React.FC<ZoomProps>;
+export const GoogleCalender: React.FC<GoogleCalenderProps>;

package/src/translations/en.json

@@ -1,50 +0,0 @@
-{
-  "neetoIntegrations": {
-    "common": {
-      "continue": "Continue",
-      "connect": "Connect",
-      "connected": "Connected",
-      "manage": "Manage",
-      "disconnect": "Disconnect",
-      "finish": "Finish",
-      "required": "Required",
-      "delete": "Delete",
-      "tryAgain": "Try Again"
-    },
-    "tags": {
-      "connected": "Connected",
-      "expired": "Expired"
-    },
-    "tooltip": {
-      "integrationNotAvailable": "This integration is not available right now."
-    },
-    "demo": {
-      "title": "Check how it behaves",
-      "subtitle": "Watch the following video to understand how you can utilize this integration:",
-      "iFrameTitle": "Watch this video to utilize the integration"
-    },
-    "walkthroughModal": {
-      "header": "Check how it behaves",
-      "continue": "Continue"
-    },
-    "zapier": {
-      "apiKeys": "API Keys",
-      "copyApiKey": "Copy API Key to Clipboard",
-      "emptyText": "Generate an API Key to connect to the Zapier platform",
-      "generateApiKey": "Generate API Key",
-      "labelInputPlaceholder": "Enter a Label for the new API Key",
-      "tableColumns": {
-        "createdAt": "Created At",
-        "label": "Label"
-      },
-      "newApiKeyInstruction": "Here is your Zapier API Key. Make sure to copy the API Key now. It will not be made visible again.",
-      "tableTitle": "Previously Generated API Keys",
-      "deleteApiKey": {
-        "title": "Delete API Key?",
-        "message": "You are permanently deleting the API Key <strong>{{key}}</strong>. This can't be undone."
-      },
-      "walkthroughText": "Check how it behaves",
-      "helpDoc": "Help document"
-    }
-  }
-}