@trycourier/react-provider 1.9.2-internal.776d32d.0 → 1.10.1

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

@@ -5,10 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _trackEvent = require("../actions/track-event");
+var _clientGraphql = require("@trycourier/client-graphql");
 
-var useCourierActions = function useCourierActions(dispatch) {
+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",
@@ -21,19 +39,33 @@ var useCourierActions = function useCourierActions(dispatch) {
         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(_, getState) {
-          return (0, _trackEvent.updateTrackEvent)(getState().graphQLClient, trackingId);
+        payload: function payload() {
+          return events.trackEvent(trackingId);
         }
       });
     },
     createBatchTrackEvent: function createBatchTrackEvent(eventType) {
       dispatch({
         type: "CREATE_TRACKING_EVENT_BATCH",
-        payload: function payload(_, getState) {
-          return (0, _trackEvent.updateTrackEventBatch)(getState().graphQLClient, eventType);
+        payload: function payload() {
+          return events.trackEventBatch(eventType);
         }
       });
     }

package/dist/index.js

@@ -24,16 +24,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _createReducer = _interopRequireDefault(require("react-use/lib/factory/createReducer"));
 
-var _graphQl = _interopRequireDefault(require("./graph-ql"));
-
 var _courier = require("./transports/courier");
 
 var _reducer = _interopRequireWildcard(require("./reducer"));
 
 var _middleware2 = _interopRequireDefault(require("./middleware"));
 
-var _brand2 = require("./actions/brand");
-
 var _useCourierActions = _interopRequireDefault(require("./hooks/use-courier-actions"));
 
 var _transports = require("./transports");
@@ -98,14 +94,6 @@ var CourierProvider = function CourierProvider(_ref) {
 
   var middleware = [].concat((0, _toConsumableArray2["default"])(_middleware), (0, _toConsumableArray2["default"])(_middleware2["default"]));
   var useReducer = (0, _react.useCallback)(_createReducer["default"].apply(void 0, (0, _toConsumableArray2["default"])(middleware)), [_middleware]);
-  var graphQLClient = (0, _react.useMemo)(function () {
-    return new _graphQl["default"]({
-      clientKey: clientKey,
-      userId: userId,
-      userSignature: userSignature,
-      apiUrl: apiUrl
-    });
-  }, [clientKey, userId, userSignature, apiUrl]);
   var transport = (0, _react.useMemo)(function () {
     if (_transport) {
       return _transport;
@@ -124,7 +112,6 @@ var CourierProvider = function CourierProvider(_ref) {
     apiUrl: apiUrl,
     brand: brand,
     brandId: brandId,
-    graphQLClient: graphQLClient,
     clientKey: clientKey,
     transport: transport,
     userId: userId,
@@ -135,7 +122,7 @@ var CourierProvider = function CourierProvider(_ref) {
       state = _useReducer2[0],
       dispatch = _useReducer2[1];
 
-  var actions = (0, _useCourierActions["default"])(dispatch);
+  var actions = (0, _useCourierActions["default"])(state, dispatch);
   (0, _react.useEffect)(function () {
     if (_transport) {
       // this means the transport was passed in and we shouldn't subscribe
@@ -176,36 +163,23 @@ var CourierProvider = function CourierProvider(_ref) {
       return;
     }
 
-    dispatch({
-      type: "root/INIT",
-      payload: {
-        apiUrl: apiUrl,
-        brandId: brandId,
-        graphQLClient: graphQLClient,
-        clientKey: clientKey,
-        transport: transport,
-        userId: userId,
-        userSignature: userSignature
-      }
+    actions.init({
+      apiUrl: apiUrl,
+      brandId: brandId,
+      clientKey: clientKey,
+      transport: transport,
+      userId: userId,
+      userSignature: userSignature
     });
-  }, [apiUrl, graphQLClient, clientKey, transport, userId, userSignature, brandId]);
+  }, [apiUrl, clientKey, transport, userId, userSignature, brandId]);
   (0, _react.useEffect)(function () {
     if (brand) {
       // if we pass in brand, don't fetch it
       return;
     }
 
-    if (!graphQLClient.client) {
-      return;
-    }
-
-    dispatch({
-      type: "root/GET_BRAND",
-      payload: function payload() {
-        return (0, _brand2.getBrand)(graphQLClient, brandId);
-      }
-    });
-  }, [graphQLClient, brand, brandId]);
+    actions.getBrand(brandId);
+  }, [brand, brandId]);
   (0, _react.useEffect)(function () {
     if (!state.brand || !clientKey || !userId) {
       return;
@@ -227,10 +201,7 @@ var CourierProvider = function CourierProvider(_ref) {
         var _JSON$parse = JSON.parse(localStorageState),
             _brand = _JSON$parse.brand;
 
-        dispatch({
-          type: "root/GET_BRAND/DONE",
-          payload: _brand
-        });
+        actions.setBrand(_brand);
       } catch (ex) {
         console.log("error", ex);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-provider",
-  "version": "1.9.2-internal.776d32d.0+776d32d",
+  "version": "1.10.1",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -16,6 +16,7 @@
   },
   "license": "ISC",
   "dependencies": {
+    "@trycourier/client-graphql": "^1.10.1",
     "buffer": "^6.0.3",
     "graphql": "^15.5.0",
     "react-use": "^17.2.1",
@@ -31,5 +32,5 @@
     "dist/",
     "typings/"
   ],
-  "gitHead": "776d32db0ced6569ccd6ca04864501cd9e4099cf"
+  "gitHead": "69cfbf44f074d5b7c9a630eb82ac7491801bb9e7"
 }

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

@@ -1,6 +1,9 @@
-declare const useCourierActions: (dispatch: any) => {
+declare const useCourierActions: (state: any, dispatch: any) => {
+    init: (payload: any) => void;
     initToast: (payload: any) => void;
     initInbox: (payload: any) => void;
+    getBrand: (brandId: any) => void;
+    setBrand: (brand: any) => void;
     createTrackEvent: (trackingId: any) => void;
     createBatchTrackEvent: (eventType: any) => void;
 };

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":"AAEA,QAAA,MAAM,iBAAiB;;;;;CA6BtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"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"}

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;AAG/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;AAK/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,CA6K1E,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,4CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAmJ1E,CAAC"}

package/dist/actions/brand.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getBrand = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var brandProps = "\nsettings {\n  colors {\n    primary\n    secondary\n    tertiary\n  }\n  inapp {\n    borderRadius\n    disableMessageIcon\n    disableCourierFooter\n    placement\n    emptyState {\n      textColor\n      text\n    }\n    widgetBackground {\n      topColor\n      bottomColor\n    }\n    colors {\n      invertHeader\n      invertButtons\n    }\n    icons {\n      bell\n      message\n    }\n    toast {\n      timerAutoClose\n      borderRadius\n    }\n  }\n}\npreferenceTemplates {\n  nodes {\n    defaultStatus\n    templateName\n    templateId\n  }\n}\n";
-var GET_BRAND = "\nquery GetBrand($brandId: String!) {\n  brand(brandId: $brandId) {\n    ".concat(brandProps, "\n  }\n}\n");
-var GET_INAPP_BRAND = "\nquery GetInAppBrand {\n  inAppBrand {\n    ".concat(brandProps, "\n  }\n}\n");
-
-var getBrand = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(client, brandId) {
-    var _results$data, _brand$settings, _brand$settings2, _brand$preferenceTemp;
-
-    var results, brandProp, brand, colors, inapp, preferenceTemplates;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!brandId) {
-              _context.next = 6;
-              break;
-            }
-
-            _context.next = 3;
-            return client.query(GET_BRAND, {
-              brandId: brandId
-            });
-
-          case 3:
-            _context.t0 = _context.sent;
-            _context.next = 9;
-            break;
-
-          case 6:
-            _context.next = 8;
-            return client.query(GET_INAPP_BRAND);
-
-          case 8:
-            _context.t0 = _context.sent;
-
-          case 9:
-            results = _context.t0;
-            brandProp = brandId ? "brand" : "inAppBrand";
-            brand = results === null || results === void 0 ? void 0 : (_results$data = results.data) === null || _results$data === void 0 ? void 0 : _results$data[brandProp];
-            colors = brand === null || brand === void 0 ? void 0 : (_brand$settings = brand.settings) === null || _brand$settings === void 0 ? void 0 : _brand$settings.colors;
-            inapp = brand === null || brand === void 0 ? void 0 : (_brand$settings2 = brand.settings) === null || _brand$settings2 === void 0 ? void 0 : _brand$settings2.inapp;
-            preferenceTemplates = brand === null || brand === void 0 ? void 0 : (_brand$preferenceTemp = brand.preferenceTemplates) === null || _brand$preferenceTemp === void 0 ? void 0 : _brand$preferenceTemp.nodes;
-            return _context.abrupt("return", {
-              colors: colors,
-              inapp: inapp,
-              preferenceTemplates: preferenceTemplates
-            });
-
-          case 16:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function getBrand(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-exports.getBrand = getBrand;

package/dist/actions/track-event.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateTrackEventBatch = exports.updateTrackEvent = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var UPDATE_TRACK_EVENT = "\n  mutation TrackEvent($trackingId: String!) {\n    trackEvent(trackingId: $trackingId) {\n      id\n    }\n  }\n";
-var UPDATE_TRACK_EVENT_BATCH = "\n  mutation BatchTrackEvent($eventType: String!) {\n    batchTrackEvent(eventType: $eventType) {\n      ids\n    }\n  }\n";
-
-var updateTrackEvent = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(client, trackingId) {
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return client.mutate(UPDATE_TRACK_EVENT, {
-              trackingId: trackingId
-            });
-
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function updateTrackEvent(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-exports.updateTrackEvent = updateTrackEvent;
-
-var updateTrackEventBatch = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(client, eventType) {
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return client.mutate(UPDATE_TRACK_EVENT_BATCH, {
-              eventType: eventType
-            });
-
-          case 2:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-
-  return function updateTrackEventBatch(_x3, _x4) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-exports.updateTrackEventBatch = updateTrackEventBatch;

package/typings/actions/brand.d.ts

@@ -1,6 +0,0 @@
-export declare const getBrand: (client: any, brandId: any) => Promise<{
-    colors: any;
-    inapp: any;
-    preferenceTemplates: any;
-}>;
-//# sourceMappingURL=brand.d.ts.map

package/typings/actions/brand.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/actions/brand.ts"],"names":[],"mappings":"AA2DA,eAAO,MAAM,QAAQ;;;;EAmBpB,CAAC"}

package/typings/actions/track-event.d.ts

@@ -1,3 +0,0 @@
-export declare const updateTrackEvent: (client: any, trackingId: any) => Promise<void>;
-export declare const updateTrackEventBatch: (client: any, eventType: any) => Promise<void>;
-//# sourceMappingURL=track-event.d.ts.map

package/typings/actions/track-event.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"track-event.d.ts","sourceRoot":"","sources":["../../src/actions/track-event.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,gBAAgB,iDAI5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gDAIjC,CAAC"}