chayns-api 1.0.10 → 1.0.12

package/README.md

@@ -43,5 +43,12 @@ const FirstName = () => {
 
 More information to setup chayns-api can be found in the [documentation](https://tobitsoftware.github.io/chayns-api/docs).
 
+## Troubleshooting
+
+```
+Can't resolve 'react-dom/client'
+```
+A warning like above can be shown when you are still using react 17.
+This can be ignored because the react 17 api is used as fallback instead.
 
 ## License

package/dist/cjs/components/withCompatMode.js

@@ -10,6 +10,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+let ReactDOMClient;
+try {
+  ReactDOMClient = require('react-dom/client');
+} catch (e) {
+  // do nothing
+}
 const withCompatMode = Component => {
   class CompatComponent extends _react.PureComponent {
     constructor(props) {
@@ -17,23 +23,39 @@ const withCompatMode = Component => {
       this.ref = /*#__PURE__*/_react.default.createRef();
     }
     componentDidMount() {
+      var _ReactDOMClient;
       const {
         innerRef
       } = this.props;
-      _reactDom.default.render( /*#__PURE__*/_react.default.createElement(Component, _extends({}, this.props, {
+      const component = /*#__PURE__*/_react.default.createElement(Component, _extends({}, this.props, {
         ref: innerRef
-      })), this.ref.current);
+      }));
+      if (typeof ((_ReactDOMClient = ReactDOMClient) === null || _ReactDOMClient === void 0 ? void 0 : _ReactDOMClient.createRoot) === 'function') {
+        this.root = ReactDOMClient.createRoot(this.ref.current);
+        this.root.render(component);
+      } else {
+        _reactDom.default.render(component, this.ref.current);
+      }
     }
     componentDidUpdate() {
       const {
         innerRef
       } = this.props;
-      _reactDom.default.render( /*#__PURE__*/_react.default.createElement(Component, _extends({}, this.props, {
+      const component = /*#__PURE__*/_react.default.createElement(Component, _extends({}, this.props, {
         ref: innerRef
-      })), this.ref.current);
+      }));
+      if (this.root) {
+        this.root.render(component);
+      } else {
+        _reactDom.default.render(component, this.ref.current);
+      }
     }
     componentWillUnmount() {
-      _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), this.ref.current);
+      if (this.root) {
+        this.root.unmount();
+      } else {
+        _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), this.ref.current);
+      }
     }
     render() {
       return /*#__PURE__*/_react.default.createElement("div", {

package/dist/esm/components/withCompatMode.js

@@ -3,6 +3,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
+let ReactDOMClient;
+try {
+  ReactDOMClient = require('react-dom/client');
+} catch (e) {
+  // do nothing
+}
 export const withCompatMode = Component => {
   class CompatComponent extends PureComponent {
     constructor(props) {
@@ -10,23 +16,39 @@ export const withCompatMode = Component => {
       this.ref = /*#__PURE__*/React.createRef();
     }
     componentDidMount() {
+      var _ReactDOMClient;
       const {
         innerRef
       } = this.props;
-      ReactDOM.render( /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
+      const component = /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
         ref: innerRef
-      })), this.ref.current);
+      }));
+      if (typeof ((_ReactDOMClient = ReactDOMClient) === null || _ReactDOMClient === void 0 ? void 0 : _ReactDOMClient.createRoot) === 'function') {
+        this.root = ReactDOMClient.createRoot(this.ref.current);
+        this.root.render(component);
+      } else {
+        ReactDOM.render(component, this.ref.current);
+      }
     }
     componentDidUpdate() {
       const {
         innerRef
       } = this.props;
-      ReactDOM.render( /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
+      const component = /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
         ref: innerRef
-      })), this.ref.current);
+      }));
+      if (this.root) {
+        this.root.render(component);
+      } else {
+        ReactDOM.render(component, this.ref.current);
+      }
     }
     componentWillUnmount() {
-      ReactDOM.render( /*#__PURE__*/React.createElement(React.Fragment, null), this.ref.current);
+      if (this.root) {
+        this.root.unmount();
+      } else {
+        ReactDOM.render( /*#__PURE__*/React.createElement(React.Fragment, null), this.ref.current);
+      }
     }
     render() {
       return /*#__PURE__*/React.createElement("div", {

package/dist/types/calls/index.d.ts

@@ -1,4 +1,4 @@
-import { ChaynsApiDevice, ChaynsApiSite, UserInfo } from '../types/IChaynsReact';
+import { ChaynsApiDevice, ChaynsApiSite, ChaynsReactFunctions, UserInfo } from '../types/IChaynsReact';
 /**
  * This adds a listener to determine your location.
  * @category Event listener
@@ -170,7 +170,7 @@ export declare const setWaitCursor: (value: import("../types/IChaynsReact").Wait
 /**
  * Retrieves the value that is assigned to the key from a storage outside the frame
  */
-export declare const storageGetItem: (key: string, accessMode?: import("../types/IChaynsReact").AccessMode | undefined) => Promise<any>;
+export declare const storageGetItem: <T extends string | number | object>(key: string, accessMode?: import("../types/IChaynsReact").AccessMode | undefined) => Promise<T | undefined>;
 /**
  * Removes the value that is assigned to the key from a storage outside the frame
  */
@@ -178,7 +178,7 @@ export declare const storageRemoveItem: (key: string, accessMode?: import("../ty
 /**
  * Sets the value that is assigned to the key from a storage outside the frame
  */
-export declare const storageSetItem: (key: string, value: any, accessMode?: import("../types/IChaynsReact").AccessMode | undefined, tappIds?: number[] | undefined) => Promise<void>;
+export declare const storageSetItem: ChaynsReactFunctions["storageSetItem"];
 /**
  * This method lets a smartphone vibrate for the given time.
  */

package/dist/types/types/IChaynsReact.d.ts

@@ -25,6 +25,7 @@ export type ChaynsApiSite = {
     title: string;
     url: string;
     urlHash: string;
+    originSiteId?: string;
 };
 export declare enum ScreenSize {
     XS = 0,
@@ -132,9 +133,9 @@ export interface ChaynsReactFunctions {
     setScanQrCode: (value: ScanQrCodeRequest) => Promise<ScanQrCodeResult>;
     setTempDesignSettings: (value: DesignSettings) => Promise<void>;
     setWaitCursor: (value: WaitCursor) => Promise<void>;
-    storageGetItem: (key: string, accessMode?: AccessMode) => Promise<any>;
+    storageGetItem: <T extends object | number | string>(key: string, accessMode?: AccessMode) => Promise<T | undefined>;
     storageRemoveItem: (key: string, accessMode?: AccessMode) => Promise<void>;
-    storageSetItem: (key: string, value: any, accessMode?: AccessMode, tappIds?: number[]) => Promise<void>;
+    storageSetItem: <T extends object | number | string>(key: string, value: T, accessMode?: AccessMode, tappIds?: number[]) => Promise<void>;
     vibrate: (value: Vibrate) => Promise<void>;
     scrollByY: (position: number, duration?: number) => Promise<void>;
     setOverlay: (value: ShowOverlay, callback: () => void) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.0.10",
+    "version": "1.0.12",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -56,16 +56,16 @@
         "@types/htmlescape": "^1.1.1",
         "@types/lodash.throttle": "^4.1.6",
         "@types/prop-types": "^15.7.3",
-        "@types/react": "^17.0.53",
-        "@types/react-dom": "^17.0.11",
+        "@types/react": "^18.0.28",
+        "@types/react-dom": "^18.0.10",
         "@typescript-eslint/parser": "^5.50.0",
         "concurrently": "^7.6.0",
         "cross-env": "^7.0.3",
         "postcss-prefix-selector": "^1.13.0",
         "prettier": "^2.5.0",
         "prettier-plugin-packagejson": "^2.2.15",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "typescript": "^4.9.5"
     },
     "peerDependencies": {