@trycourier/react-provider 7.3.1-internal.6fbb6e1.0 → 7.4.1-internal.5c52e6a.0

package/README.md

@@ -3,7 +3,7 @@
 
 - [Version 5.X CSP Migration](#version-5-csp-migration)
 - [Props](#props)
-- [Listening to Messsages](#listening-to-messsages)
+- [Listening to Messages](#listening-to-messages)
 - [Dark Mode / Theme Variables](#dark-mode--theme-variables)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
@@ -84,7 +84,7 @@ interface Brand {
 
 <a name="1listening-to-messagesmd"></a>
 
-### [Listening to Messsages](#listening)
+### [Listening to Messages](#listening)
 
 There are a few ways to listen for messages and being able react.
 
@@ -94,7 +94,7 @@ There are a few ways to listen for messages and being able react.
 import { CourierProvider } from "@trycourier/react-provider";
 
 const MyApp = ({ children }) => {
-  const handleOnMessage = (messsage: IInboxMessagePreview) => {
+  const handleOnMessage = (message: IInboxMessagePreview) => {
     console.log(message);
     return message;
   };
@@ -176,34 +176,41 @@ import { CourierProvider } from "@trycourier/react-provider";
 
 const MyApp = ({ children }) => {
   return (
-    <CourierProvider thene={{ colorMode: "dark" }}>{children}</CourierProvider>
+    <CourierProvider theme={{ colorMode: "dark" }}>{children}</CourierProvider>
   );
 };
 ```
 
-You can customize darkmode by passing in variables to the root level theme:
+You can customize dark mode by passing in variables to the root level theme:
 
-````typescript
+```typescript
 export interface ThemeVariables {
   background?: string;
   textColor?: string;
   titleColor?: string;
   structure?: string;
   icon?: string;
-}```
+}
+```
 
 ```tsx
 import { CourierProvider } from "@trycourier/react-provider";
 
 const MyApp = ({ children }) => {
   return (
-    <CourierProvider thene={{variables: {
-        background: "red",
-        textColor: "blue",
-        titleColor: "green",
-        structure: "pink",
-        icon: "orange"
-    }}}>{children}</CourierProvider>
+    <CourierProvider
+      theme={{
+        variables: {
+          background: "red",
+          textColor: "blue",
+          titleColor: "green",
+          structure: "pink",
+          icon: "orange",
+        },
+      }}
+    >
+      {children}
+    </CourierProvider>
   );
 };
-````
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-provider",
-  "version": "7.3.1-internal.6fbb6e1.0+6fbb6e1",
+  "version": "7.4.1-internal.5c52e6a.0+5c52e6a",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -15,10 +15,10 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@trycourier/client-graphql": "^7.3.1-internal.6fbb6e1.0+6fbb6e1",
-    "@trycourier/core": "^7.3.1-internal.6fbb6e1.0+6fbb6e1",
+    "@trycourier/client-graphql": "^7.4.1-internal.5c52e6a.0+5c52e6a",
+    "@trycourier/core": "^7.4.1-internal.5c52e6a.0+5c52e6a",
     "@trycourier/courier-js": "^1.4.2",
-    "@trycourier/transport": "^7.3.1-internal.6fbb6e1.0+6fbb6e1",
+    "@trycourier/transport": "^7.4.1-internal.5c52e6a.0+5c52e6a",
     "buffer": "^6.0.3",
     "jwt-decode": "^4.0.0",
     "react-use": "^17.2.1",
@@ -34,5 +34,5 @@
     "dist/",
     "typings/"
   ],
-  "gitHead": "6fbb6e1d2653cfdf0fcc388b1d2a630297f2fa92"
+  "gitHead": "5c52e6a0122752a6346eec1150f0108195508930"
 }