chayns-api 1.0.1 → 1.0.2

package/dist/esm/components/Title.js

@@ -1,210 +0,0 @@
-function _extends() { _extends = Object.assign || 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); }
-
-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 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."); }
-
-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, { useEffect, useRef, useState } from 'react';
-import { useContextSelector } from 'use-context-selector';
-import { useUser } from '../hooks/useUser';
-import { useIsAdminMode } from '../hooks/useIsAdminMode';
-import { useScrollOffsetBottom, useScrollOffsetTop, useScrollPosition } from '../hooks/scrollListener';
-import { useWindowMetrics } from '../hooks/windowMetricsListener';
-import { ChaynsContext, ChaynsFunctionsContext } from './ChaynsContext';
-import ChaynsHost from '../host/ChaynsHost';
-// import './title.scss';
-import { addScrollListener, removeScrollListener } from '../index';
-var FirstName = /*#__PURE__*/React.memo(function () {
-  var user = useUser();
-  console.debug('render first name', user);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "firstname"
-  }, "FirstName: ", user === null || user === void 0 ? void 0 : user.firstName);
-});
-
-var Title = function Title() {
-  var _URLSearchParams$get;
-
-  var isAdminModeActive = useIsAdminMode();
-  var ref = useRef(null); // const addScrollListener = useScrollListener();
-  //const { value } = useGeoLocation({ timeout: 1000, enabled: true, silent: true });
-
-  var _useScrollPosition = useScrollPosition({
-    enabled: true,
-    throttle: 100
-  }),
-      scrollY = _useScrollPosition.scrollY; // const addGeoLocationListener = useGeoLocationListener();
-  // const addWindowMetricsListener = useWindowMetricsListener();
-
-
-  var offsetTop = useScrollOffsetTop();
-  var offsetBottom = useScrollOffsetBottom();
-  var values = useContextSelector(ChaynsContext, function (s) {
-    return s;
-  });
-  var functions = useContextSelector(ChaynsFunctionsContext, function (s) {
-    return s;
-  });
-  var login = useContextSelector(ChaynsFunctionsContext, function (s) {
-    return s.login;
-  });
-  var logout = useContextSelector(ChaynsFunctionsContext, function (s) {
-    return s.logout;
-  }); // const [windowMetrics, setWindowMetrics] = useState(null);
-
-  var windowMetrics = useWindowMetrics();
-  console.log('offsetTop', offsetTop, offsetBottom, windowMetrics);
-
-  var _useState = useState(10),
-      _useState2 = _slicedToArray(_useState, 2),
-      testHeight = _useState2[0],
-      setTestHeight = _useState2[1];
-
-  useEffect(function () {
-    var promise = addScrollListener({}, function (r) {
-      return console.log('add scroll', r);
-    });
-    return function () {
-      void (promise === null || promise === void 0 ? void 0 : promise.then(function (id) {
-        console.log('remove scroll', id);
-        return removeScrollListener(id);
-      }));
-    };
-  }, []); // useEffect(() => addScrollListener({ throttle: 200 }, (ev) => {
-  //         console.log('scroll', ev)
-  //         setWindowMetrics(ev.windowMetrics);
-  //     }), [addScrollListener]);
-  //
-  // useEffect(() => addGeoLocationListener({ silent: true }, (ev) => {
-  //         console.log('geo location', ev);
-  //     }), [addGeoLocationListener])
-  //
-  // useEffect(() => addWindowMetricsListener((ev) => {
-  //         console.log('window metrics', ev);
-  //         setWindowMetrics(ev);
-  //     }), [addWindowMetricsListener]);
-  // console.debug('render title', scrollPosition);
-
-  var src = useRef();
-  var depth = global.location ? Number.parseInt((_URLSearchParams$get = new URLSearchParams(window.location.search).get('depth')) !== null && _URLSearchParams$get !== void 0 ? _URLSearchParams$get : '1', 10) : 1;
-
-  if (!src.current) {
-    src.current = "https://w-hn-laptop.tobit.ag:8082?depth=".concat(depth + 1); // src.current = 'https://tapp01.tobit.com/Tapps/Chaynsnet/landingpage_2020/v4/index.html?isWidget=true';
-  }
-
-  var maxDepth = 2;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "chayns-api"
-  }, /*#__PURE__*/React.createElement(FirstName, null), /*#__PURE__*/React.createElement("button", {
-    id: "login-button",
-    type: "button",
-    onClick: function onClick() {
-      return login({
-        ignoreAuthenticated: false
-      }, function () {}, function () {});
-    }
-  }, "Login"), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: logout
-  }, "Logout"), /*#__PURE__*/React.createElement("div", null, "AdminMode active: ", isAdminModeActive ? 'true' : 'false'), depth < maxDepth && /*#__PURE__*/React.createElement(ChaynsHost, _extends({}, values, {
-    iFrameRef: ref,
-    src: src.current,
-    iFrameProps: {
-      name: "CustomPluginIframe".concat(depth),
-      style: {
-        border: 0,
-        width: '100%'
-      },
-      height: 1
-    },
-    functions: _objectSpread(_objectSpread({}, functions), {}, {
-      getWindowMetrics: function () {
-        var _getWindowMetrics = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-          var v;
-          return regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return functions.getWindowMetrics();
-
-                case 2:
-                  v = _context.sent;
-                  return _context.abrupt("return", _objectSpread(_objectSpread({}, v), {}, {
-                    offsetTop: v.offsetTop + (ref.current ? ref.current.getBoundingClientRect().top : 0)
-                  }));
-
-                case 4:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee);
-        }));
-
-        function getWindowMetrics() {
-          return _getWindowMetrics.apply(this, arguments);
-        }
-
-        return getWindowMetrics;
-      }(),
-      addWindowMetricsListener: function addWindowMetricsListener(cb) {
-        return functions.addWindowMetricsListener(function (result) {
-          return cb(_objectSpread(_objectSpread({}, result), {}, {
-            offsetTop: result.offsetTop + (ref.current ? ref.current.getBoundingClientRect().top : 0)
-          }));
-        });
-      }
-    }),
-    type: "client-iframe"
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'absolute',
-      top: offsetTop,
-      color: 'green',
-      backgroundColor: 'white'
-    }
-  }, "456"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'absolute',
-      top: Math.min(offsetBottom, window.innerHeight) - 25,
-      right: 20,
-      color: 'red',
-      backgroundColor: 'white'
-    }
-  }, "123"), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: function onClick() {
-      return setTestHeight(testHeight + 100);
-    }
-  }, "Increase height"), /*#__PURE__*/React.createElement("div", {
-    className: "nice",
-    style: {
-      height: testHeight
-    }
-  }), /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      return setTestHeight(Math.max(0, testHeight - 100));
-    }
-  }, "Reduce height"));
-};
-
-export default /*#__PURE__*/React.memo(Title);

