@trycourier/react-provider 1.22.2-internal.d598d2d.0 → 1.24.1

package/dist/hooks/use-courier-actions.js

@@ -5,71 +5,75 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _react = require("react");
+
 var _clientGraphql = require("@trycourier/client-graphql");
 
 var useCourierActions = function useCourierActions(state, dispatch) {
-  var courierClient = (0, _clientGraphql.createCourierClient)({
-    apiUrl: state.apiUrl,
-    clientKey: state.clientKey,
-    userId: state.userId,
-    userSignature: state.userSignature
-  });
-  var brands = (0, _clientGraphql.Brands)({
-    client: courierClient
-  });
-  var events = (0, _clientGraphql.Events)({
-    client: courierClient
-  });
-  return {
-    init: function init(payload) {
-      dispatch({
-        type: "root/INIT",
-        payload: payload
-      });
-    },
-    initToast: function initToast(payload) {
-      dispatch({
-        type: "toast/INIT",
-        payload: payload
-      });
-    },
-    initInbox: function initInbox(payload) {
-      dispatch({
-        type: "inbox/INIT",
-        payload: payload
-      });
-    },
-    getBrand: function getBrand(brandId) {
-      dispatch({
-        type: "root/GET_BRAND",
-        payload: function payload() {
-          return brands.getBrand(brandId);
-        }
-      });
-    },
-    setBrand: function setBrand(brand) {
-      dispatch({
-        type: "root/GET_BRAND/DONE",
-        payload: brand
-      });
-    },
-    createTrackEvent: function createTrackEvent(trackingId) {
-      dispatch({
-        type: "CREATE_TRACKING_EVENT",
-        payload: function payload() {
-          return events.trackEvent(trackingId);
-        }
-      });
-    },
-    createBatchTrackEvent: function createBatchTrackEvent(eventType) {
-      dispatch({
-        type: "CREATE_TRACKING_EVENT_BATCH",
-        payload: function payload() {
-          return events.trackEventBatch(eventType);
-        }
-      });
-    }
-  };
+  return (0, _react.useMemo)(function () {
+    var courierClient = (0, _clientGraphql.createCourierClient)({
+      apiUrl: state.apiUrl,
+      clientKey: state.clientKey,
+      userId: state.userId,
+      userSignature: state.userSignature
+    });
+    var brands = (0, _clientGraphql.Brands)({
+      client: courierClient
+    });
+    var events = (0, _clientGraphql.Events)({
+      client: courierClient
+    });
+    return {
+      init: function init(payload) {
+        dispatch({
+          type: "root/INIT",
+          payload: payload
+        });
+      },
+      initToast: function initToast(payload) {
+        dispatch({
+          type: "toast/INIT",
+          payload: payload
+        });
+      },
+      initInbox: function initInbox(payload) {
+        dispatch({
+          type: "inbox/INIT",
+          payload: payload
+        });
+      },
+      getBrand: function getBrand(brandId) {
+        dispatch({
+          type: "root/GET_BRAND",
+          payload: function payload() {
+            return brands.getBrand(brandId);
+          }
+        });
+      },
+      setBrand: function setBrand(brand) {
+        dispatch({
+          type: "root/GET_BRAND/DONE",
+          payload: brand
+        });
+      },
+      createTrackEvent: function createTrackEvent(trackingId) {
+        dispatch({
+          type: "CREATE_TRACKING_EVENT",
+          payload: function payload() {
+            return events.trackEvent(trackingId);
+          }
+        });
+      },
+      createBatchTrackEvent: function createBatchTrackEvent(eventType) {
+        dispatch({
+          type: "CREATE_TRACKING_EVENT_BATCH",
+          payload: function payload() {
+            return events.trackEventBatch(eventType);
+          }
+        });
+      }
+    };
+  }, [state.apiUrl, state.clientKey, state.userId, state.userSignature]);
 };
 
 var _default = useCourierActions;

