chayns-api 1.0.0 → 1.0.1

package/dist/esm/calls/sendMessage.js

@@ -1,109 +1,239 @@
-const INTERCOM_URL = 'https://sub54.tobit.com/rest/api';
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var INTERCOM_URL = 'https://sub54.tobit.com/rest/api';
 /**
  * @category Intercom functions
  */
-export const sendMessageToUser = async (api, object, receiverUserId) => {
-  var _api$values$user;
-  if (!object.text) {
-    return Promise.reject(new Error('no text specified'));
-  }
-  const senderUserId = (_api$values$user = api.values.user) === null || _api$values$user === void 0 ? void 0 : _api$values$user.userId;
-  if (senderUserId === undefined) {
-    return Promise.reject(new Error('missing sender user id'));
-  }
-  const {
-    accessToken
-  } = await api.functions.getAccessToken();
-  if (!accessToken) {
-    return Promise.reject(new Error('send message requires a user to be logged in'));
-  }
-  if (!accessToken) {
-    return Promise.reject(new Error('send message requires a user to be logged in'));
-  }
-  const images = Array.isArray(object.images) ? object.images.map(imageUrl => ({
-    url: imageUrl
-  })) : [];
-  return sendMessage(`/user/${senderUserId}/message`, accessToken, {
-    receivers: [{
-      tobitId: receiverUserId
-    }],
-    message: {
-      images,
-      text: object.text,
-      typeId: 1
-    }
-  });
-};
+
+export var sendMessageToUser = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(api, object, receiverUserId) {
+    var _api$values$user;
+
+    var senderUserId, _yield$api$functions$, accessToken, images;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (object.text) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return", Promise.reject(new Error('no text specified')));
+
+          case 2:
+            senderUserId = (_api$values$user = api.values.user) === null || _api$values$user === void 0 ? void 0 : _api$values$user.userId;
+
+            if (!(senderUserId === undefined)) {
+              _context.next = 5;
+              break;
+            }
+
+            return _context.abrupt("return", Promise.reject(new Error('missing sender user id')));
+
+          case 5:
+            _context.next = 7;
+            return api.functions.getAccessToken();
+
+          case 7:
+            _yield$api$functions$ = _context.sent;
+            accessToken = _yield$api$functions$.accessToken;
+
+            if (accessToken) {
+              _context.next = 11;
+              break;
+            }
+
+            return _context.abrupt("return", Promise.reject(new Error('send message requires a user to be logged in')));
+
+          case 11:
+            if (accessToken) {
+              _context.next = 13;
+              break;
+            }
+
+            return _context.abrupt("return", Promise.reject(new Error('send message requires a user to be logged in')));
+
+          case 13:
+            images = Array.isArray(object.images) ? object.images.map(function (imageUrl) {
+              return {
+                url: imageUrl
+              };
+            }) : [];
+            return _context.abrupt("return", sendMessage("/user/".concat(senderUserId, "/message"), accessToken, {
+              receivers: [{
+                tobitId: receiverUserId
+              }],
+              message: {
+                images: images,
+                text: object.text,
+                typeId: 1
+              }
+            }));
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function sendMessageToUser(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
 /**
  * @category Intercom functions
  */
-export const sendMessageToPage = async (api, object) => {
-  var _api$values$user2;
-  if (!object.text) {
-    return Promise.reject(new Error('no text specified'));
-  }
-  const senderUserId = (_api$values$user2 = api.values.user) === null || _api$values$user2 === void 0 ? void 0 : _api$values$user2.userId;
-  if (senderUserId === undefined) {
-    return Promise.reject(new Error('missing sender user id'));
-  }
-  const {
-    accessToken
-  } = await api.functions.getAccessToken();
-  if (!accessToken) {
-    return Promise.reject(new Error('send message requires a user to be logged in'));
-  }
-  const images = Array.isArray(object.images) ? object.images.map(imageUrl => ({
-    url: imageUrl
-  })) : [];
-  return sendMessage(`/user/${senderUserId}/message`, accessToken, {
-    receivers: [{
-      locationId: api.values.site.locationId
-    }],
-    message: {
-      images,
-      text: object.text,
-      typeId: 1
-    }
-  });
-};
+
+export var sendMessageToPage = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(api, object) {
+    var _api$values$user2;
+
+    var senderUserId, _yield$api$functions$2, accessToken, images;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (object.text) {
+              _context2.next = 2;
+              break;
+            }
+
+            return _context2.abrupt("return", Promise.reject(new Error('no text specified')));
+
+          case 2:
+            senderUserId = (_api$values$user2 = api.values.user) === null || _api$values$user2 === void 0 ? void 0 : _api$values$user2.userId;
+
+            if (!(senderUserId === undefined)) {
+              _context2.next = 5;
+              break;
+            }
+
+            return _context2.abrupt("return", Promise.reject(new Error('missing sender user id')));
+
+          case 5:
+            _context2.next = 7;
+            return api.functions.getAccessToken();
+
+          case 7:
+            _yield$api$functions$2 = _context2.sent;
+            accessToken = _yield$api$functions$2.accessToken;
+
+            if (accessToken) {
+              _context2.next = 11;
+              break;
+            }
+
+            return _context2.abrupt("return", Promise.reject(new Error('send message requires a user to be logged in')));
+
+          case 11:
+            images = Array.isArray(object.images) ? object.images.map(function (imageUrl) {
+              return {
+                url: imageUrl
+              };
+            }) : [];
+            return _context2.abrupt("return", sendMessage("/user/".concat(senderUserId, "/message"), accessToken, {
+              receivers: [{
+                locationId: api.values.site.locationId
+              }],
+              message: {
+                images: images,
+                text: object.text,
+                typeId: 1
+              }
+            }));
+
+          case 13:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function sendMessageToPage(_x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+}();
 /**
  * @category Intercom functions
  */
-export const sendMessageToGroup = async (api, object, groupId) => {
-  if (!object.text) {
-    return Promise.reject(new Error('no text specified'));
-  }
-  const {
-    accessToken
-  } = await api.functions.getAccessToken();
-  const {
-    locationId
-  } = api.values.site;
-  if (!accessToken) {
-    return Promise.reject(new Error('send message requires a user to be logged in'));
-  }
-  const images = Array.isArray(object.images) ? object.images.map(imageUrl => ({
-    url: imageUrl
-  })) : [];
-  return sendMessage(`/location/${locationId}/broadcast`, accessToken, {
-    receivers: [{
-      groupId
-    }],
-    message: {
-      images,
-      text: object.text,
-      typeId: 6
-    }
-  });
-};
+
+export var sendMessageToGroup = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(api, object, groupId) {
+    var _yield$api$functions$3, accessToken, locationId, images;
+
+    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            if (object.text) {
+              _context3.next = 2;
+              break;
+            }
+
+            return _context3.abrupt("return", Promise.reject(new Error('no text specified')));
+
+          case 2:
+            _context3.next = 4;
+            return api.functions.getAccessToken();
+
+          case 4:
+            _yield$api$functions$3 = _context3.sent;
+            accessToken = _yield$api$functions$3.accessToken;
+            locationId = api.values.site.locationId;
+
+            if (accessToken) {
+              _context3.next = 9;
+              break;
+            }
+
+            return _context3.abrupt("return", Promise.reject(new Error('send message requires a user to be logged in')));
+
+          case 9:
+            images = Array.isArray(object.images) ? object.images.map(function (imageUrl) {
+              return {
+                url: imageUrl
+              };
+            }) : [];
+            return _context3.abrupt("return", sendMessage("/location/".concat(locationId, "/broadcast"), accessToken, {
+              receivers: [{
+                groupId: groupId
+              }],
+              message: {
+                images: images,
+                text: object.text,
+                typeId: 6
+              }
+            }));
+
+          case 11:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+
+  return function sendMessageToGroup(_x6, _x7, _x8) {
+    return _ref3.apply(this, arguments);
+  };
+}();
 /**
  * @category Intercom functions
  */
+
 function sendMessage(endpoint, token, body) {
-  return fetch(`${INTERCOM_URL}${endpoint}`, {
+  return fetch("".concat(INTERCOM_URL).concat(endpoint), {
     method: 'POST',
     headers: {
-      authorization: `bearer ${token}`,
+      authorization: "bearer ".concat(token),
       'Content-Type': 'application/json'
     },
     body: JSON.stringify(body)

package/dist/esm/calls/visibilityChangeListener.js

@@ -1,29 +1,34 @@
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
-const key = 'visibilityChangeListener';
-const handleVisibilityChange = () => {
+var key = 'visibilityChangeListener';
+
+var handleVisibilityChange = function handleVisibilityChange() {
   dispatchApiEvent(key, {
     isVisible: !document.hidden
   });
 };
-
 /**
  * @category Event listener
  */
-export const addVisibilityChangeListener = callback => {
-  const {
-    id,
-    shouldInitialize
-  } = addApiListener(key, callback);
+
+
+export var addVisibilityChangeListener = function addVisibilityChangeListener(callback) {
+  var _addApiListener = addApiListener(key, callback),
+      id = _addApiListener.id,
+      shouldInitialize = _addApiListener.shouldInitialize;
+
   if (shouldInitialize) {
     document.addEventListener('visibilitychange', handleVisibilityChange);
   }
+
   return id;
 };
 /**
  * @category Event listener
  */
-export const removeVisibilityChangeListener = id => {
-  const shouldRemove = removeApiListener(key, id);
+
+export var removeVisibilityChangeListener = function removeVisibilityChangeListener(id) {
+  var shouldRemove = removeApiListener(key, id);
+
   if (shouldRemove) {
     document.removeEventListener('addVisibilityChangeListener', handleVisibilityChange);
   }

package/dist/esm/components/App.js

@@ -0,0 +1,35 @@
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import Title from './Title';
+import ChaynsProvider from './ChaynsProvider';
+var propTypes = {};
+
+var App = function App() {
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isVisible = _useState2[0],
+      setIsVisible = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(ChaynsProvider, null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setIsVisible(function (s) {
+        return !s;
+      });
+    }
+  }, "Toggle"), isVisible && /*#__PURE__*/React.createElement(Title, null));
+};
+
+App.propTypes = propTypes;
+export default App;

package/dist/esm/components/App.spec.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import App from './App';
+test('should have correct text', function () {
+  var _render = render( /*#__PURE__*/React.createElement(App, null)),
+      getByRole = _render.getByRole;
+
+  expect(getByRole("heading")).toHaveTextContent("Hi! Welcome to your newly created chayns application!");
+});

package/dist/esm/components/Button.js

@@ -0,0 +1,34 @@
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import ChaynsProvider from './ChaynsProvider';
+import Title from './Title';
+import withCompatMode from './withCompatMode';
+
+var Button = function Button(props) {
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(ChaynsProvider, props, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setVisible(function (s) {
+        return !s;
+      });
+    }
+  }, "Toggle"), visible && /*#__PURE__*/React.createElement(Title, null));
+};
+
+export default withCompatMode(Button);

package/dist/esm/components/ChaynsContext.js

@@ -1,4 +1,4 @@
 import { createContext } from 'use-context-selector';
-export const ChaynsContext = createContext(null);
-// @ts-expect-error Functions cant be null, implementation of default values is redundant
-export const ChaynsFunctionsContext = createContext(null);
+export var ChaynsContext = createContext(null); // @ts-expect-error Functions cant be null, implementation of default values is redundant
+
+export var ChaynsFunctionsContext = createContext(null);

package/dist/esm/components/ChaynsProvider.js

@@ -1,3 +1,25 @@
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import htmlEscape from 'htmlescape';
 import React, { useEffect, useRef, useState } from 'react';
 import { AppName } from '../types/IChaynsReact';
@@ -6,21 +28,20 @@ import { AppWrapper } from '../wrapper/AppWrapper';
 import { FrameWrapper } from '../wrapper/FrameWrapper';
 import { ModuleFederationWrapper } from '../wrapper/ModuleFederationWrapper';
 import { SsrWrapper } from '../wrapper/SsrWrapper';
-import { ChaynsContext, ChaynsFunctionsContext } from './ChaynsContext';
+import { ChaynsContext, ChaynsFunctionsContext } from './ChaynsContext'; // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-export const moduleWrapper = {
+export var moduleWrapper = {
   current: undefined
 };
-const isServer = typeof window === 'undefined';
-const InitialDataProvider = /*#__PURE__*/React.memo(_ref => {
-  let {
-    data,
-    renderedByServer
-  } = _ref;
+var isServer = typeof window === 'undefined';
+var InitialDataProvider = /*#__PURE__*/React.memo(function (_ref) {
+  var data = _ref.data,
+      renderedByServer = _ref.renderedByServer;
+
   if (!renderedByServer) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement("script", {
     id: "__CHAYNS_DATA__",
     type: "application/json",
@@ -28,18 +49,21 @@ const InitialDataProvider = /*#__PURE__*/React.memo(_ref => {
       __html: htmlEscape(data || {})
     }
   });
-}, () => true);
-const ChaynsProvider = _ref2 => {
+}, function () {
+  return true;
+});
+
+var ChaynsProvider = function ChaynsProvider(_ref2) {
   var _customWrapper$curren, _customWrapper$curren2, _customWrapper$curren3;
-  let {
-    children,
-    data,
-    functions,
-    renderedByServer,
-    isModule
-  } = _ref2;
+
+  var children = _ref2.children,
+      data = _ref2.data,
+      functions = _ref2.functions,
+      renderedByServer = _ref2.renderedByServer,
+      isModule = _ref2.isModule;
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  const customWrapper = useRef(null);
+  var customWrapper = useRef(null);
+
   if (!customWrapper.current) {
     if (isModule) {
       if (data && functions) {
@@ -55,43 +79,59 @@ const ChaynsProvider = _ref2 => {
       }
     } else {
       var _deviceInfo$app$name, _deviceInfo$app;
-      const deviceInfo = getDeviceInfo(navigator.userAgent, '');
-      // load framewrapper in Chaynsweb in app (window.self === window.top)
+
+      var deviceInfo = getDeviceInfo(navigator.userAgent, ''); // load framewrapper in Chaynsweb in app (window.self === window.top)
+
       if ([AppName.Chayns, AppName.ChaynsLauncher].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : AppName.Unknown) && window.self === window.top) {
         customWrapper.current = new AppWrapper();
       } else {
         customWrapper.current = new FrameWrapper();
       }
     }
+
     moduleWrapper.current = customWrapper.current;
   }
-  const [state, setState] = useState((_customWrapper$curren = (_customWrapper$curren2 = customWrapper.current) === null || _customWrapper$curren2 === void 0 ? void 0 : _customWrapper$curren2.values) !== null && _customWrapper$curren !== void 0 ? _customWrapper$curren : undefined);
-  useEffect(() => {
-    void (async () => {
-      await customWrapper.current.init();
-      customWrapper.current.addDataListener(_ref3 => {
-        let {
-          type,
-          value
-        } = _ref3;
-        setState(oldState => {
-          if (oldState) return {
-            ...oldState,
-            [type]: value
-          };
-          return undefined;
-        });
-      });
-      if (customWrapper.current.values) {
-        setState({
-          ...customWrapper.current.values
-        });
-      }
-    })();
+
+  var _useState = useState((_customWrapper$curren = (_customWrapper$curren2 = customWrapper.current) === null || _customWrapper$curren2 === void 0 ? void 0 : _customWrapper$curren2.values) !== null && _customWrapper$curren !== void 0 ? _customWrapper$curren : undefined),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    void _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return customWrapper.current.init();
+
+            case 2:
+              customWrapper.current.addDataListener(function (_ref4) {
+                var type = _ref4.type,
+                    value = _ref4.value;
+                setState(function (oldState) {
+                  if (oldState) return _objectSpread(_objectSpread({}, oldState), {}, _defineProperty({}, type, value));
+                  return undefined;
+                });
+              });
+
+              if (customWrapper.current.values) {
+                setState(_objectSpread({}, customWrapper.current.values));
+              }
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
   }, []);
-  useEffect(() => {
+  useEffect(function () {
     if (isModule) {
       setState(data);
+
       if (data) {
         moduleWrapper.current.values = data;
       }
@@ -106,4 +146,5 @@ const ChaynsProvider = _ref2 => {
     renderedByServer: renderedByServer
   }));
 };
+
 export default ChaynsProvider;

package/dist/esm/components/ChaynsProviderExposed.js

@@ -0,0 +1,3 @@
+import ChaynsProvider from './ChaynsProvider';
+import { withCompatMode } from './withCompatMode';
+export default withCompatMode(ChaynsProvider);