@flagship.io/react-sdk 2.2.0-beta.5 → 3.0.1

package/dist/esm/FlagshipContext.js

@@ -17,9 +17,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 // eslint-disable-next-line no-use-before-define
-import React, { useState, useEffect, createContext, useRef } from 'react';
-import { Flagship, FlagshipStatus } from '@flagship.io/js-sdk';
-import { getModificationsFromCampaigns, logError } from './utils';
+import React, { useState, useEffect, createContext, useRef } from "react";
+import { Flagship, FlagshipStatus } from "@flagship.io/js-sdk";
+import { getModificationsFromCampaigns, logError, useNonInitialEffect } from "./utils";
 var initStat = {
   status: {
     isLoading: true,
@@ -53,12 +53,20 @@ export var FlagshipProvider = function FlagshipProvider(_ref) {
       initialBucketing = _ref.initialBucketing,
       initialCampaigns = _ref.initialCampaigns,
       initialModifications = _ref.initialModifications,
+      initialFlagsData = _ref.initialFlagsData,
       synchronizeOnBucketingUpdated = _ref.synchronizeOnBucketingUpdated,
       activateDeduplicationTime = _ref.activateDeduplicationTime,
-      hitDeduplicationTime = _ref.hitDeduplicationTime;
+      hitDeduplicationTime = _ref.hitDeduplicationTime,
+      visitorCacheImplementation = _ref.visitorCacheImplementation,
+      hitCacheImplementation = _ref.hitCacheImplementation,
+      disableCache = _ref.disableCache;
   var modifications = new Map();
 
-  if (initialModifications) {
+  if (initialFlagsData && initialFlagsData.forEach) {
+    initialFlagsData.forEach(function (flag) {
+      modifications.set(flag.key, flag);
+    });
+  } else if (initialModifications && initialModifications.forEach) {
     initialModifications.forEach(function (modification) {
       modifications.set(modification.key, modification);
     });
@@ -80,47 +88,20 @@ export var FlagshipProvider = function FlagshipProvider(_ref) {
 
   var stateRef = useRef();
   stateRef.current = state;
-  useEffect(function () {
+  useNonInitialEffect(function () {
     if (synchronizeOnBucketingUpdated) {
       var _state$visitor;
 
-      (_state$visitor = state.visitor) === null || _state$visitor === void 0 ? void 0 : _state$visitor.synchronizeModifications();
+      (_state$visitor = state.visitor) === null || _state$visitor === void 0 ? void 0 : _state$visitor.fetchFlags();
     }
   }, [lastModified]);
-  useEffect(function () {
-    updateVisitor();
+  useNonInitialEffect(function () {
+    createVisitor(true);
   }, [JSON.stringify(visitorData)]);
   useEffect(function () {
     initSdk();
   }, [envId, apiKey, decisionMode]);
 
-  var updateVisitor = function updateVisitor() {
-    if (!state.visitor) {
-      return;
-    }
-
-    if (visitorData.context) {
-      state.visitor.clearContext();
-      state.visitor.updateContext(visitorData.context);
-    }
-
-    if (typeof visitorData.hasConsented === 'boolean') {
-      state.visitor.setConsent(visitorData.hasConsented);
-    }
-
-    if (state.visitor.anonymousId && !visitorData.isAuthenticated) {
-      state.visitor.unauthenticate();
-    } else if (!state.visitor.anonymousId && visitorData.isAuthenticated) {
-      state.visitor.authenticate(visitorData.id);
-    }
-
-    if (visitorData.id) {
-      state.visitor.visitorId = visitorData.id;
-    }
-
-    state.visitor.synchronizeModifications();
-  };
-
   function initializeState(param) {
     var newStatus = {
       isSdkReady: param.isSdkReady,
@@ -146,7 +127,7 @@ export var FlagshipProvider = function FlagshipProvider(_ref) {
 
   var onVisitorReady = function onVisitorReady(fsVisitor, error) {
     if (error) {
-      logError(Flagship.getConfig(), error.message || error, 'onReady');
+      logError(Flagship.getConfig(), error.message || error, "onReady");
       return;
     }
 
@@ -165,6 +146,39 @@ export var FlagshipProvider = function FlagshipProvider(_ref) {
     }
   };
 
+  var createVisitor = function createVisitor() {
+    var fetchFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+    if (!visitorData) {
+      return;
+    }
+
+    var fsVisitor = Flagship.newVisitor({
+      visitorId: visitorData.id,
+      context: visitorData.context,
+      isAuthenticated: visitorData.isAuthenticated,
+      hasConsented: visitorData.hasConsented,
+      initialCampaigns: initialCampaigns,
+      initialModifications: initialModifications,
+      initialFlagsData: initialFlagsData
+    });
+    fsVisitor === null || fsVisitor === void 0 ? void 0 : fsVisitor.on("ready", function (error) {
+      onVisitorReady(fsVisitor, error);
+    });
+
+    if (!fetchNow && fsVisitor && !fetchFlags) {
+      initializeState({
+        fsVisitor: fsVisitor,
+        isSdkReady: true,
+        isLoading: false
+      });
+    }
+
+    if (fetchFlags && !fetchNow) {
+      fsVisitor === null || fsVisitor === void 0 ? void 0 : fsVisitor.fetchFlags();
+    }
+  };
+
   var statusChanged = function statusChanged(status) {
     if (statusChangedCallback) {
       statusChangedCallback(status);
@@ -172,38 +186,15 @@ export var FlagshipProvider = function FlagshipProvider(_ref) {
 
     if (status === FlagshipStatus.STARTING && onInitStart) {
       onInitStart();
-    } else if (status === FlagshipStatus.READY_PANIC_ON || status === FlagshipStatus.READY) {
-      var _stateRef$current;
+      return;
+    }
 
+    if (status === FlagshipStatus.READY_PANIC_ON || status === FlagshipStatus.READY) {
       if (onInitDone) {
         onInitDone();
       }
 
-      if ((_stateRef$current = stateRef.current) !== null && _stateRef$current !== void 0 && _stateRef$current.visitor) {
-        var _stateRef$current2;
-
-        (_stateRef$current2 = stateRef.current) === null || _stateRef$current2 === void 0 ? void 0 : _stateRef$current2.visitor.synchronizeModifications();
-      } else {
-        var fsVisitor = Flagship.newVisitor({
-          visitorId: visitorData.id,
-          context: visitorData.context,
-          isAuthenticated: visitorData.isAuthenticated,
-          hasConsented: visitorData.hasConsented,
-          initialCampaigns: initialCampaigns,
-          initialModifications: initialModifications
-        });
-        fsVisitor === null || fsVisitor === void 0 ? void 0 : fsVisitor.on('ready', function (error) {
-          onVisitorReady(fsVisitor, error);
-        });
-
-        if (!fetchNow && fsVisitor) {
-          initializeState({
-            fsVisitor: fsVisitor,
-            isSdkReady: true,
-            isLoading: false
-          });
-        }
-      }
+      createVisitor();
     }
   };
 
@@ -231,14 +222,18 @@ export var FlagshipProvider = function FlagshipProvider(_ref) {
       onBucketingUpdated: onBucketingLastModified,
       initialBucketing: initialBucketing,
       activateDeduplicationTime: activateDeduplicationTime,
-      hitDeduplicationTime: hitDeduplicationTime
+      hitDeduplicationTime: hitDeduplicationTime,
+      visitorCacheImplementation: visitorCacheImplementation,
+      hitCacheImplementation: hitCacheImplementation,
+      disableCache: disableCache,
+      language: 1
     });
   };
 
   var handleDisplay = function handleDisplay() {
     var isFirstInit = !state.visitor;
 
-    if (state.status.isLoading && loadingComponent && isFirstInit) {
+    if (state.status.isLoading && loadingComponent && isFirstInit && fetchNow) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, loadingComponent);
     }
 
@@ -253,7 +248,6 @@ export var FlagshipProvider = function FlagshipProvider(_ref) {
   }, handleDisplay());
 };
 FlagshipProvider.defaultProps = {
-  nodeEnv: 'production',
   activateDeduplicationTime: 10,
   hitDeduplicationTime: 10
 };

package/dist/esm/FlagshipHooks.js

@@ -1,3 +1,9 @@
+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) { _defineProperty(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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -19,6 +25,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 import { useContext } from 'react';
 import { FlagshipContext } from './FlagshipContext';
 import { logError, logWarn } from './utils';
+import { Flag } from './Flag';
+import { noVisitorDefault, noVisitorMessage } from './constants';
 
 var checkType = function checkType(value, defaultValue) {
   return _typeof(value) === 'object' && _typeof(defaultValue) === 'object' && Array.isArray(value) === Array.isArray(defaultValue) || _typeof(value) === _typeof(defaultValue);
@@ -62,6 +70,7 @@ var fsModificationsSync = function fsModificationsSync(args) {
 };
 /**
  * Retrieve a modification value by its key. If no modification match the given key or if the stored value type and default value type do not match, default value will be returned.
+ * @deprecated use useFsGetFlag instead
  */
 
 
@@ -83,6 +92,7 @@ export var useFsModifications = function useFsModifications(params, activateAll)
 };
 /**
  * Retrieve a modification value by its key. If no modification match the given key or if the stored value type and default value type do not match, default value will be returned.
+ * @deprecated use useFsGetFlag instead
  */
 
 export var useFsModification = function useFsModification(params) {
@@ -131,6 +141,7 @@ var fsModificationInfoSync = function fsModificationInfoSync(args) {
 /**
  * Get the campaign modification information value matching the given key.
  * @param {string} key key which identify the modification.
+ * @deprecated use useFsGetFlag instead
  */
 
 
@@ -146,8 +157,8 @@ export var useFsModificationInfo = function useFsModificationInfo(key) {
   });
 };
 
-var fsSynchronizeModifications = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(functionName, visitor, config) {
+var fsActivate = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(params, functionName, visitor, config) {
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -159,12 +170,12 @@ var fsSynchronizeModifications = /*#__PURE__*/function () {
               break;
             }
 
-            reportNoVisitor(config, functionName);
+            logWarn(config, noVisitorMessage, functionName);
             return _context.abrupt("return");
 
           case 4:
             _context.next = 6;
-            return visitor.synchronizeModifications();
+            return visitor.activateModifications(params);
 
           case 6:
             _context.next = 11;
@@ -173,7 +184,7 @@ var fsSynchronizeModifications = /*#__PURE__*/function () {
           case 8:
             _context.prev = 8;
             _context.t0 = _context["catch"](0);
-            logError(config, _context.t0.message || _context.t0, functionName);
+            logWarn(config, _context.t0.message || _context.t0, functionName);
 
           case 11:
           case "end":
@@ -183,114 +194,61 @@ var fsSynchronizeModifications = /*#__PURE__*/function () {
     }, _callee, null, [[0, 8]]);
   }));
 
-  return function fsSynchronizeModifications(_x, _x2, _x3) {
+  return function fsActivate(_x, _x2, _x3, _x4) {
     return _ref.apply(this, arguments);
   };
 }();
 /**
- * This function calls the decision api and update all the campaigns modifications from the server according to the visitor context.
-*/
-
-
-export var useFsSynchronizeModifications = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var _useContext4, state, visitor, config, functionName;
-
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _useContext4 = useContext(FlagshipContext), state = _useContext4.state;
-            visitor = state.visitor, config = state.config;
-            functionName = 'useFsSynchronizeModifications';
-            _context2.next = 5;
-            return fsSynchronizeModifications(functionName, visitor, config);
-
-          case 5:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-
-  return function useFsSynchronizeModifications() {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-var fsActivate = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(params, functionName, visitor, config) {
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.prev = 0;
-
-            if (visitor) {
-              _context3.next = 4;
-              break;
-            }
-
-            logWarn(config, noVisitorMessage, functionName);
-            return _context3.abrupt("return");
+ * This hook returns a flag object by its key. If no flag match the given key an empty flag will be returned.
+ * @param key
+ * @param defaultValue
+ * @returns
+ */
 
-          case 4:
-            _context3.next = 6;
-            return visitor.activateModifications(params);
 
-          case 6:
-            _context3.next = 11;
-            break;
+export var useFsFlag = function useFsFlag(key, defaultValue) {
+  var _useContext4 = useContext(FlagshipContext),
+      state = _useContext4.state;
 
-          case 8:
-            _context3.prev = 8;
-            _context3.t0 = _context3["catch"](0);
-            logWarn(config, _context3.t0.message || _context3.t0, functionName);
+  var visitor = state.visitor;
 
-          case 11:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3, null, [[0, 8]]);
-  }));
+  if (!visitor) {
+    return new Flag(defaultValue);
+  }
 
-  return function fsActivate(_x4, _x5, _x6, _x7) {
-    return _ref3.apply(this, arguments);
-  };
-}();
+  return visitor.getFlag(key, defaultValue);
+};
 /**
  * Report this user has seen this modification. Report this user has seen these modifications.
  * @param params
+ * @deprecated use useFsGetFlag instead
  * @returns
  */
 
-
 export var useFsActivate = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(params) {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(params) {
     var _useContext5, state, visitor, config, functionName;
 
-    return regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
-        switch (_context4.prev = _context4.next) {
+        switch (_context2.prev = _context2.next) {
           case 0:
             _useContext5 = useContext(FlagshipContext), state = _useContext5.state;
             visitor = state.visitor, config = state.config;
             functionName = 'useFsModifications';
-            _context4.next = 5;
+            _context2.next = 5;
             return fsActivate(params, functionName, visitor, config);
 
           case 5:
           case "end":
-            return _context4.stop();
+            return _context2.stop();
         }
       }
-    }, _callee4);
+    }, _callee2);
   }));
 
-  return function useFsActivate(_x8) {
-    return _ref4.apply(this, arguments);
+  return function useFsActivate(_x5) {
+    return _ref2.apply(this, arguments);
   };
 }();
 export var useFlagship = function useFlagship() {
@@ -345,8 +303,8 @@ export var useFlagship = function useFlagship() {
     visitor.unauthenticate();
   };
   /**
-  * Send a Hit to Flagship servers for reporting.
-  */
+   * Send a Hit to Flagship servers for reporting.
+   */
 
 
   var fsSendHit = function fsSendHit(hit) {
@@ -360,8 +318,8 @@ export var useFlagship = function useFlagship() {
     return visitor.sendHit(hit);
   };
   /**
-  * Send a Hit to Flagship servers for reporting.
-  */
+   * Send a Hit to Flagship servers for reporting.
+   */
 
 
   var fsSendHits = function fsSendHits(hit) {
@@ -379,60 +337,67 @@ export var useFlagship = function useFlagship() {
 
   if (!state.status.isSdkReady && state.modifications) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    modifications = Array.from(state.modifications, function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 2),
-          _key = _ref6[0],
-          item = _ref6[1];
+    modifications = Array.from(state.modifications, function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+          _key = _ref4[0],
+          item = _ref4[1];
 
       return item;
     });
   }
 
   var activateModification = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(params) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(params) {
       var functionName;
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               functionName = 'activateModification';
-              _context5.next = 3;
+              _context3.next = 3;
               return fsActivate(params, functionName, visitor, config);
 
             case 3:
             case "end":
-              return _context5.stop();
+              return _context3.stop();
           }
         }
-      }, _callee5);
+      }, _callee3);
     }));
 
