chayns-api 1.0.0

package/dist/esm/host/module/ModuleHost.js

@@ -0,0 +1,74 @@
+import React, { useMemo } from 'react';
+import useDynamicScript from './utils/useDynamicScript';
+import loadComponent from './utils/loadComponent';
+const System = _ref => {
+  let {
+    system,
+    fallback,
+    ...props
+  } = _ref;
+  const {
+    ready,
+    failed
+  } = useDynamicScript({
+    url: system === null || system === void 0 ? void 0 : system.url,
+    scope: system === null || system === void 0 ? void 0 : system.scope
+  });
+  const Component = useMemo(() => {
+    // maybe return waitcursor instead
+    if (!system || !ready || failed) {
+      return null;
+    }
+    return /*#__PURE__*/React.lazy(loadComponent(system.scope, system.module, system.url));
+
+    /* eslint-disable react-hooks/exhaustive-deps */
+  }, [system === null || system === void 0 ? void 0 : system.scope, ready, system === null || system === void 0 ? void 0 : system.url]);
+  return Component ? /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: fallback || ''
+  }, /*#__PURE__*/React.createElement(Component, props)) : fallback;
+};
+const ModuleHost = _ref2 => {
+  let {
+    system,
+    children = null,
+    functions,
+    // shallow data
+    pages,
+    isAdminModeActive,
+    site,
+    user,
+    currentPage,
+    device,
+    language,
+    parameters,
+    customData,
+    environment
+  } = _ref2;
+  // region initialData
+  const initialData = {
+    site,
+    isAdminModeActive,
+    pages,
+    currentPage,
+    device,
+    language,
+    parameters,
+    customData,
+    environment
+  };
+  if (user) {
+    initialData.user = user;
+  }
+  // endregion
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "module-css"
+  }), /*#__PURE__*/React.createElement(System, {
+    system: system,
+    data: initialData,
+    functions: functions,
+    fallback: children,
+    isModule: true
+  }));
+};
+export default ModuleHost;

package/dist/esm/host/module/PagemakerFrame.js