package/dist/esm/helper/cssLoader.js

@@ -1,21 +0,0 @@
-export function loadCss() {
-  var apiUrl = 'https://api.chayns.net/css/';
-  var parameters = new URLSearchParams(window.location.search.toLowerCase());
-  document.documentElement.style.visibility = 'hidden';
-  document.documentElement.style.overflow = 'hidden';
-  var head = document.getElementsByTagName('HEAD')[0];
-  var link = document.createElement('link');
-  link.rel = 'stylesheet';
-  link.type = 'text/css';
-  link.href = apiUrl + (parameters.get('siteid') || "");
-
-  link.onload = function () {
-    document.documentElement.style.visibility = 'visible';
-  };
-
-  link.onerror = function () {
-    document.documentElement.style.visibility = 'visible';
-  };
-
-  head.appendChild(link);
-}

package/dist/esm/hooks/useAddGeoLocationListener.js

@@ -1,18 +0,0 @@
-import { useContextSelector } from 'use-context-selector';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
-import { useCallback } from 'react';
-export var useAddGeoLocationListener = function useAddGeoLocationListener() {
-  var addGeoLocationListener = useContextSelector(ChaynsFunctionsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.addGeoLocationListener;
-  });
-  var removeGeoLocationListener = useContextSelector(ChaynsFunctionsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.removeGeoLocationListener;
-  });
-  var promise;
-  return useCallback(function (value, callback) {
-    promise = addGeoLocationListener(value, callback);
-    return function () {
-      promise.then(removeGeoLocationListener);
-    };
-  }, []);
-};

