@kindly/react-chat 2.48.3 → 2.48.4

package/package.json

@@ -1,28 +1,25 @@
 {
   "name": "@kindly/react-chat",
-  "version": "2.48.3",
+  "version": "2.48.4",
   "description": "Kindly Chat react component",
   "repository": "https://github.com/kindly-ai/kindly-chat/tree/main/packages/react-chat",
-  "main": "dist/index.js",
   "license": "MIT",
+  "main": "dist/index.js",
   "scripts": {
-    "start": "webpack-dev-server",
-    "start:linked": "WRITETODISK=1 BABEL_ENV=production webpack-dev-server --config=webpack.prod.js",
-    "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-storybook": "storybook build",
     "build:dev": "webpack --env envConfig=development --config=webpack.prod.js",
-    "build:staging": "webpack --env envConfig=staging --config=webpack.prod.js",
     "build:local": "webpack",
+    "build:staging": "webpack --env envConfig=staging --config=webpack.prod.js",
     "prepublishOnly": "npm run build",
+    "start": "webpack-dev-server",
+    "start:dev": "webpack-dev-server --env envConfig=development",
+    "start:linked": "WRITETODISK=1 BABEL_ENV=production webpack-dev-server --config=webpack.prod.js",
+    "start:prod": "webpack-dev-server --env envConfig=production",
+    "storybook": "storybook dev -p 6006",
     "test": "jest src",
     "test:storybook": "test-storybook",
-    "update:browserslist": "npx browserslist@latest --update-db",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "scriptsComments": {
-    "test-a11y": "Runs the storybook test-runner. Currently running only axe-core for a11y tests."
+    "update:browserslist": "npx browserslist@latest --update-db"
   },
   "browserslist": [
     ">0.2% in alt-eu",
@@ -53,35 +50,29 @@
     "styled-components": "^5.3.11",
     "uuid": "^9.0.0"
   },
-  "peerDependencies": {
-    "pusher-js": ">=8.0.0",
-    "pusher-redux": ">=0.5.0",
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
-  },
   "devDependencies": {
-    "@babel/core": "^7.22.5",
+    "@babel/core": "^7.22.8",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.22.5",
-    "@babel/preset-env": "^7.22.5",
+    "@babel/plugin-transform-runtime": "^7.22.7",
+    "@babel/preset-env": "^7.22.7",
     "@babel/preset-react": "^7.22.5",
-    "@storybook/addon-a11y": "^7.0.23",
-    "@storybook/addon-actions": "^7.0.23",
-    "@storybook/addon-essentials": "^7.0.23",
-    "@storybook/addon-interactions": "^7.0.23",
-    "@storybook/addon-links": "^7.0.23",
-    "@storybook/addon-mdx-gfm": "^7.0.23",
+    "@storybook/addon-a11y": "^7.0.26",
+    "@storybook/addon-actions": "^7.0.26",
+    "@storybook/addon-essentials": "^7.0.26",
+    "@storybook/addon-interactions": "^7.0.26",
+    "@storybook/addon-links": "^7.0.26",
+    "@storybook/addon-mdx-gfm": "^7.0.26",
     "@storybook/jest": "^0.1.0",
-    "@storybook/react": "^7.0.23",
-    "@storybook/react-webpack5": "^7.0.23",
+    "@storybook/react": "^7.0.26",
+    "@storybook/react-webpack5": "^7.0.26",
     "@storybook/test-runner": "^0.11.0",
     "@storybook/testing-library": "^0.2.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^11.2.7",
-    "@types/react": "^18.2.13",
+    "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "axe-playwright": "^1.2.3",
-    "babel-jest": "^29.5.0",
+    "babel-jest": "^29.6.1",
     "babel-loader": "^9.1.2",
     "babel-plugin-styled-components": "^1.13.3",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
@@ -94,9 +85,9 @@
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.3",
     "husky": "3.1.0",
-    "jest": "^29.5.0",
-    "jest-each": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
+    "jest": "^29.6.1",
+    "jest-each": "^29.6.1",
+    "jest-environment-jsdom": "^29.6.1",
     "jest-junit": "^15.0.0",
     "jest-webpack-resolver": "^0.3.0",
     "lodash.clonedeep": "^4.5.0",
@@ -107,17 +98,23 @@
     "pusher-redux": "^0.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-test-renderer": "18.2.0",
+    "react-test-renderer": "^18.2.0",
     "resolve-url-loader": "^5.0.0",
-    "storybook": "^7.0.23",
-    "storybook-addon-mock": "^4.0.0",
+    "storybook": "^7.0.26",
+    "storybook-addon-mock": "^4.1.0",
     "url-loader": "^4.1.1",
-    "webpack": "^5.88.0",
+    "webpack": "^5.88.1",
     "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
     "webpack-merge": "^5.9.0"
   },
+  "peerDependencies": {
+    "pusher-js": ">=8.0.0",
+    "pusher-redux": ">=0.5.0",
+    "react": ">16 || >17 || >18",
+    "react-dom": ">16 || >17 || >18"
+  },
   "engines": {
     "npm": ">=8.3.0"
   },
@@ -144,5 +141,8 @@
       }
     }
   },
