@kindly/react-chat 2.37.2 → 2.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kindly/react-chat",
-  "version": "2.37.2",
+  "version": "2.38.0",
   "description": "Kindly Chat react component",
   "repository": "https://github.com/kindly-ai/kindly-chat/tree/main/packages/react-chat",
   "main": "dist/index.js",
@@ -59,7 +59,7 @@
     "react-dom": ">=16.9.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.10",
+    "@babel/core": "^7.18.13",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-transform-runtime": "^7.18.10",
     "@babel/preset-env": "^7.18.10",
@@ -75,13 +75,15 @@
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^11.2.7",
+    "@types/react": "^16.14.31",
+    "@types/react-dom": "^16.9.16",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.5",
     "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.3",
-    "chromatic": "^6.7.4",
+    "chromatic": "^6.8.0",
     "clean-webpack-plugin": "^3.0.0",
     "compression": "1.7.4",
     "dotenv": "8.6.0",
@@ -115,5 +117,5 @@
     "silent": true,
     "webpackConfig": "./webpack.config.js"
   },
-  "gitHead": "2bdd5ae954208d613144bc8787163da67fc7d114"
+  "gitHead": "d58bb8e70b1359a91ea0700f52feefd7f83f9ce3"
 }

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

@@ -1,6 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable react/prop-types */
-import { expect } from '@storybook/jest';
 import { screen, userEvent } from '@storybook/testing-library';
 import React from 'react';
 import withFetchMock from 'storybook-addon-mock';
@@ -20,9 +19,9 @@ const defaultBotSettings = {
   ...settingsJSON,
 };
 
-const Template = (args, context) => {
+function Template(args, context) {
   return <KindlyChatButton {...args} {...context} />;
-};
+}
 
 export default {
   title: 'Screen/Chat',
@@ -329,10 +328,10 @@ HandoverRequested.parameters = {
 export const HandoverCancelled = Template.bind({});
 HandoverCancelled.parameters = HandoverRequested.parameters;
 HandoverCancelled.play = async () => {
-  expect(await screen.findByText(defaultBotSettings.text.takeover_queue_text.en)).toBeInTheDocument();
+  await screen.findByText(defaultBotSettings.text.takeover_queue_text.en);
   const leaveQueueButton = await screen.findByText(defaultBotSettings.text.takeover_queue_link.en);
   await userEvent.click(leaveQueueButton);
-  expect(await screen.findByText(defaultBotSettings.text.leave_queue_text.en)).toBeInTheDocument();
+  await screen.findByText(defaultBotSettings.text.leave_queue_text.en);
 };
 
 export const Checkbox = Template.bind({});

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

@@ -16,9 +16,9 @@ const mockSettings = (response = settings) => ({
   ],
 });
 
-const Template = (args) => {
-  return <KindlyChat botKey={'1234'} options={args.options || {}} {...args} />;
-};
+function Template({ options, ...args }) {
+  return <KindlyChat botKey="1234" options={options || {}} {...args} />;
+}
 
 export default {
   title: 'Screen/Button',

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

@@ -18,9 +18,9 @@ const defaultBotSettings = {
   ...settingsJSON,
 };
 
-const Template = (args, context) => {
+function Template(args, context) {
   return <KindlyChatButton {...args} {...context} />;
-};
+}
 
 export default {
   title: 'Screen/Feedback',

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

@@ -16,10 +16,10 @@ const mockSettings = (response = settings) => ({
   ],
 });
 
-const Template = ({ slug, nudgeLayout, trackEvent, options, ...args }) => {
+function Template({ slug, nudgeLayout, trackEvent, options, ...args }) {
   return (
     <KindlyChat
-      botKey={'1234'}
+      botKey="1234"
       options={options || {}}
       {...args}
       setKindlyChatRef={(api) => {
@@ -31,7 +31,7 @@ const Template = ({ slug, nudgeLayout, trackEvent, options, ...args }) => {
       }}
     />
   );
-};
+}
 
 export default {
   title: 'Screen/Nudges',

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

@@ -17,9 +17,9 @@ const defaultBotSettings = {
   ...settingsJSON,
 };
 
-const Template = (args, context) => {
+function Template(args, context) {
   return <KindlyChatButton {...args} {...context} />;
-};
+}
 
 export default {
   title: 'Screen/Options',

package/stories/screens.stories/StartChat.stories.jsx

@@ -15,9 +15,9 @@ const defaultBotSettings = {
   ...settingsJSON,
 };
 
-const Template = (args, context) => {
+function Template(args, context) {
   return <KindlyChatButton {...args} {...context} />;
-};
+}
 
 export default {
   title: 'Screen/StartChat',

package/jsconfig.json

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "app/*": ["src/*"]
-    }
-  },
-  "exclude": ["node_modules"]
-}