@kindly/react-chat 2.40.5 → 2.41.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kindly/react-chat",
-  "version": "2.40.5",
+  "version": "2.41.2",
   "description": "Kindly Chat react component",
   "repository": "https://github.com/kindly-ai/kindly-chat/tree/main/packages/react-chat",
   "main": "dist/index.js",
@@ -8,11 +8,12 @@
   "scripts": {
     "start": "webpack-dev-server",
     "start:linked": "WRITETODISK=1 BABEL_ENV=production webpack-dev-server --config=webpack.prod.js",
-    "start:prod": "webpack-dev-server --env=production",
-    "build": "webpack -p --env=production --config=webpack.prod.js",
-    "build:dev": "webpack -p --env=development --config=webpack.prod.js",
-    "build:staging": "webpack -p --env=staging --config=webpack.prod.js",
-    "build:local": "webpack -p",
+    "start:dev": "webpack-dev-server --env envConfig=development",
+    "start:prod": "webpack-dev-server --env envConfig=production",
+    "build": "webpack --env envConfig=production --config=webpack.prod.js",
+    "build:dev": "webpack --env envConfig=development --config=webpack.prod.js",
+    "build:staging": "webpack --env envConfig=staging --config=webpack.prod.js",
+    "build:local": "webpack",
     "prepublishOnly": "npm run build",
     "test": "jest src",
     "test:storybook": "test-storybook",
@@ -47,84 +48,86 @@
     "react-hook-form": "^7.32.2",
     "react-idle-timer": "^4.2.12",
     "react-redux": "^7.1.1",
-    "react-shadow": "^18.0.1",
+    "react-shadow": "^20.0.0",
     "react-textarea-autosize": "^8.3.2",
     "redux": "^4.0.4",
     "redux-localstorage": "^0.4.1",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.3.0",
-    "styled-components": "^5.3.1",
+    "stream-browserify": "^3.0.0",
+    "styled-components": "^5.3.6",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "pusher-js": ">=5.0.0",
+    "pusher-js": ">=8.0.0",
     "pusher-redux": ">=0.5.0",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.3",
+    "@babel/core": "^7.20.12",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.19.1",
-    "@babel/preset-env": "^7.19.3",
+    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
-    "@storybook/addon-a11y": "^6.5.12",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-interactions": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/builder-webpack4": "^6.5.12",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
     "@storybook/jest": "^0.0.10",
-    "@storybook/manager-webpack4": "^6.5.12",
-    "@storybook/react": "^6.5.12",
-    "@storybook/test-runner": "^0.7.2",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^6.5.16",
+    "@storybook/test-runner": "^0.8.0",
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^11.2.7",
     "@types/react": "^16.14.32",
     "@types/react-dom": "^16.9.16",
     "axe-playwright": "^1.1.11",
-    "babel-jest": "^26.6.3",
-    "babel-loader": "^8.2.5",
+    "babel-jest": "^29.4.1",
+    "babel-loader": "^9.1.2",
     "babel-plugin-styled-components": "^1.13.3",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "browserslist": "^4.21.4",
     "chromatic": "^6.10.1",
-    "clean-webpack-plugin": "^3.0.0",
-    "compression": "1.7.4",
-    "concurrently": "^7.4.0",
+    "clean-webpack-plugin": "^4.0.0",
     "dotenv": "8.6.0",
-    "exports-loader": "^0.7.0",
-    "express": "^4.18.1",
-    "file-loader": "^4.3.0",
-    "html-loader": "0.5.5",
-    "html-webpack-plugin": "^3.2.0",
+    "express": "^4.18.2",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
     "husky": "3.1.0",
-    "jest": "^26.6.3",
-    "jest-each": "^26.6.2",
-    "jest-junit": "^12.3.0",
-    "jest-webpack-resolver": "^0.3.0",
+    "jest": "^29.4.1",
+    "jest-each": "^29.4.1",
+    "jest-environment-jsdom": "^29.4.1",
+    "jest-junit": "^15.0.0",
     "lodash.clonedeep": "^4.5.0",
-    "pusher-js": "^5.1.1",
+    "process": "^0.11.10",
+    "pusher-js": "^8.0.1",
     "pusher-redux": "^0.5.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-svg-loader": "^3.0.3",
     "react-test-renderer": "16.14.0",
     "resolve-url-loader": "^5.0.0",
-    "storybook-addon-mock": "^2.4.1",
-    "url-loader": "2.3.0",
+    "storybook-addon-mock": "^3.2.0",
+    "url-loader": "^4.1.1",
     "wait-on": "^6.0.1",
-    "webpack": "^4.46.0",
-    "webpack-bundle-analyzer": "^3.9.0",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.3",
-    "webpack-merge": "^4.2.2"
+    "webpack": "^5.75.0",
+    "webpack-bundle-analyzer": "^4.7.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.11.1",
+    "webpack-merge": "^5.8.0"
   },
-  "jestWebpackResolver": {
-    "silent": true,
-    "webpackConfig": "./webpack.config.js"
+  "engines": {
+    "npm": ">=8.3.0"
   },
-  "gitHead": "b7abea7e02569bacd7e2e4b179552fb34970b627"
+  "overrides": {
+    "pusher-redux": {
+      "pusher-js": "8.0.1"
+    }
+  },
+  "gitHead": "cdabdac3eb6d3c545e93376519083ea0605825ff"
 }