-    return function activateModification(_x9) {
-      return _ref7.apply(this, arguments);
+    return function activateModification(_x6) {
+      return _ref5.apply(this, arguments);
     };
   }();
 
   var synchronizeModifications = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-      var functionName;
-      return regeneratorRuntime.wrap(function _callee6$(_context6) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              functionName = 'synchronizeModifications';
-              _context6.next = 3;
-              return fsSynchronizeModifications(functionName, visitor, config);
+              if (visitor) {
+                _context4.next = 3;
+                break;
+              }
+
+              logWarn(config, noVisitorMessage, 'synchronizeModifications');
+              return _context4.abrupt("return");
 
             case 3:
+              _context4.next = 5;
+              return visitor.synchronizeModifications();
+
+            case 5:
             case "end":
-              return _context6.stop();
+              return _context4.stop();
           }
         }
-      }, _callee6);
+      }, _callee4);
     }));
 
     return function synchronizeModifications() {
-      return _ref8.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
 
@@ -456,7 +421,38 @@ export var useFlagship = function useFlagship() {
     });
   };
 
+  function getFlag(key, defaultValue) {
+    if (!visitor) {
+      return new Flag(defaultValue);
+    }
+
+    return visitor.getFlag(key, defaultValue);
+  }
+
+  function fetchFlags() {
+    if (!visitor) {
+      logWarn(config, noVisitorMessage, 'fetchFlags');
+      return Promise.resolve();
+    }
+
+    return visitor.fetchFlags();
+  }
+
+  function setConsent(hasConsented) {
+    if (!visitor) {
+      logWarn(config, noVisitorMessage, 'setConsent');
+      return;
+    }
+
+    visitor.setConsent(hasConsented);
+  }
+
   return {
+    visitorId: visitor === null || visitor === void 0 ? void 0 : visitor.visitorId,
+    anonymousId: visitor === null || visitor === void 0 ? void 0 : visitor.anonymousId,
+    context: _objectSpread({}, visitor === null || visitor === void 0 ? void 0 : visitor.context),
+    hasConsented: visitor === null || visitor === void 0 ? void 0 : visitor.hasConsented,
+    setConsent: setConsent,
     updateContext: fsUpdateContext,
     clearContext: fsClearContext,
     authenticate: fsAuthenticate,
@@ -466,16 +462,13 @@ export var useFlagship = function useFlagship() {
     synchronizeModifications: synchronizeModifications,
     getModifications: getModifications,
     modifications: modifications || [],
+    FlagsData: (visitor === null || visitor === void 0 ? void 0 : visitor.getFlagsDataArray()) || [],
     getModificationInfo: getModificationInfo,
     hit: {
       send: fsSendHit,
       sendMultiple: fsSendHits
-    }
+    },
+    getFlag: getFlag,
+    fetchFlags: fetchFlags
   };
