chayns-api 1.0.44 → 1.0.47

package/dist/cjs/components/AppDialogWrapper.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ChaynsHost = _interopRequireDefault(require("../host/ChaynsHost"));
 var _hooks = require("../hooks");
+var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -26,7 +27,7 @@ const AppDialogWrapper = ({
       });
     });
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_ChaynsHost.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_ChaynsHost.default, _extends({
     type: "client-module",
     system: {
       module: './AppWrapper',
@@ -36,6 +37,6 @@ const AppDialogWrapper = ({
   }, data, {
     functions: functions,
     customData: dialogData
-  }));
+  })));
 };
 var _default = exports.default = AppDialogWrapper;

package/dist/cjs/components/ErrorBoundary.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class ErrorBoundary extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.warn(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+}
+exports.default = ErrorBoundary;

package/dist/cjs/hooks/useAccessToken.js

@@ -9,6 +9,7 @@ var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
 /**
  * @category Hooks
+ * @deprecated Use {@link getAccessToken} instead
  */
 const useAccessToken = accessToken => {
   const [token, setToken] = (0, _react.useState)(null);

package/dist/cjs/host/module/utils/loadComponent.js

@@ -51,7 +51,7 @@ function loadComponent(scope, module, url, skipCompatMode = false, preventSingle
       environment
     } = Module.default;
     const matchReactVersion = requiredVersion && _semver.default.satisfies(hostVersion, requiredVersion) && !Object.keys(__webpack_share_scopes__.default.react).some(version => {
-      return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion);
+      return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === __webpack_share_scopes__.default.react[version].from.split('-').join('_');
     });
     if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
       return {

package/dist/cjs/wrapper/FrameWrapper.js

@@ -315,7 +315,6 @@ class FrameWrapper {
       if (this.initialized) {
         this.values[type] = value;
       }
-      this.values[type] = value;
       document.dispatchEvent(new CustomEvent('chayns_api_data', {
         detail: {
           type,

package/dist/esm/components/AppDialogWrapper.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useEffect, useState } from 'react';
 import ChaynsHost from '../host/ChaynsHost';
 import { useFunctions, useValues } from '../hooks';
+import ErrorBoundary from "./ErrorBoundary";
 const AppDialogWrapper = _ref => {
   let {
     dialogEventTarget
@@ -18,7 +19,7 @@ const AppDialogWrapper = _ref => {
       });
     });
   }, []);
-  return /*#__PURE__*/React.createElement(ChaynsHost, _extends({
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ChaynsHost, _extends({
     type: "client-module",
     system: {
       module: './AppWrapper',
@@ -28,6 +29,6 @@ const AppDialogWrapper = _ref => {
   }, data, {
     functions: functions,
     customData: dialogData
-  }));
+  })));
 };
 export default AppDialogWrapper;

package/dist/esm/components/ErrorBoundary.js

@@ -0,0 +1,23 @@
+import React from "react";
+export default class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.warn(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+}

package/dist/esm/hooks/useAccessToken.js

@@ -4,6 +4,7 @@ import { ChaynsFunctionsContext } from "../components/ChaynsContext";
 
 /**
  * @category Hooks
+ * @deprecated Use {@link getAccessToken} instead
  */
 export const useAccessToken = accessToken => {
   const [token, setToken] = useState(null);

package/dist/esm/host/module/utils/loadComponent.js

@@ -46,7 +46,7 @@ export default function loadComponent(scope, module, url) {
       environment
     } = Module.default;
     const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion) && !Object.keys(__webpack_share_scopes__.default.react).some(version => {
-      return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion);
+      return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === __webpack_share_scopes__.default.react[version].from.split('-').join('_');
     });
     if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
       return {

package/dist/esm/wrapper/FrameWrapper.js

@@ -309,7 +309,6 @@ export class FrameWrapper {
       if (this.initialized) {
         this.values[type] = value;
       }
-      this.values[type] = value;
       document.dispatchEvent(new CustomEvent('chayns_api_data', {
         detail: {
           type,

package/dist/types/components/ErrorBoundary.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export default class ErrorBoundary extends React.Component<{
+    children: React.ReactNode;
+}, {
+    hasError: boolean;
+}> {
+    constructor(props: any);
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): React.ReactNode;
+}

package/dist/types/hooks/useAccessToken.d.ts

@@ -1,5 +1,6 @@
 import { AccessToken } from "../types/IChaynsReact";
 /**
  * @category Hooks
+ * @deprecated Use {@link getAccessToken} instead
  */
 export declare const useAccessToken: (accessToken?: AccessToken) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.0.44",
+    "version": "1.0.47",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",