fix(optional mutation observer): make mutation observer optional as i…

…ts probably not needed all time

packages/client-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/client-api",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "",
   "main": "dist/index.js",
   "private": true,

packages/client-graphql/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/client-graphql",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",

packages/components/__tests__/index.spec.tsx

@@ -131,6 +131,11 @@ test("will render an inbox and can change labels", async () => {
 
 test("will render nothing and then render an inbox when the element is inserted", async () => {
   document.body.innerHTML = "";
+  act(() => {
+    (window as any).courierConfig = {
+      enableMutationObserver: true,
+    };
+  });
   render(
     <CourierProvider
       clientKey="MOCK_CLIENT_KEY"

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/components",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "private": true,
   "description": "Beautiful, easy React toast notifications",
   "author": "Courier <support@courier.com>",
@@ -18,11 +18,11 @@
   "license": "MIT",
   "dependencies": {
     "@trycourier/courier": "^1.3.0",
-    "@trycourier/react-brand-designer": "^3.7.0",
-    "@trycourier/react-inbox": "^3.7.0",
-    "@trycourier/react-preferences": "^3.7.0",
-    "@trycourier/react-provider": "^3.7.0",
-    "@trycourier/react-toast": "^3.7.0",
+    "@trycourier/react-brand-designer": "^3.7.1",
+    "@trycourier/react-inbox": "^3.7.1",
+    "@trycourier/react-preferences": "^3.7.1",
+    "@trycourier/react-provider": "^3.7.1",
+    "@trycourier/react-toast": "^3.7.1",
     "babel-loader": "^8.0.6",
     "babel-preset-preact": "^2.0.0",
     "camel-case": "^4.1.2",

packages/components/src/components/index.tsx

@@ -86,6 +86,10 @@ export const CourierComponents: React.FunctionComponent = () => {
   }, [toastConfig, inboxConfig, inboxElement, toastElement]);
 
   useEffect(() => {
+    if (!window?.courierConfig?.enableMutationObserver) {
+      return;
+    }
+
     const observer = new MutationObserver((mutationsList) => {
       for (const mutation of mutationsList) {
         switch (mutation.type) {

packages/components/src/index.tsx

@@ -32,10 +32,11 @@ declare global {
 }
 interface ICourierConfig {
   apiUrl?: string;
-  inboxApiUrl?: string;
   authorization?: string;
   brandId?: string;
   clientKey: string;
+  enableMutationObserver?: boolean;
+  inboxApiUrl?: string;
   onRouteChange?: (route: string) => void;
   components?: {
     inbox?: any;

packages/react-brand-designer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-brand-designer",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "Embeddable brand designer for multi-channel notifications",
   "homepage": "https://github.com/trycourier/courier-react/tree/main/packages/react-elements#readme",
   "license": "ISC",
@@ -29,7 +29,7 @@
     "url": "https://github.com/trycourier/courier-react/issues"
   },
   "dependencies": {
-    "@trycourier/react-elements": "^3.7.0",
+    "@trycourier/react-elements": "^3.7.1",
     "rimraf": "^3.0.2"
   },
   "devDependencies": {

packages/react-elements/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-elements",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "Shareable components for each Courier package",
   "author": "Drew Youngwerth <drew@youngwerth.com>",
   "homepage": "https://github.com/trycourier/courier-react/tree/main/packages/react-elements#readme",

packages/react-hooks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-hooks",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -20,7 +20,7 @@
     "concat-md": "^0.3.5"
   },
   "dependencies": {
-    "@trycourier/client-graphql": "^3.7.0",
+    "@trycourier/client-graphql": "^3.7.1",
     "deep-extend": "^0.6.0",
     "rimraf": "^3.0.2"
   },

packages/react-inbox-next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-inbox-next",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "",
   "private": true,
   "main": "dist/index.js",

packages/react-inbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-inbox",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -20,10 +20,10 @@
   "dependencies": {
     "@fontsource/poppins": "^4.5.9",
     "@tippyjs/react": "^4.2.3",
-    "@trycourier/client-graphql": "^3.7.0",
-    "@trycourier/react-elements": "^3.7.0",
-    "@trycourier/react-hooks": "^3.7.0",
-    "@trycourier/react-preferences": "^3.7.0",
+    "@trycourier/client-graphql": "^3.7.1",
+    "@trycourier/react-elements": "^3.7.1",
+    "@trycourier/react-hooks": "^3.7.1",
+    "@trycourier/react-preferences": "^3.7.1",
     "classnames": "^2.2.6",
     "date-fns": "^2.19.0",
     "deep-extend": "^0.6.0",

packages/react-preferences/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-preferences",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
   "scripts": {
@@ -23,7 +23,7 @@
   ],
   "license": "ISC",
   "dependencies": {
-    "@trycourier/react-hooks": "^3.7.0",
+    "@trycourier/react-hooks": "^3.7.1",
     "react-toggle": "^4.1.2",
     "styled-components": "^5.3.6"
   }

packages/react-provider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-provider",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -16,7 +16,7 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@trycourier/client-graphql": "^3.7.0",
+    "@trycourier/client-graphql": "^3.7.1",
     "buffer": "^6.0.3",
     "jwt-decode": "^3.1.2",
     "react-use": "^17.2.1",

packages/react-toast/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-toast",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "Beautiful, easy React toast notifications",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -24,7 +24,7 @@
     "concat-md": "^0.3.5"
   },
   "dependencies": {
-    "@trycourier/react-hooks": "^3.7.0",
+    "@trycourier/react-hooks": "^3.7.1",
     "deep-extend": "^0.6.0",
     "markdown-to-jsx": "^7.1.7",
     "react-toastify": "^9.1.3",

packages/storybook/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/storybook",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "private": true,
   "description": "Beautiful, easy React toast notifications",
   "author": "Courier <support@courier.com>",
@@ -23,12 +23,12 @@
     "@storybook/addon-links": "^6.5.9",
     "@storybook/addon-viewport": "^6.5.9",
     "@storybook/react": "^6.5.9",
-    "@trycourier/components": "^3.7.0",
-    "@trycourier/react-brand-designer": "^3.7.0",
-    "@trycourier/react-inbox": "^3.7.0",
-    "@trycourier/react-preferences": "^3.7.0",
-    "@trycourier/react-provider": "^3.7.0",
-    "@trycourier/react-toast": "^3.7.0",
+    "@trycourier/components": "^3.7.1",
+    "@trycourier/react-brand-designer": "^3.7.1",
+    "@trycourier/react-inbox": "^3.7.1",
+    "@trycourier/react-preferences": "^3.7.1",
+    "@trycourier/react-provider": "^3.7.1",
+    "@trycourier/react-toast": "^3.7.1",
     "react-frame-component": "^5.2.3",
     "react-markdown": "^6.0.1",
     "storybook": "^6.5.9",

packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trycourier/types",
   "private": true,
-  "version": "3.7.0",
+  "version": "3.7.1",
   "main": "index.d.ts",
   "types": "index.d.ts",
   "scripts": {}