Some massive reworks

.gitignore

@@ -7,10 +7,12 @@ yarn-error.log
 .DS_Store
 
 # Build files
-# lib
+lib
 
 # Test files
 coverage
 
 # vscode
 .vscode
+
+react-chat-widget-*.tgz

.storybook/main.js

@@ -0,0 +1,69 @@
+const path = require('path');
+
+
+module.exports = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-webpack5-compiler-babel",
+    "@chromatic-com/storybook",
+    {
+      name: '@storybook/addon-styling-webpack',
+      options: {
+        rules: [
+          // Replaces any existing Sass rules with given rules
+          {
+            test: /\.s[ac]ss$/i,
+            use: [
+              "style-loader",
+              "css-loader",
+              {
+                loader: "sass-loader",
+                options: {
+                  implementation: require.resolve("sass"),
+                  sassOptions: {
+                    loadPaths: [path.resolve(__dirname, '../src/scss/')]
+                  }
+                }
+              },
+            ],
+          },
+        ]
+      }
+    },
+  ],
+
+  webpackFinal: async (config, { configType }) => {
+    // config.module.rules.push({
+    //   test: /\.scss$/,
+    //   use: ["style-loader", "css-loader", "sass-loader"],
+    //   include: path.resolve(__dirname, "../")
+    // });
+
+    config.module.rules.push({
+      test: /\.(ts|tsx)$/,
+      loader: require.resolve("babel-loader"),
+      options: {
+        presets: [["react-app", { flow: false, typescript: true }]]
+      }
+    });
+    config.resolve.extensions.push(".ts", ".tsx");
+
+    return config;
+  },
+
+  docs: {
+    autodocs: true
+  },
+
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {}
+  },
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript"
+  }
+}

jest.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+    roots: ["./src"],
+    setupFilesAfterEnv: ["./jest.setup.ts"],
+    moduleFileExtensions: ["ts", "tsx", "js"],
+    testPathIgnorePatterns: ["node_modules/"],
+    transform: {
+        "^.+\\.tsx?$": "ts-jest"
+    },
+    testMatch: ["**/*.test.(ts|tsx|js|jsx)"],
+    moduleNameMapper: {
+        // Mocks out all these file formats when tests are run
+        "\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":
+            "identity-obj-proxy",
+        "\\.(svg)$": "<rootDir>/mocks/fileMock.js",
+        "\\.(css|less|scss|sass)$": "identity-obj-proxy"
+    },
+    testEnvironment: "jsdom"
+};

jest.setup.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

mocks/styleMock.js

@@ -1 +1 @@
-module.exports = {};
+module.exports = {};