@@ -0,0 +1,97 @@
+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 { useEffect, useRef } from 'react';
+import * as comlink from 'comlink';
+import useUpdateData from "../iframe/utils/useUpdateData";
+
+var PagemakerFrame = function PagemakerFrame(_ref) {
+  var iFrameProps = _ref.iFrameProps,
+      _ref$postForm = _ref.postForm,
+      postForm = _ref$postForm === void 0 ? false : _ref$postForm,
+      children = _ref.children,
+      iFrameRef = _ref.iFrameRef,
+      pages = _ref.pages,
+      isAdminModeActive = _ref.isAdminModeActive,
+      site = _ref.site,
+      user = _ref.user,
+      currentPage = _ref.currentPage,
+      functions = _ref.functions,
+      device = _ref.device,
+      language = _ref.language,
+      parameters = _ref.parameters,
+      environment = _ref.environment;
+  var eventTarget = useRef();
+  var ref = useRef();
+  var currentDataRef = useRef();
+
+  if (!eventTarget.current) {
+    eventTarget.current = global.document ? document.createElement('div') : undefined; // global.EventTarget ? new EventTarget() : undefined
+  }
+
+  var setHeight = function setHeight(value) {
+    if (ref.current) {
+      ref.current.height = "".concat(value, "px");
+    }
+  }; // region initialData
+
+
+  var initialData = {
+    site: site,
+    isAdminModeActive: isAdminModeActive,
+    pages: pages,
+    currentPage: currentPage,
+    device: device,
+    user: user,
+    language: language,
+    parameters: parameters,
+    environment: environment
+  }; // endregion
+
+  currentDataRef.current = initialData;
+  console.debug('functions', functions); // region expose data and functions to iframe
+
+  useEffect(function () {
+    var _ref$current;
+
+    if ((_ref$current = ref.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(ref.current.contentWindow));
+      ref.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
+
+  useUpdateData(eventTarget.current, 'isAdminModeActive', isAdminModeActive);
+  useUpdateData(eventTarget.current, 'user', user);
+  useUpdateData(eventTarget.current, 'site', site);
+  useUpdateData(eventTarget.current, 'pages', pages);
+  useUpdateData(eventTarget.current, 'language', language);
+  useUpdateData(eventTarget.current, 'parameters', parameters); // endregion
+
+  return children;
+};
+
+export default PagemakerFrame;

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

@@ -0,0 +1,55 @@
+/* eslint-disable */
+// @ts-nocheck
+
+import semver from 'semver';
+import React from 'react';
+import { semaphore } from './useDynamicScript';
+let instances = {};
+export default function loadComponent(scope, module, url) {
+  let skipCompatMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  return async () => {
+    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
+    // eslint-disable-next-line no-undef
+    await __webpack_init_sharing__('default');
+    const {
+      container
+    } = window[scope + "_list"].find(x => x.url === url); // or get the container somewhere else
+    // Initialize the container, it may provide shared modules
+    // eslint-disable-next-line no-undef
+    await container.init(__webpack_share_scopes__.default);
+    const factory = await container.get(module);
+    semaphore[scope].release();
+    let ModuleMap = instances[`${scope}__${module}`];
+    let Module;
+    if (!ModuleMap) {
+      ModuleMap = {};
+      instances[`${scope}__${module}`] = ModuleMap;
+    }
+    if (Object.keys(ModuleMap).length > 0) {
+      const newModule = factory();
+      Module = ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`];
+      if (!Module) {
+        Module = newModule;
+        ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`] = newModule;
+      }
+    } else {
+      Module = factory();
+      ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
+    }
+    if (skipCompatMode) return Module;
+    const hostVersion = semver.minVersion(React.version);
+    const {
+      requiredVersion,
+      environment
+    } = Module.default;
+    const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion);
+    if (!matchReactVersion || environment !== 'production') {
+      return {
+        default: Module.default.CompatComponent
+      };
+    }
+    return {
+      default: Module.default.Component
+    };
+  };
+}

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

@@ -0,0 +1,50 @@
+import React, { useEffect } from 'react';
+import Semaphore from 'semaphore-async-await';
+export const semaphore = {};
+const useDynamicScript = args => {
+  const [ready, setReady] = React.useState(false);
+  const [failed, setFailed] = React.useState(false);
+  useEffect(() => {
+    if (!args.url) {
+      return undefined;
+    }
+    const element = document.createElement('script');
+    element.src = args.url;
+    element.type = 'text/javascript';
+    element.async = true;
+    setReady(false);
+    setFailed(false);
+    if (!(args.scope in semaphore)) {
+      semaphore[args.scope] = new Semaphore(1);
+    }
+    (async () => {
+      await semaphore[args.scope].acquire();
+      element.onload = () => {
+        setReady(true);
+        const listKey = args.scope + "_list";
+        if (!window[listKey]) window[listKey] = [];
+        window[listKey].push({
+          url: args.url,
+          container: window[args.scope]
+        });
+        window[args.scope] = null;
+      };
+      element.onerror = () => {
+        setReady(false);
+        setFailed(true);
+      };
+      document.head.appendChild(element);
+    })();
+    return () => {
+      semaphore[args.scope].release();
+      if (document.head.contains(element)) {
+        document.head.removeChild(element);
+      }
+    };
+  }, [args.url]);
+  return {
+    ready,
+    failed
+  };
+};
+export default useDynamicScript;

package/dist/esm/index.js

@@ -0,0 +1,16 @@
+export { default as ChaynsProvider } from './components/ChaynsProvider';
+export { default as getDeviceInfo, getScreenSize } from './util/deviceHelper';
+export { default as ChaynsHost } from './host/ChaynsHost';
+export { withCompatMode } from './components/withCompatMode';
+export * from './calls';
+export * from './hooks';
+export * from './components/WaitUntil';
+export * from './types/IChaynsReact';
+export * from './components/withCompatMode';
+import * as _dialog from './calls/dialogs/index';
+export { _dialog as dialog };
+export * from './types/IChaynsReact';
+export default {
+  buildEnv: process.env.BUILD_ENV,
+  appVersion: process.env.VERSION
+};

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

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

