fix(fix deps and clientkey): fix client key and deps

Author: rileylnapier

package.json

@@ -112,7 +112,6 @@
     ]
   },
   "dependencies": {
-    "@trycourier/courier-js": "^1.4.2",
     "pkg-dir": "^7.0.0"
   }
 }

packages/react-provider/package.json

@@ -16,6 +16,7 @@
   },
   "license": "ISC",
   "dependencies": {
+    "@trycourier/courier-js": "^1.4.2",
     "@trycourier/client-graphql": "^6.0.0",
     "buffer": "^6.0.3",
     "jwt-decode": "^3.1.2",

packages/react-provider/src/hooks/use-courier-actions.ts

@@ -7,6 +7,7 @@ import {
 } from "@trycourier/client-graphql";
 import { Brand, CourierTransport } from "..";
 import courier from "@trycourier/courier-js";
+import jwtDecode from "jwt-decode";
 
 import { ICourierContext } from "~/types";
 
@@ -21,10 +22,28 @@ const useCourierActions = (state, dispatch): ICourierContext => {
       userSignature: state.userSignature,
     });
 
+    let clientKey = state.clientKey;
+
+    //ensure we always have a clientkey
+    if (!clientKey && state.authorization) {
+      const decoded = jwtDecode(state.authorization) as {
+        tenant_scope: string;
+        tenant_id: string;
+        scope: string;
+      };
+
+      let tenantId = decoded.tenant_id;
+      if (decoded.tenant_scope.includes("test")) {
+        tenantId = `${tenantId}/test`;
+      }
+
+      clientKey = btoa(tenantId);
+    }
+
     courier.init({
       baseUrl: state.apiUrl,
       authorization: state.authorization,
-      clientKey: state.clientKey,
+      clientKey,
       userId: state.userId,
       userSignature: state.userSignature,
     });