@bigbinary/neeto-form-frontend 1.2.6 → 1.2.7

package/package.json

@@ -1,144 +1,198 @@
 {
   "name": "@bigbinary/neeto-form-frontend",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "Neeto Form Engine Frontend",
+  "license": "UNLICENSED",
+  "homepage": "https://github.com/bigbinary/neeto-form-nano",
+  "bugs": {
+    "url": "https://github.com/bigbinary/neeto-form-nano/issues"
+  },
+  "repository": "neeto-form-nano",
   "author": "BigBinary",
-  "license": "MIT",
-  "repository": "https://github.com/bigbinary/neeto-form-frontend",
+  "files": [
+    "dist",
+    "types.d.ts",
+    "app/javascript/src/translations"
+  ],
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
-  "types": "./index.d.ts",
-  "engines": {
-    "node": "18.12",
-    "npm": "9.x",
-    "yarn": "1.22.x"
-  },
+  "types": "types.d.ts",
   "scripts": {
     "build": "NODE_ENV=production rollup -c --environment production",
-    "release": "yarn build && yalc push --sig",
     "prepare": "husky install",
-    "dev": "vite"
+    "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"
+    ],
+    "./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.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",
+    "@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.6",
     "@bigbinary/eslint-plugin-neeto": "^1.1.14",
-    "@bigbinary/neeto-audit-frontend": "1.0.7",
+    "@bigbinary/neeto-audit-frontend": "1.0.8",
     "@bigbinary/neeto-cist": "^1.0.2",
     "@bigbinary/neeto-commons-frontend": "^2.1.28",
     "@bigbinary/neeto-editor": "1.20.0",
     "@bigbinary/neeto-icons": "1.9.12",
     "@bigbinary/neeto-molecules": "^1.0.19",
     "@bigbinary/neetoui": "^5.2.1",
-    "@honeybadger-io/js": "^5.1.1",
-    "@honeybadger-io/react": "^5.1.3",
-    "@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",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@svgr/rollup": "^6.2.1",
-    "@vitejs/plugin-react": "^3.1.0",
-    "antd": "^5.9.2",
-    "autoprefixer": "^10.4.5",
-    "axios": "0.27.2",
-    "babel-loader": "^8.2.5",
-    "babel-plugin-istanbul": "^6.1.1",
+    "@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-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.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",
     "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",
+    "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",
-    "formik": "2.2.9",
-    "husky": "7.0.4",
+    "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",
-    "js-logger": "^1.6.1",
+    "i18next-browser-languagedetector": "7.0.1",
+    "js-logger": "1.6.1",
     "libphonenumber-js": "^1.10.9",
-    "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",
+    "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",
     "prop-types": "15.8.1",
     "ramda": "0.29.0",
     "react": "^18.2.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-dom": "^18.2.0",
-    "react-helmet": "^6.1.0",
+    "react-helmet": "6.1.0",
     "react-i18next": "13.0.1",
     "react-linkify": "^1.0.0-alpha",
-    "react-query": "3.39.2",
+    "react-query": "3.39.3",
     "react-router-dom": "5.3.3",
     "react-select": "^5.3.2",
-    "react-svg-loader": "^3.0.3",
     "react-toastify": "8.0.2",
-    "rollup": "^2.73.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-styles": "^4.0.0",
-    "sass": "^1.26.11",
+    "react_ujs": "^3.1.1",
+    "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",
     "uuid": "^9.0.0",
-    "vite": "^4.1.4",
-    "vite-plugin-babel": "^1.1.3",
-    "vite-plugin-external": "^1.2.8",
-    "vite-plugin-svgr-component": "^1.0.1",
-    "yup": "^1.0.0",
+    "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",
     "zustand": "4.3.2"
   },
   "peerDependencies": {
-    "@bigbinary/neeto-commons-frontend": "latest",
-    "@bigbinary/neeto-editor": "latest",
-    "@bigbinary/neeto-icons": "latest",
-    "@bigbinary/neeto-molecules": "latest",
-    "@bigbinary/neetoui": "latest",
-    "antd": "^5.9.2",
-    "axios": "latest",
-    "classnames": "2.3.1",
+    "@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",
     "dayjs": "1.11.1",
-    "formik": "2.2.9",
+    "formik": "^2.2.9",
     "i18next": "23.2.7",
     "js-logger": "^1.6.1",
-    "ramda": "0.29.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "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-router-dom": "5.3.0",
-    "react-toastify": "8.0.2",
-    "yup": "^1.0.0",
-    "zustand": "latest"
+    "react-query": "3.39.2",
+    "react-router-dom": "5.3.3",
+    "react-toastify": "8.2.0",
+    "yup": "^0.32.11",
+    "zustand": "4.3.2"
   },