package/stories/screens.stories/Chat/FormStates.stories.jsx

@@ -1,7 +1,6 @@
 import { expect } from '@storybook/jest';
 import { fireEvent, userEvent, within } from '@storybook/testing-library';
 import React from 'react';
-import withFetchMock from 'storybook-addon-mock';
 
 import { FIELDS } from '../../../src/components/Form/utils/constants';
 import KindlyChatButton from '../../../src/features/KindlyChatButton/KindlyChatButton';
@@ -21,7 +20,7 @@ const defaultBotSettings = {
 export default {
   title: 'Screen/Chat/Form',
   component: KindlyChatButton,
-  decorators: [withFetchMock, withContainer, withMockProvider],
+  decorators: [withContainer, withMockProvider],
   argTypes: {
     initialStateModifierFromArgs: {
       table: {
@@ -193,8 +192,8 @@ FormActive.parameters = {
                       label: 'Four',
                     },
                     {
-                      value: '5',
-                      label: 'Five',
+                      value: 'Very long message',
+                      label: 'Very long message, this is a very long message',
                     },
                   ],
                 },
@@ -233,7 +232,7 @@ FormActive.play = async ({ canvasElement }) => {
   const selectInputStyle = window.getComputedStyle(selectInput);
   expect(selectInputStyle.border).not.toContain('#00000000');
   expect(selectInputStyle.border).not.toContain('transparent');
-  await userEvent.selectOptions(selectInput, '2');
+  await userEvent.selectOptions(selectInput, 'Very long message');
   await expect(selectInputStyle.border).toContain('rgba(0, 0, 0, 0)');
 
   const chatBody = await within(canvasElement).findByTestId('chat-body-container');

package/stories/screens.stories/Chat/index.stories.jsx

@@ -1,7 +1,6 @@
 import { expect } from '@storybook/jest';
 import { fireEvent, userEvent, waitFor, within } from '@storybook/testing-library';
 import React from 'react';
-import withFetchMock from 'storybook-addon-mock';
 
 import { IMAGE_WIDTH } from 'app/constants';
 
@@ -28,7 +27,7 @@ function Template(args, context) {
 export default {
   title: 'Screen/Chat',
   component: KindlyChatButton,
-  decorators: [withFetchMock, withContainer, withMockProvider],
+  decorators: [withContainer, withMockProvider],
   argTypes: {
     initialStateModifierFromArgs: {
       table: {

package/stories/screens.stories/ClosedButton.stories.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import withMock from 'storybook-addon-mock';
 
 import { chromaticViewports } from '../../.storybook/preview';
 import KindlyChat from '../../src/KindlyChat';
@@ -23,7 +22,7 @@ function Template({ options, ...args }) {
 export default {
   title: 'Screen/Button',
   component: KindlyChat,
-  decorators: [withMock],
+  decorators: [],
   argTypes: {
     options: {
       table: {

package/stories/screens.stories/Feedback.stories.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import withFetchMock from 'storybook-addon-mock';
 
 import { feedbackFormTypes } from 'app/constants';
 
@@ -24,7 +23,7 @@ function Template(args, context) {
 export default {
   title: 'Screen/Feedback',
   component: KindlyChatButton,
-  decorators: [withFetchMock, withContainer, withMockProvider],
+  decorators: [withContainer, withMockProvider],
 };
 
 export const Emojis = Template.bind({});

package/stories/screens.stories/Nudge.stories.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import withMock from 'storybook-addon-mock';
 
 import { chromaticViewports } from '../../.storybook/preview';
 import KindlyChat from '../../src/KindlyChat';
@@ -36,7 +35,6 @@ function Template({ slug, nudgeLayout, trackEvent, options, ...args }) {
 export default {
   title: 'Screen/Nudges',
   component: KindlyChat,
-  decorators: [withMock],
 };
 
 export const Product = Template.bind({});

package/stories/screens.stories/Options.stories.jsx

@@ -1,6 +1,5 @@
 import { userEvent, within } from '@storybook/testing-library';
 import React from 'react';
-import withFetchMock from 'storybook-addon-mock';
 
 import { chromaticViewports } from '../../.storybook/preview';
 import KindlyChatButton from '../../src/features/KindlyChatButton/KindlyChatButton';
@@ -23,7 +22,7 @@ function Template(args, context) {
 export default {
   title: 'Screen/Options',
   component: KindlyChatButton,
-  decorators: [withFetchMock, withContainer, withMockProvider],
+  decorators: [withContainer, withMockProvider],
 };
 
 const defaultParameters = {

package/stories/screens.stories/PushGreeting.stories.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import withFetchMock from 'storybook-addon-mock';
 
 import { chromaticViewports } from '../../.storybook/preview';
 import KindlyChatButton from '../../src/features/KindlyChatButton/KindlyChatButton';
@@ -22,7 +21,7 @@ function Template(args, context) {
 export default {
   title: 'Screen/PushGreeting',
   component: KindlyChatButton,
-  decorators: [withFetchMock, withContainer, withMockProvider],
+  decorators: [withContainer, withMockProvider],
 };
 
 export const Default = Template.bind({});