package/dist/esm/hooks/useAddScrollListener.js

@@ -1,18 +0,0 @@
-import { useContextSelector } from 'use-context-selector';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
-import { useCallback } from 'react';
-export var useAddScrollListener = function useAddScrollListener() {
-  var addScrollListener = useContextSelector(ChaynsFunctionsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.addScrollListener;
-  });
-  var removeScrollListener = useContextSelector(ChaynsFunctionsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.removeScrollListener;
-  });
-  var promise;
-  return useCallback(function (value, callback) {
-    promise = addScrollListener(value, callback);
-    return function () {
-      promise.then(removeScrollListener);
-    };
-  }, []);
-};

package/dist/esm/hooks/useAddWindowMetricsListener.js

@@ -1,18 +0,0 @@
-import { useContextSelector } from 'use-context-selector';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
-import { useCallback } from 'react';
-export var useAddWindowMetricsListener = function useAddWindowMetricsListener() {
-  var addListener = useContextSelector(ChaynsFunctionsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.addWindowMetricsListener;
-  });
-  var removeListener = useContextSelector(ChaynsFunctionsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.removeWindowMetricsListener;
-  });
-  var promise;
-  return useCallback(function (callback) {
-    promise = addListener(callback);
-    return function () {
-      promise.then(removeListener);
-    };
-  }, []);
-};

package/dist/esm/host/HostIframe.js

