@bigbinary/neeto-email-notifications-frontend 1.1.0

package/package.json

@@ -0,0 +1,181 @@
+{
+  "name": "@bigbinary/neeto-email-notifications-frontend",
+  "version": "1.1.0",
+  "description": "A repo acts as the source of truth for the new nano's structure, configs, data etc.",
+  "license": "UNLICENSED",
+  "homepage": "https://github.com/bigbinary/neeto-email-notifications-nano",
+  "bugs": {
+    "url": "https://github.com/bigbinary/neeto-email-notifications-nano/issues"
+  },
+  "repository": "neeto-email-notifications-nano",
+  "author": "BigBinary",
+  "files": [
+    "dist",
+    "types.d.ts"
+  ],
+  "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",
+    "release": "yarn build && yalc push --sig",
+    "build-preview": "NODE_ENV=production webpack"
+  },
+  "lint-staged": {
+    "./**/app/javascript/**/*.{js,jsx,json}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "./test/dummy/**/app/javascript/**/*.{js,jsx,json}": [
+      "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.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.0.64",
+    "@bigbinary/neeto-commons-frontend": "2.0.127",
+    "@bigbinary/neeto-icons": "1.12.3",
+    "@bigbinary/neeto-molecules": "1.0.92",
+    "@bigbinary/neetoui": "5.0.13",
+    "@emotion/is-prop-valid": "1.2.0",
+    "@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-transform-react-remove-prop-types": "0.4.24",
+    "babel-preset-react": "6.24.1",
+    "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.2.1",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-unused-imports": "2.0.0",
+    "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.24",
+    "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": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-helmet": "6.1.0",
+    "react-i18next": "13.0.1",
+    "react-query": "3.39.3",
+    "react-router-dom": "5.2.0",
+    "react-toastify": "8.0.2",
+    "react_ujs": "2.6.2",
+    "rollup": "2.79.1",
+    "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.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",
+    "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-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",
+    "js-logger": "^1.6.1",
+    "mixpanel-browser": "^2.45.0",
+    "ramda": "^0.29.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-query": "3.39.2",
+    "react-router-dom": "5.3.0",
+    "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": {
+    "@bigbinary/neeto-editor": "^1.28.9",
+    "@rails/actiontext": "^7.0.8",
+    "react-router-nav-prompt": "0.4.1",
+    "source-map-loader": "^4.0.1",
+    "trix": "^2.0.5",
+    "zustand": "4.3.2"
+  }
+}

package/types.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+import { AnySchema } from 'yup';
+import { TooltipProps } from "@bigbinary/neetoui";
+
+type ContentVariables = {
+  label: string;
+  key: string;
+}
+
+type FieldOptions = {
+  label: string;
+  value: string;
+}
+
+type ValidationMap = {
+  [key: string]: AnySchema;
+};
+
+type EmailFormProps = {
+  messageVariables?: ContentVariables[];
+  subjectVariables?: ContentVariables[];
+  handleCancel: () => void;
+  isLoading?: boolean;
+  replyToOptions?: FieldOptions[],
+  isUpdating?: boolean,
+  showFields?: boolean,
+  className?: string,
+}
+
+type EmailFormikProps = {
+  showSendToField?: boolean;
+  showReplyToField?: boolean;
+  onSubmit: FormikConfig<T>['onSubmit'];
+  initialValues: T;
+  children: ReactNode;
+  formikProps: { [key: string]: any };
+  validationSchema?: ValidationMap;
+}
+
+type EmailPreviewProps = {
+  to?: string[];
+  subject?: string;
+  body?: string;
+  from?: string;
+  logo?: string;
+  productName?: string;
+  actionButtonText?: string;
+  className?: string;
+}
+
+type EmailNotificationParams = {
+  notificationHoldableId: string;
+  notificationHoldableType: string;
+  customFields?: { [key: string]: any };
+}
+
+interface EmailNotificationProps {
+  emailNotificationParams: EmailNotificationParams;
+  emailFormProps?: EmailFormProps;
+  emailFormikProps?: EmailFormikProps;
+  emailPreviewProps?: EmailPreviewProps;
+  tooltipProps?: TooltipProps;
+  title?: string;
+  subTitle?: string;
+  disabled?: boolean;
+  children?: React.ReactNode;
+}
+
+const NeetoEmailNotification: React.FC<EmailNotificationProps>;
+
+export default NeetoEmailNotification