-  "gitHead": "7204b1c542834e723592f969f6eeac59b9197e3c"
+  "scriptsComments": {
+    "test-a11y": "Runs the storybook test-runner. Currently running only axe-core for a11y tests."
+  },
+  "gitHead": "4749160d666a79be9ab9b2afedaa5204d77394f2"
 }

package/.storybook/main.js

@@ -1,56 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require('path');
-
-const webpack = require('webpack');
-
-const envConfig = require('../../../config');
-const VERSION = require('../package.json').version;
-
-const envVars = envConfig.local;
-const SETTINGS_HOST = 'https://example.com/mockme';
-module.exports = {
-  stories: [
-    '../src/**/*.stories.mdx',
-    '../src/**/*.stories.@(js|jsx|ts|tsx)',
-    '../stories/**/*.stories.@(js|jsx|ts|tsx)',
-    '../stories/**/*.stories.@(js|jsx|ts|tsx)',
-  ],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-a11y',
-    '@storybook/addon-mdx-gfm',
-    'storybook-addon-mock',
-  ],
-  features: {
-    interactionsDebugger: true, // 👈 Enable playback controls
-  },
-
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-  /* Modify the default storybook webpack config to our needs */
-  webpackFinal: (config) => {
-    return {
-      ...config,
-      resolve: { ...config.resolve, alias: { ...config.resolve.alias, app: path.resolve(__dirname, '../src') } },
-      plugins: [
-        ...config.plugins,
-        new webpack.EnvironmentPlugin({
-          ...envVars,
-          KINDLY_CHAT_URL: 'https://localhost',
-          SETTINGS_HOST,
-          IS_STORYBOOK: true,
-          SAGE_DISABLED: 1,
-          PAT_HOST: 'https://example.com',
-          VERSION,
-        }),
-      ],
-    };
-  },
-  docs: {
-    autodocs: false,
-  },
-};

package/.storybook/preview.js

@@ -1,119 +0,0 @@
-import React, { useEffect } from 'react';
-
-import { fontFace } from 'app/styles/fonts';
-
-const viewports = {
-  smallMobile: {
-    name: 'Small mobile',
-    styles: {
-      height: '568px',
-      width: '360px',
-    },
-    type: 'mobile',
-  },
-  largeMobile: {
-    name: 'Large mobile',
-    styles: {
-      height: '898px',
-      width: '414px',
-    },
-    type: 'mobile',
-  },
-  tablet: {
-    name: 'Tablet',
-    styles: {
-      height: '1024px',
-      width: '768px',
-    },
-    type: 'tablet',
-  },
-  smallDesktop: {
-    name: 'Small desktop',
-    styles: {
-      height: '720px',
-      width: '1280px',
-    },
-    type: 'desktop',
-  },
-};
-
-function viewportsToWidthInts(...viewportArray) {
-  return viewportArray.map((viewport) => {
-    return parseInt(viewport.styles.width, 10);
-  });
-}
-
-export const chromaticViewports = viewportsToWidthInts(viewports.smallMobile, viewports.tablet, viewports.smallDesktop);
-
-export const decorators = [
-  (Story) => {
-    useEffect(() => {
-      const styleTag = document.createElement('style');
-      const fontFaceText = document.createTextNode(fontFace);
-      styleTag.appendChild(fontFaceText);
-      document.head.appendChild(styleTag);
-    }, []);
-    return (
-      <div style={{ minHeight: 500 }}>
-        <Story />
-      </div>
-    );
-  },
-];
-
-export const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-  chromatic: { pauseAnimationAtEnd: true },
-  a11y: {
-    config: {
-      rules: [{ id: 'color-contrast', enabled: false }],
-    },
-  },
-  viewport: {
-    viewports,
-  },
-};
-
-export const argTypes = {
-  onNudgeFormSubmit: {
-    table: {
-      disable: true,
-    },
-  },
-  onNudgeProductClick: {
-    table: {
-      disable: true,
-    },
-  },
-  onNudgeDismiss: {
-    table: {
-      disable: true,
-    },
-  },
-  hidden: {
-    table: {
-      disable: true,
-    },
-  },
-  setKindlyChatRef: {
-    table: {
-      disable: true,
-    },
-  },
-  botKey: {
-    table: {
-      disable: true,
-    },
-  },
-  options: {
-    table: {
-      disable: true,
-    },
-  },
-};

package/stories/.eslintrc

@@ -1,11 +0,0 @@
-{
-  "extends": ["../../../.eslintrc.js"],
-  "overrides": [
-    {
-      "files": ["**/*.stories.jsx", "**/*.stories.tsx"],
-      "rules": {
-        "react/prop-types": "off"
-      }
-    }
-  ]
-}