@kindly/react-chat 2.36.0 → 2.36.1

package/.storybook/main.js

@@ -0,0 +1,72 @@
+const path = require('path');
+const webpack = require('webpack');
+
+const envConfig = require('../../../config');
+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-mock/register',
+  ],
+  framework: '@storybook/react',
+  /* Modify the default storybook webpack config to our needs */
+  webpackFinal: (config) => {
+    // Support SVG imports. Ref: https://github.com/storybookjs/storybook/issues/6188#issuecomment-940081810
+    const fileLoaderRule = config.module.rules.find((rule) => !Array.isArray(rule.test) && rule.test.test('.svg'));
+    fileLoaderRule.exclude = /\.svg$/;
+
+    return {
+      ...config,
+      module: {
+        ...config.module,
+        rules: [
+          ...config.module.rules,
+          {
+            test: /\.svg$/,
+            use: [
+              {
+                loader: 'babel-loader',
+              },
+              {
+                loader: 'react-svg-loader',
+                options: {
+                  jsx: true,
+                },
+              },
+            ],
+          },
+        ],
+      },
+      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',
+        }),
+      ],
+    };
+  },
+};

package/.storybook/preview.js

@@ -0,0 +1,48 @@
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+  chromatic: { pauseAnimationAtEnd: true },
+};
+
+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,
+    },
+  },
+};