package/dist/esm/types/IChaynsReact.js

@@ -0,0 +1,215 @@
+export let ScreenSize;
+(function (ScreenSize) {
+  ScreenSize[ScreenSize["XS"] = 0] = "XS";
+  ScreenSize[ScreenSize["SM"] = 1] = "SM";
+  ScreenSize[ScreenSize["MD"] = 2] = "MD";
+  ScreenSize[ScreenSize["LG"] = 3] = "LG";
+  ScreenSize[ScreenSize["XL"] = 4] = "XL";
+})(ScreenSize || (ScreenSize = {}));
+export let AccessMode;
+(function (AccessMode) {
+  AccessMode[AccessMode["public"] = 0] = "public";
+  AccessMode[AccessMode["protected"] = 1] = "protected";
+  AccessMode[AccessMode["private"] = 2] = "private";
+})(AccessMode || (AccessMode = {}));
+var IOSFeedbackVibration;
+(function (IOSFeedbackVibration) {
+  IOSFeedbackVibration[IOSFeedbackVibration["Unknown"] = 0] = "Unknown";
+  IOSFeedbackVibration[IOSFeedbackVibration["SelectionChanged"] = 1] = "SelectionChanged";
+  IOSFeedbackVibration[IOSFeedbackVibration["NotificationError"] = 2] = "NotificationError";
+  IOSFeedbackVibration[IOSFeedbackVibration["NotificationSuccess"] = 3] = "NotificationSuccess";
+  IOSFeedbackVibration[IOSFeedbackVibration["NotificationWarning"] = 4] = "NotificationWarning";
+  IOSFeedbackVibration[IOSFeedbackVibration["Light"] = 5] = "Light";
+  IOSFeedbackVibration[IOSFeedbackVibration["Medium"] = 6] = "Medium";
+  IOSFeedbackVibration[IOSFeedbackVibration["Heavy"] = 7] = "Heavy";
+  IOSFeedbackVibration[IOSFeedbackVibration["Soft"] = 8] = "Soft";
+  IOSFeedbackVibration[IOSFeedbackVibration["Rigid"] = 9] = "Rigid";
+})(IOSFeedbackVibration || (IOSFeedbackVibration = {}));
+// region design settings
+var SnapshotType;
+(function (SnapshotType) {
+  SnapshotType["Background"] = "background";
+  SnapshotType["Settings"] = "settings";
+  SnapshotType["ColorScheme"] = "colorScheme";
+  SnapshotType["Cover"] = "cover";
+  SnapshotType["Tapp"] = "tapp";
+})(SnapshotType || (SnapshotType = {}));
+var DesignSettingsUpdateBackgroundType;
+(function (DesignSettingsUpdateBackgroundType) {
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["None"] = 0] = "None";
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["Image"] = 1] = "Image";
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["Video"] = 2] = "Video";
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["Color"] = 3] = "Color";
+})(DesignSettingsUpdateBackgroundType || (DesignSettingsUpdateBackgroundType = {}));
+var DesignSettingsUpdateSeasonTypes;
+(function (DesignSettingsUpdateSeasonTypes) {
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["None"] = 0] = "None";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Snowm"] = 1] = "Snowm";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Confetti"] = 2] = "Confetti";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Leaf"] = 3] = "Leaf";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Heart"] = 4] = "Heart";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Balloon"] = 5] = "Balloon";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Eastern"] = 6] = "Eastern";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Clover"] = 7] = "Clover";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Coins"] = 8] = "Coins";
+})(DesignSettingsUpdateSeasonTypes || (DesignSettingsUpdateSeasonTypes = {}));
+var DesignSettingsUpdateGalleryAnimationTypes;
+(function (DesignSettingsUpdateGalleryAnimationTypes) {
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["Swipe"] = 0] = "Swipe";
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["Fade"] = 1] = "Fade";
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["Parallax"] = 2] = "Parallax";
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["KenBurns"] = 3] = "KenBurns";
+})(DesignSettingsUpdateGalleryAnimationTypes || (DesignSettingsUpdateGalleryAnimationTypes = {}));
+var DesignSettingsUpdateCoverTypes;
+(function (DesignSettingsUpdateCoverTypes) {
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Image"] = 0] = "Image";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Video"] = 1] = "Video";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Slideshow"] = 2] = "Slideshow";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Frame"] = 3] = "Frame";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["None"] = 4] = "None";
+})(DesignSettingsUpdateCoverTypes || (DesignSettingsUpdateCoverTypes = {}));
+var DesignSettingsUpdateColorSchemeMode;
+(function (DesignSettingsUpdateColorSchemeMode) {
+  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Normal"] = 0] = "Normal";
+  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Dark"] = 1] = "Dark";
+  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Bright"] = 2] = "Bright";
+})(DesignSettingsUpdateColorSchemeMode || (DesignSettingsUpdateColorSchemeMode = {}));
+var DesignSettingsUpdateTappViewModes;
+(function (DesignSettingsUpdateTappViewModes) {
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Normal"] = 0] = "Normal";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Exclusive"] = 1] = "Exclusive";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Wide"] = 2] = "Wide";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Fullscreen"] = 3] = "Fullscreen";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["FullscreenWithBackground"] = 4] = "FullscreenWithBackground";
+})(DesignSettingsUpdateTappViewModes || (DesignSettingsUpdateTappViewModes = {}));
+var LoginState;
+(function (LoginState) {
+  LoginState[LoginState["LoginFailed"] = 2] = "LoginFailed";
+  LoginState[LoginState["AlreadyLoggedIn"] = 3] = "AlreadyLoggedIn";
+})(LoginState || (LoginState = {}));
+export let FloatingButtonPosition;
+(function (FloatingButtonPosition) {
+  FloatingButtonPosition[FloatingButtonPosition["Right"] = 0] = "Right";
+  FloatingButtonPosition[FloatingButtonPosition["Center"] = 1] = "Center";
+  FloatingButtonPosition[FloatingButtonPosition["Left"] = 2] = "Left";
+})(FloatingButtonPosition || (FloatingButtonPosition = {}));
+export let SharingApp;
+(function (SharingApp) {
+  SharingApp[SharingApp["Mail"] = 0] = "Mail";
+  SharingApp[SharingApp["WhatsApp"] = 1] = "WhatsApp";
+  SharingApp[SharingApp["Facebook"] = 2] = "Facebook";
+  SharingApp[SharingApp["FacebookMessenger"] = 3] = "FacebookMessenger";
+  SharingApp[SharingApp["GooglePlus"] = 4] = "GooglePlus";
+  SharingApp[SharingApp["Twitter"] = 5] = "Twitter";
+})(SharingApp || (SharingApp = {}));
+export let IconType;
+(function (IconType) {
+  IconType[IconType["Font"] = 0] = "Font";
+  IconType[IconType["Base64"] = 1] = "Base64";
+  IconType[IconType["Url"] = 2] = "Url";
+})(IconType || (IconType = {}));
+export let Gender;
+(function (Gender) {
+  Gender[Gender["Unknown"] = 0] = "Unknown";
+  Gender[Gender["male"] = 1] = "male";
+  Gender[Gender["female"] = 2] = "female";
+  Gender[Gender["diverse"] = 9] = "diverse";
+})(Gender || (Gender = {}));
+export let ColorMode;
+(function (ColorMode) {
+  ColorMode[ColorMode["Classic"] = 0] = "Classic";
+  ColorMode[ColorMode["Dark"] = 1] = "Dark";
+  ColorMode[ColorMode["Light"] = 2] = "Light";
+})(ColorMode || (ColorMode = {}));
+export let Language;
+(function (Language) {
+  Language["Unknown"] = "unknown";
+  Language["German"] = "de";
+  Language["English"] = "en";
+  Language["Dutch"] = "nl";
+  Language["French"] = "fr";
+  Language["Spanish"] = "es";
+  Language["Italian"] = "it";
+  Language["Portuguese"] = "pt";
+  Language["Turkish"] = "tr";
+  Language["Polish"] = "pl";
+  Language["Ukrainian"] = "uk";
+})(Language || (Language = {}));
+export let RuntimeEnviroment;
+(function (RuntimeEnviroment) {
+  RuntimeEnviroment[RuntimeEnviroment["Unknown"] = 0] = "Unknown";
+  RuntimeEnviroment[RuntimeEnviroment["ChaynsDe"] = 1] = "ChaynsDe";
+  RuntimeEnviroment[RuntimeEnviroment["ChaynsWeb"] = 2] = "ChaynsWeb";
+  RuntimeEnviroment[RuntimeEnviroment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
+  RuntimeEnviroment[RuntimeEnviroment["IntercomPlugin"] = 4] = "IntercomPlugin";
+  RuntimeEnviroment[RuntimeEnviroment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
+})(RuntimeEnviroment || (RuntimeEnviroment = {}));
+export let DeviceOs;
+(function (DeviceOs) {
+  DeviceOs["Unknown"] = "unknown";
+  DeviceOs["Android"] = "android";
+  DeviceOs["IOS"] = "ios";
+  DeviceOs["Windows"] = "windows";
+  DeviceOs["MacOs"] = "macos";
+  DeviceOs["Linux"] = "linux";
+})(DeviceOs || (DeviceOs = {}));
+export let AppName;
+(function (AppName) {
+  AppName[AppName["Unknown"] = 0] = "Unknown";
+  AppName[AppName["David"] = 1] = "David";
+  AppName[AppName["Chayns"] = 2] = "Chayns";
+  AppName[AppName["Location"] = 3] = "Location";
+  AppName[AppName["Intercom"] = 4] = "Intercom";
+  AppName[AppName["ChaynsLauncher"] = 5] = "ChaynsLauncher";
+})(AppName || (AppName = {}));
+export let BrowserName;
+(function (BrowserName) {
+  BrowserName["Unknown"] = "unknown";
+  BrowserName["Chrome"] = "chrome";
+  BrowserName["Safari"] = "safari";
+  BrowserName["Firefox"] = "firefox";
+  BrowserName["Edge"] = "edge";
+})(BrowserName || (BrowserName = {}));
+export let Environment;
+(function (Environment) {
+  Environment[Environment["Development"] = 0] = "Development";
+  Environment[Environment["Qa"] = 1] = "Qa";
+  Environment[Environment["Staging"] = 2] = "Staging";
+  Environment[Environment["Production"] = 3] = "Production";
+})(Environment || (Environment = {}));
+export let Font;
+(function (Font) {
+  Font[Font["Unknown"] = 0] = "Unknown";
+  Font[Font["Roboto"] = 1] = "Roboto";
+  Font[Font["OpenSans"] = 2] = "OpenSans";
+  Font[Font["Lato"] = 3] = "Lato";
+  Font[Font["SourceSansPro"] = 4] = "SourceSansPro";
+  Font[Font["Ubuntu"] = 5] = "Ubuntu";
+  Font[Font["Cabin"] = 6] = "Cabin";
+  Font[Font["Merriweather"] = 7] = "Merriweather";
+  Font[Font["NotoSerif"] = 8] = "NotoSerif";
+  Font[Font["PTSerif"] = 9] = "PTSerif";
+  Font[Font["DroidSerif"] = 10] = "DroidSerif";
+  Font[Font["Muli"] = 11] = "Muli";
+  Font[Font["Poppins"] = 12] = "Poppins";
+  Font[Font["RobotoCondensed"] = 13] = "RobotoCondensed";
+  Font[Font["Anton"] = 14] = "Anton";
+  Font[Font["ArchitectsDaughter"] = 15] = "ArchitectsDaughter";
+  Font[Font["DMSerifDisplay"] = 16] = "DMSerifDisplay";
+  Font[Font["Pacifico"] = 17] = "Pacifico";
+  Font[Font["PermanentMarker"] = 18] = "PermanentMarker";
+  Font[Font["Questrial"] = 19] = "Questrial";
+  Font[Font["RobotoSlab"] = 20] = "RobotoSlab";
+  Font[Font["ShadowsIntoLightTwo"] = 21] = "ShadowsIntoLightTwo";
+  Font[Font["WaitingForTheSunrise"] = 22] = "WaitingForTheSunrise";
+  Font[Font["RobotoMedium"] = 23] = "RobotoMedium";
+  Font[Font["TobitHeadline"] = 24] = "TobitHeadline";
+  Font[Font["RobotoBold"] = 25] = "RobotoBold";
+  Font[Font["RobotoRegular"] = 26] = "RobotoRegular";
+  Font[Font["Inter"] = 27] = "Inter";
+})(Font || (Font = {}));
+var selectType;
+(function (selectType) {
+  selectType[selectType["DEFAULT"] = 0] = "DEFAULT";
+  selectType[selectType["ICON"] = 1] = "ICON";
+})(selectType || (selectType = {}));

package/dist/esm/types/dialog.js

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

package/dist/esm/util/appCall.js

@@ -0,0 +1,16 @@
+// @ts-nocheck
+
+const invokeAppCall = call => {
+  var _window$webkit, _window$webkit$messag, _window$chaynsApp, _window$chaynsElectro;
+  call = JSON.stringify(call);
+  if ((_window$webkit = window.webkit) !== null && _window$webkit !== void 0 && (_window$webkit$messag = _window$webkit.messageHandlers) !== null && _window$webkit$messag !== void 0 && _window$webkit$messag.jsonCall) {
+    window.webkit.messageHandlers.jsonCall.postMessage(call);
+  } else if ((_window$chaynsApp = window.chaynsApp) !== null && _window$chaynsApp !== void 0 && _window$chaynsApp.jsonCall) {
+    window.chaynsApp.jsonCall(call);
+  } else if ((_window$chaynsElectro = window.chaynsElectron) !== null && _window$chaynsElectro !== void 0 && _window$chaynsElectro.jsonCall) {
+    window.chaynsElectron.jsonCall(call);
+  } else {
+    throw new Error('jsoncall interface not found');
+  }
+};
+export default invokeAppCall;

package/dist/esm/util/deviceHelper.js

@@ -0,0 +1,62 @@
+import { parseUserAgent } from 'detect-browser';
+import { AppName, ScreenSize } from '../types/IChaynsReact';
+const getDeviceInfo = (userAgent, acceptHeader) => {
+  var _match$groups, _match$groups2, _parsedUA$version$spl, _parsedUA$version;
+  const parsedUA = parseUserAgent(userAgent);
+  let appName = AppName.Unknown;
+  const match = /(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
+  if ((match === null || match === void 0 ? void 0 : (_match$groups = match.groups) === null || _match$groups === void 0 ? void 0 : _match$groups.siteId) === '60021-08989') {
+    appName = AppName.Chayns;
+  } else if ((match === null || match === void 0 ? void 0 : (_match$groups2 = match.groups) === null || _match$groups2 === void 0 ? void 0 : _match$groups2.siteId) === '77892-10814') {
+    appName = AppName.David;
+  } else if (match) {
+    appName = AppName.Location;
+  } else if (/dface|h96pp|h96max|jabiru|chaynsterminal|wayter|odroidn2p/i.test(navigator.userAgent)) {
+    appName = AppName.ChaynsLauncher;
+  }
+  const result = {};
+  result.browser = {
+    name: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.name,
+    version: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.version,
+    majorVersion: Number.parseInt((_parsedUA$version$spl = parsedUA === null || parsedUA === void 0 ? void 0 : (_parsedUA$version = parsedUA.version) === null || _parsedUA$version === void 0 ? void 0 : _parsedUA$version.split('.')[0]) !== null && _parsedUA$version$spl !== void 0 ? _parsedUA$version$spl : '0', 10) || 0,
+    isWebPSupported: acceptHeader.includes('image/webp')
+  };
+  result.app = {
+    name: appName,
+    version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
+  };
+  result.imei = undefined; // TODO
+  result.accessToken = undefined; // TODO
+  result.os = parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.os;
+  if (typeof window !== 'undefined') {
+    result.screenSize = getScreenSize(window.innerWidth);
+  } else {
+    // estimate size over user agent, very inaccurate, could be improved by setting a cookie with the screensize
+    const screenSizeByUA = /mobi/i.test(userAgent) ? ScreenSize.SM : ScreenSize.XL;
+    result.screenSize = appName !== AppName.Unknown ? ScreenSize.XS : screenSizeByUA;
+  }
+  return result;
+};
+
+// Infos that are only available on client or iframe side
+export const getClientDeviceInfo = () => {
+  return {
+    isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
+  };
+};
+export const getScreenSize = width => {
+  let value;
+  if (width > 1200) {
+    value = ScreenSize.XL;
+  } else if (width > 993) {
+    value = ScreenSize.LG;
+  } else if (width > 769) {
+    value = ScreenSize.MD;
+  } else if (width > 556) {
+    value = ScreenSize.SM;
+  } else {
+    value = ScreenSize.XS;
+  }
+  return value;
+};
+export default getDeviceInfo;

package/dist/esm/util/heightHelper.js

@@ -0,0 +1,32 @@
+import throttle from 'lodash.throttle';
+export const setTappHeight = setHeight => {
+  document.documentElement.style.overflow = 'hidden';
+  void setHeight(document.body.offsetHeight);
+  let oldHeight = 0;
+  const handleResize = () => {
+    const {
+      offsetHeight
+    } = document.body;
+    if (oldHeight !== offsetHeight) {
+      void setHeight(offsetHeight);
+      oldHeight = offsetHeight;
+    }
+  };
+  if (window.ResizeObserver) {
+    const interval = setInterval(handleResize, 200);
+    let firstResize = true;
+    const resizeObserver = new window.ResizeObserver(throttle(() => {
+      handleResize();
+      if (!firstResize) {
+        clearInterval(interval);
+      }
+      firstResize = false;
+    }, 16));
+    resizeObserver.observe(document.body);
+    setTimeout(() => {
+      clearInterval(interval);
+    }, 2000);
+  } else {
+    setInterval(handleResize, 200);
+  }
+};

package/dist/esm/util/postIframeForm.js

@@ -0,0 +1,26 @@
+export default async function postIframeForm(url, value, fieldName, frameId) {
+  // ToDo: Maybe remove this
+  await new Promise(resolve => {
+    setTimeout(resolve, 10);
+  });
+  if (!value || !document.querySelector(`#${frameId}`)) {
+    return false;
+  }
+  const currForm = document.getElementById('accessTokenForm');
+  if (currForm !== null && currForm !== void 0 && currForm.parentElement) {
+    currForm.parentElement.removeChild(currForm);
+  }
+  const form = document.createElement('form');
+  form.setAttribute('id', 'accessTokenForm');
+  form.setAttribute('method', 'post');
+  form.setAttribute('action', url);
+  form.setAttribute('target', frameId);
+  const hiddenField = document.createElement('input');
+  hiddenField.setAttribute('type', 'hidden');
+  hiddenField.setAttribute('name', fieldName);
+  hiddenField.setAttribute('value', value);
+  form.appendChild(hiddenField);
+  document.body.appendChild(form);
+  form.submit();
+  return true;
+}