-  "files": [
-    "dist",
-    "index.d.ts",
-    "src/translations"
-  ]
+  "resolutions": {
+    "postcss": "^8"
+  },
+  "engines": {
+    "node": ">=18.12",
+    "npm": ">=9",
+    "yarn": ">=1.22"
+  },
+  "dependencies": {
+    "react-router-nav-prompt": "0.4.1",
+    "source-map-loader": "^4.0.1",
+    "zustand": "4.3.2"
+  }
 }

package/types.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+
+export const WelcomeScreen = React.FC<{}>;

package/index.d.ts

@@ -1,268 +0,0 @@
-import axios from "axios";
-import { ButtonProps, TypographyProps } from "@bigbinary/neetoui";
-import React, { FormHTMLAttributes, HTMLAttributes } from "react";
-import {
-  UseQueryResult,
-  UseMutationResult,
-  UseQueryOptions,
-  UseMutationOptions,
-} from "react-query";
-import { EditorProps } from "@bigbinary/neeto-editor";
-import { Schema } from "yup";
-
-interface Question {
-  id: string;
-  entityId?: string;
-  entityType?: string;
-  label: string;
-  placeholder?: string;
-  isRequired?: boolean;
-  optionsAttributes?: {
-    id: string;
-    label: string;
-    displayOrder: number;
-  }[];
-  highestRatingLabel?: string;
-  lowestRatingLabel?: string;
-  averageRatingLabel?: string;
-  options?: KeyValuePair[];
-  count?: number;
-  shape?: string;
-  kind: string;
-  [key: string]: any;
-}
-
-interface BuildFormProps {
-  id: string;
-  allowAdditionalGuests?: boolean;
-  onUpdate?: (data: any) => void;
-  buildRequestArgs?: any;
-  showAddQuestionDivider?: boolean;
-  nonRemovableFields?: string[];
-  requiredFields?: string[];
-  formDomProps?: FormHTMLAttributes<HTMLFormElement>;
-  showActionBlock?: boolean;
-  submitButtonProps?: HTMLAttributes<HTMLButtonElement>;
-  cancelButtonProps?: HTMLAttributes<HTMLButtonElement>;
-  questionKinds?: KeyValuePair[];
-  isKindAlreadyActive?: (args: {
-    activeQuestions: KeyValuePair[];
-    kind: KeyValuePair;
-  }) => boolean;
-  getActiveKindDetails?: (args: {
-    allQuestionKinds: KeyValuePair[];
-    item: Item;
-  }) => {
-    kind: string;
-    label: string;
-    FieldComponent: React.FC;
-    FieldIcon: string | any;
-    isSingular: boolean;
-  };
-  showLoader?: boolean;
-  kindUniqueOn?: string[];
-  isFieldRequired?: (item: Item) => boolean;
-  isFieldLabelDisabled?: (item: Item) => boolean;
-  isQuestionDeletable?: (item: Item) => boolean;
-  disabledAddButtonTooltipProps?: DisabledAddButtonTooltipProps;
-}
-
-interface ExternalFormProps {
-  preview?: boolean;
-  formId: string;
-  submissionId?: string;
-  customSubmitHandler?: (data: any) => void;
-  onBeforeSubmit?: (
-    data: any,
-    values: any
-  ) => any | Promise<any> | void | Promise<void> | undefined | null;
-  onSubmitSuccess?: (data: any) => void;
-  showTitle?: boolean;
-  formTitle?: string;
-  titleProps?: TypographyProps;
-  submitRequestArgs?: any;
-  footer?: React.ReactNode;
-  submitButtonProps?: ButtonProps;
-  cancelButtonProps?: ButtonProps;
-  resetButtonProps?: ButtonProps;
-  showPrefixIcons?: boolean;
-  displayThankYou?: boolean;
-  showSuccessToastr?: boolean;
-  showEmptyState?: boolean;
-  className?: string;
-  preserveValues?: boolean;
-  clearValuesOnReset?: boolean;
-  clearValuesOnSubmit?: boolean;
-  onChange?: (values: any) => void;
-  initialValues?: any;
-  formDomProps?: FormHTMLAttributes<HTMLFormElement>;
-  editorProps?: EditorProps;
-  customValidator?: (question: Question) => Schema;
-}
-
-interface DisabledAddButtonTooltipProps {
-  content?: string
-}
-
-interface SubmissionProps {
-  formId: string;
-  submissionId: string;
-  className?: string;
-  questionLabelProps?: TypographyProps;
-  answerProps?: TypographyProps;
-}
-
-interface IBuildFormState {
-  values: any;
-  dirty: boolean;
-  isSubmitting: boolean;
-  isValid: boolean;
-  errors: { [key: string]: string }[];
-  submitForm: () => void;
-  resetForm: () => void;
-}
-
-interface ISubmission {
-  responses: {
-    label: string;
-    value: string;
-    kind: string;
-  }[];
-}
-
-interface KeyValuePair {
-  [key: string]: any;
-}
-
-interface UpdateHookResponse<TData = unknown, TError = unknown>
-  extends Omit<UseMutationResult<TData, TError>, "mutate" | "mutateAsync"> {
-  mutate: (args: { id: string; values: KeyValuePair }) => Promise<TData>;
-  mutateAsync: (args: { id: string; values: KeyValuePair }) => Promise<TData>;
-}
-
-interface CreateHookResponse<TData = unknown, TError = unknown>
-  extends Omit<UseMutationResult<TData, TError>, "mutate" | "mutateAsync"> {
-  mutate: (values: KeyValuePair) => Promise<TData>;
-  mutateAsync: (values: KeyValuePair) => Promise<TData>;
-}
-
-interface DeleteHookResponse<TData = unknown, TError = unknown>
-  extends Omit<UseMutationResult<TData, TError>, "mutate" | "mutateAsync"> {
-  mutate: (args: { id: string }) => Promise<TData>;
-  mutateAsync: (args: { id: string }) => Promise<TData>;
-}
-
-interface FormHookOptions extends UseQueryOptions {
-  formId: string;
-  preview?: boolean;
-}
-
-interface Item {
-  label: string;
-  isRequired: boolean;
-  optionsAttributes: KeyValuePair[];
-  metadata?: KeyValuePair[];
-  kind: string;
-  nodeId: string;
-}
-
-interface EmailProps {
-  name: string;
-  isRequired: boolean;
-}
-
-interface DropdownProps {
-  item: Item;
-  name: string;
-  isRequired: boolean;
-}
-
-interface ShortTextProps {
-  name: string;
-  isRequired: boolean;
-}
-
-interface LongTextProps {
-  name: string;
-  isRequired: boolean;
-}
-
-interface MultipleChoiceProps {
-  item: Item;
-  name: string;
-  isRequired: boolean;
-}
-
-interface SingleChoiceProps {
-  item: Item;
-  name: string;
-  isRequired: boolean;
-}
-
-interface PhoneProps {
-  name: string;
-  isRequired: boolean;
-}
-
-interface RatingProps {
-  name: string;
-  isRequired: boolean;
-}
-
-interface TermsProps {
-  name: string;
-}
-
-interface StarRatingProps {
-  name: string;
-  isRequired: boolean;
-}
-
-interface AdditionalGuestsProps {
-  name: string;
-}
-
-interface ConditionProps {
-  name: string;
-  isRequired: boolean;
-}
-
-export const BuildForm: React.FC<BuildFormProps>;
-export const ExternalForm: React.FC<ExternalFormProps>;
-export const Submission: React.FC<SubmissionProps>;
-export const NeetoFormProvider: React.FC;
-export const Fields: {
-  Email: React.FC<EmailProps>;
-  Dropdown: React.FC<DropdownProps>;
-  ShortText: React.FC<ShortTextProps>;
-  LongText: React.FC<LongTextProps>;
-  MultipleChoice: React.FC<MultipleChoiceProps>;
-  SingleChoice: React.FC<SingleChoiceProps>;
-  Phone: React.FC<PhoneProps>;
-  Rating: React.FC<RatingProps>;
-  Terms: React.FC<TermsProps>;
-  StarRating: React.FC<StarRatingProps>;
-  AdditionalGuests: React.FC<AdditionalGuestsProps>;
-  Condition: React.FC<ConditionProps>;
-};
-
-export const useBuildFormState: () => IBuildFormState;
-export const useFormSubmission: (args: {
-  formId: string;
-  submissionId: string;
-}) => {
-  submission: ISubmission;
-  isLoading: boolean;
-};
-
-export const useForms: (options?: UseQueryOptions) => UseQueryResult;
-export const useForm: (options?: FormHookOptions) => UseQueryResult;
-export const useCreateForm: (
-  options?: UseMutationOptions
-) => CreateHookResponse;
-export const useUpdateForm: (
-  options?: UseMutationOptions
-) => UpdateHookResponse;
-export const useDeleteForm: (
-  options?: UseMutationOptions
-) => DeleteHookResponse;