package/dist/hooks/use-why-did-you-update.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWhyDidYouUpdate = useWhyDidYouUpdate;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("react");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function useWhyDidYouUpdate(name, props) {
+  // Get a mutable ref object where we can store props ...
+  // ... for comparison next time this hook runs.
+  var previousProps = (0, _react.useRef)({});
+  (0, _react.useEffect)(function () {
+    if (previousProps.current) {
+      var _previousProps$curren;
+
+      // Get all keys from previous and current props
+      var allKeys = Object.keys(_objectSpread(_objectSpread({}, (_previousProps$curren = previousProps.current) !== null && _previousProps$curren !== void 0 ? _previousProps$curren : {}), props)); // Use this object to keep track of changed props
+
+      var changesObj = {}; // Iterate through keys
+
+      allKeys.forEach(function (key) {
+        var _previousProps$curren2;
+
+        // If previous is different from current
+        if ((previousProps === null || previousProps === void 0 ? void 0 : (_previousProps$curren2 = previousProps.current) === null || _previousProps$curren2 === void 0 ? void 0 : _previousProps$curren2[key]) !== props[key]) {
+          var _previousProps$curren3;
+
+          // Add to changesObj
+          changesObj[key] = {
+            from: previousProps === null || previousProps === void 0 ? void 0 : (_previousProps$curren3 = previousProps.current) === null || _previousProps$curren3 === void 0 ? void 0 : _previousProps$curren3[key],
+            to: props[key]
+          };
+        }
+      }); // If changesObj not empty then output to console
+
+      if (Object.keys(changesObj).length) {
+        console.log("[why-did-you-update]", name, changesObj);
+      }
+    } // Finally update previousProps with current props for next hook call
+
+
+    previousProps.current = props;
+  });
+}

package/dist/index.js

@@ -157,7 +157,7 @@ var CourierProvider = function CourierProvider(_ref) {
     return function () {
       courierTransport.unsubscribe(userId);
     };
-  }, [transport, userId]);
+  }, [actions, transport, userId]);
   (0, _react.useEffect)(function () {
     if (!_transport && (!clientKey || !userId)) {
       return;
@@ -171,15 +171,19 @@ var CourierProvider = function CourierProvider(_ref) {
       userId: userId,
       userSignature: userSignature
     });
-  }, [apiUrl, clientKey, transport, userId, userSignature, brandId]);
+  }, [actions, apiUrl, clientKey, transport, userId, userSignature, brandId]);
   (0, _react.useEffect)(function () {
     if (brand) {
       // if we pass in brand, don't fetch it
       return;
     }
 
+    if (!clientKey || !userId) {
+      return;
+    }
+
     actions.getBrand(brandId);
-  }, [brand, brandId]);
+  }, [actions, brand, brandId, clientKey, userId]);
   (0, _react.useEffect)(function () {
     if (!state.brand || !clientKey || !userId) {
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-provider",
-  "version": "1.22.2-internal.d598d2d.0+d598d2d",
+  "version": "1.24.1",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -15,7 +15,7 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@trycourier/client-graphql": "^1.22.2-internal.d598d2d.0+d598d2d",
+    "@trycourier/client-graphql": "^1.24.1",
     "buffer": "^6.0.3",
     "graphql": "^15.5.0",
     "react-use": "^17.2.1",
@@ -31,5 +31,5 @@
     "dist/",
     "typings/"
   ],
-  "gitHead": "d598d2dead1d18540c8f36afec9c4d5466f1551a"
+  "gitHead": "0c42a5155afb20eea44e1788c305b2e68e49fc52"
 }

package/typings/hooks/use-courier-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-courier-actions.d.ts","sourceRoot":"","sources":["../../src/hooks/use-courier-actions.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,iBAAiB;;;;;;;;CAuDtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"use-courier-actions.d.ts","sourceRoot":"","sources":["../../src/hooks/use-courier-actions.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,iBAAiB;;;;;;;;CAyDtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/typings/hooks/use-why-did-you-update.d.ts

@@ -0,0 +1,2 @@
+export declare function useWhyDidYouUpdate(name: any, props: any): void;
+//# sourceMappingURL=use-why-did-you-update.d.ts.map

package/typings/hooks/use-why-did-you-update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-why-did-you-update.d.ts","sourceRoot":"","sources":["../../src/hooks/use-why-did-you-update.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,IAAI,KAAA,EAAE,KAAK,KAAA,QAgC7C"}

package/typings/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,KAAK,EACL,SAAS,EACV,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAI/E,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,eAAe,oCAAmB,CAAC;AAEhD,YAAY,EACV,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,cAAc,4CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAmJ1E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,KAAK,EACL,SAAS,EACV,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAI/E,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,eAAe,oCAAmB,CAAC;AAEhD,YAAY,EACV,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,cAAc,4CACkC,CAAC;AAE9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAwJxE,CAAC"}