@@ -1,153 +0,0 @@
-function _extends() { _extends = Object.assign || 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); }
-
-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; }
-
-import React, { useEffect, useRef } from 'react';
-import * as comlink from 'comlink';
-import postIframeForm from '../util/postIframeForm';
-
-var HostIframe = function HostIframe(_ref) {
-  var iFrameProps = _ref.iFrameProps,
-      src = _ref.src,
-      _ref$postForm = _ref.postForm,
-      postForm = _ref$postForm === void 0 ? false : _ref$postForm,
-      iFrameRef = _ref.iFrameRef,
-      pages = _ref.pages,
-      isAdminModeActive = _ref.isAdminModeActive,
-      site = _ref.site,
-      user = _ref.user,
-      currentPage = _ref.currentPage,
-      functions = _ref.functions,
-      device = _ref.device;
-  var eventTarget = useRef();
-
-  var _ref2 = useRef();
-
-  var currentDataRef = useRef();
-
-  if (!eventTarget.current) {
-    eventTarget.current = global.EventTarget ? new EventTarget() : undefined;
-  }
-
-  var setHeight = function setHeight(value) {
-    if (_ref2.current) {
-      _ref2.current.height = "".concat(value, "px");
-    }
-  }; // region initialData
-
-
-  var initialData = {
-    site: site,
-    isAdminModeActive: isAdminModeActive,
-    pages: pages,
-    currentPage: currentPage,
-    device: device,
-    user: user
-  }; // endregion
-
-  currentDataRef.current = initialData; // region postIframeForm
-
-  useEffect(function () {
-    if (postForm) {
-      void postIframeForm(src, JSON.stringify(_objectSpread(_objectSpread({}, initialData), {}, {
-        pages: undefined
-      })), 'chayns', iFrameProps.name);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, []); // endregion
-
-  console.debug('functions', functions); // region expose data and functions to iframe
-
-  useEffect(function () {
-    var _ref$current;
-
-    if ((_ref$current = _ref2.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
-      var obj = _defineProperty({}, iFrameProps.name, {
-        functions: _objectSpread(_objectSpread({}, functions), {}, {
-          setHeight: setHeight
-        }),
-        addDataListener: function addDataListener(cb) {
-          if (eventTarget.current) eventTarget.current.addEventListener('data_update', function (e) {
-            return e.detail && cb(e.detail);
-          });
-        },
-        getInitialData: function getInitialData() {
-          return currentDataRef.current;
-        }
-      });
-
-      comlink.expose(obj, comlink.windowEndpoint(_ref2.current.contentWindow));
-
-      _ref2.current.contentWindow.postMessage('chayns-api-host-ready', '*'); // https://github.com/GoogleChromeLabs/comlink/pull/469 might be better approach once released
-
-
-      return function () {
-        delete obj[iFrameProps.name];
-      };
-    }
-
-    return undefined; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // endregion
-  // region dispatch data update
-
-  useEffect(function () {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'isAdminModeActive',
-          value: isAdminModeActive
-        }
-      }));
-    }
-  }, [isAdminModeActive]);
-  useEffect(function () {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'user',
-          value: user
-        }
-      }));
-    }
-  }, [user]);
-  useEffect(function () {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'site',
-          value: site
-        }
-      }));
-    }
-  }, [site]);
-  useEffect(function () {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'pages',
-          value: pages
-        }
-      }));
-    }
-  }, [pages]); // endregion
-
-  return /*#__PURE__*/React.createElement("iframe", _extends({
-    ref: function ref(r) {
-      _ref2.current = r;
-
-      if (iFrameRef) {
-        // eslint-disable-next-line no-param-reassign
-        iFrameRef.current = r;
-      }
-    },
-    title: " "
-  }, iFrameProps, {
-    src: postForm ? undefined : src
-  }));
-};
-
-export default HostIframe;

package/dist/esm/index.example.js

@@ -1 +0,0 @@
-import('./bootstrap');

package/dist/esm/index2.js

@@ -1,5 +0,0 @@
-export { default as RealChaynsProvider } from './components/ChaynsProvider';
-export { default as getDeviceInfo } from './util/deviceHelper';
-export { default as ChaynsHost } from './host/ChaynsHost';
-export * from './calls';
-export * from './hooks';

package/dist/esm/types/DynamicImport.d.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/util/useIsAdminMode.js

@@ -1,9 +0,0 @@
-import { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-export var useIsAdminMode = function useIsAdminMode() {
-  var _useContextSelector;
-
-  return (_useContextSelector = useContextSelector(ChaynsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.isAdminModeActive;
-  })) !== null && _useContextSelector !== void 0 ? _useContextSelector : false;
-};

package/dist/esm/util/useUser.js

@@ -1,7 +0,0 @@
-import { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-export var useUser = function useUser() {
-  return useContextSelector(ChaynsContext, function (v) {
-    return v === null || v === void 0 ? void 0 : v.user;
-  });
-};

package/dist/types/bootstrap.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InferProps } from 'prop-types';
-declare const propTypes: {};
-declare const App: React.FunctionComponent<InferProps<typeof propTypes>>;
-export default App;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-declare const _default: {
-    Component: React.ComponentType<any>;
-    CompatComponent: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-    requiredVersion: string;
-    environment: string | undefined;
-};
-export default _default;

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    Component: import("react").ComponentType<{
-        data?: import("..").ChaynsReactValues | undefined;
-        functions?: import("..").ChaynsReactFunctions | undefined;
-        isSSR?: boolean | undefined;
-        isModule?: boolean | undefined;
-    }>;
-    CompatComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-    requiredVersion: any;
-    environment: string | undefined;
-};
-export default _default;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
-export default _default;