-};
-export var noVisitorMessage = 'sdk not correctly initialized... Make sure fsVisitor is ready.';
-export var noVisitorDefault = 'fsVisitor not initialized, returns default value';
-
-var reportNoVisitor = function reportNoVisitor(config, tag) {
-  logError(config, noVisitorMessage, tag);
 };

package/dist/esm/constants.js

@@ -0,0 +1,2 @@
+export var noVisitorMessage = 'flagship Visitor not initialized.';
+export var noVisitorDefault = 'fsVisitor not initialized, returns default value';

package/dist/esm/utils.js

@@ -1,4 +1,5 @@
 import { LogLevel } from '@flagship.io/js-sdk';
+import { useEffect, useRef } from 'react';
 export function logError(config, message, tag) {
   if (!config || !config.logManager || typeof config.logManager.error !== 'function' || !config.logLevel || config.logLevel < LogLevel.ERROR) {
     return;
@@ -20,6 +21,16 @@ export function logWarn(config, message, tag) {
 
   config.logManager.warning(message, tag);
 }
+export function log(level, message, tag) {
+  var now = new Date(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  var getTwoDigit = function getTwoDigit(value) {
+    return value.toString().length === 1 ? "0".concat(value) : value;
+  };
+
+  var out = "[".concat(getTwoDigit(now.getFullYear()), "-").concat(getTwoDigit(now.getMonth()), "-").concat(getTwoDigit(now.getDay()), " ").concat(getTwoDigit(now.getHours()), ":").concat(getTwoDigit(now.getMinutes()), "] [Flagship SDK] [").concat(LogLevel[level], "] [").concat(tag, "] : ").concat(message);
+  console.log(out);
+}
 export var getModificationsFromCampaigns = function getModificationsFromCampaigns(campaigns) {
   var modifications = new Map();
 
@@ -43,4 +54,24 @@ export var getModificationsFromCampaigns = function getModificationsFromCampaign
     }
   });
   return modifications;
-};
+};
+export function uuidV4() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (char) {
+    var rand = Math.random() * 16 | 0;
+    var value = char === 'x' ? rand : rand & 0x3 | 0x8;
+    return value.toString(16);
+  });
+}
+export function useNonInitialEffect(effect, deps) {
+  var initialRender = useRef(true);
+  useEffect(function () {
+    if (initialRender.current) {
+      initialRender.current = false;
+      return;
+    }
+
+    if (typeof effect === 'function') {
+      return effect();
+    }
+  }, deps);
+}