chayns-api 3.0.0-beta.0 → 3.0.0-beta.1

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _reactCompilerRuntime = require("react-compiler-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _moduleContext = require("../../constants/moduleContext");
 var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
@@ -30,27 +31,31 @@ const System = ({
     fallback: fallback || ''
   }, _react.default.createElement(Component, props));
 };
-const ModuleHost = ({
-  system,
-  children = null,
-  functions,
-  customFunctions,
-  pages,
-  isAdminModeActive,
-  site,
-  user,
-  currentPage,
-  device,
-  language,
-  parameters,
-  customData,
-  dialog,
-  environment,
-  preventStagingReplacement,
-  styleSettings
-}) => {
-  const data = (0, _react.useMemo)(() => {
-    const result = {
+const ModuleHost = t0 => {
+  const $ = (0, _reactCompilerRuntime.c)(34);
+  const {
+    system,
+    children: t1,
+    functions,
+    customFunctions,
+    pages,
+    isAdminModeActive,
+    site,
+    user,
+    currentPage,
+    device,
+    language,
+    parameters,
+    customData,
+    dialog,
+    environment,
+    preventStagingReplacement,
+    styleSettings
+  } = t0;
+  const children = t1 === undefined ? null : t1;
+  let result;
+  if ($[0] !== currentPage || $[1] !== customData || $[2] !== device || $[3] !== dialog || $[4] !== environment || $[5] !== isAdminModeActive || $[6] !== language || $[7] !== pages || $[8] !== parameters || $[9] !== site || $[10] !== styleSettings || $[11] !== user) {
+    result = {
       site,
       isAdminModeActive,
       pages,
@@ -68,23 +73,90 @@ const ModuleHost = ({
     if (dialog) {
       result.dialog = dialog;
     }
-    return result;
-  }, [site, isAdminModeActive, pages, currentPage, device, language, parameters, customData, environment, styleSettings, user, dialog]);
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
-    className: "module-css"
-  }), _react.default.createElement(System, {
-    system: {
-      scope: system.scope,
-      url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.buildEnvironment),
-      serverUrl: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.serverUrl, environment.buildEnvironment),
+    $[0] = currentPage;
+    $[1] = customData;
+    $[2] = device;
+    $[3] = dialog;
+    $[4] = environment;
+    $[5] = isAdminModeActive;
+    $[6] = language;
+    $[7] = pages;
+    $[8] = parameters;
+    $[9] = site;
+    $[10] = styleSettings;
+    $[11] = user;
+    $[12] = result;
+  } else {
+    result = $[12];
+  }
+  const data = result;
+  let t2;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = _react.default.createElement("div", {
+      className: "module-css"
+    });
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  const t3 = system.scope;
+  let t4;
+  if ($[14] !== environment.buildEnvironment || $[15] !== preventStagingReplacement || $[16] !== system.url) {
+    t4 = (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.buildEnvironment);
+    $[14] = environment.buildEnvironment;
+    $[15] = preventStagingReplacement;
+    $[16] = system.url;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  let t5;
+  if ($[18] !== environment.buildEnvironment || $[19] !== preventStagingReplacement || $[20] !== system.serverUrl) {
+    t5 = (0, _url.replaceStagingUrl)(preventStagingReplacement, system.serverUrl, environment.buildEnvironment);
+    $[18] = environment.buildEnvironment;
+    $[19] = preventStagingReplacement;
+    $[20] = system.serverUrl;
+    $[21] = t5;
+  } else {
+    t5 = $[21];
+  }
+  let t6;
+  if ($[22] !== system.module || $[23] !== system.preventSingleton || $[24] !== system.scope || $[25] !== t4 || $[26] !== t5) {
+    t6 = {
+      scope: t3,
+      url: t4,
+      serverUrl: t5,
       module: system.module,
       preventSingleton: system.preventSingleton
-    },
-    data: data,
-    functions: functions,
-    customFunctions: customFunctions,
-    fallback: children,
-    isModule: true
-  }));
+    };
+    $[22] = system.module;
+    $[23] = system.preventSingleton;
+    $[24] = system.scope;
+    $[25] = t4;
+    $[26] = t5;
+    $[27] = t6;
+  } else {
+    t6 = $[27];
+  }
+  let t7;
+  if ($[28] !== children || $[29] !== customFunctions || $[30] !== data || $[31] !== functions || $[32] !== t6) {
+    t7 = _react.default.createElement(_react.default.Fragment, null, t2, _react.default.createElement(System, {
+      system: t6,
+      data: data,
+      functions: functions,
+      customFunctions: customFunctions,
+      fallback: children,
+      isModule: true
+    }));
+    $[28] = children;
+    $[29] = customFunctions;
+    $[30] = data;
+    $[31] = functions;
+    $[32] = t6;
+    $[33] = t7;
+  } else {
+    t7 = $[33];
+  }
+  return t7;
 };
 var _default = exports.default = ModuleHost;

package/dist/cjs/types/IChaynsReact.js

@@ -77,8 +77,11 @@ let AccessMode = exports.AccessMode = function (AccessMode) {
 }({});
 let ScanQrCodeCodeType = exports.ScanQrCodeCodeType = function (ScanQrCodeCodeType) {
   ScanQrCodeCodeType[ScanQrCodeCodeType["QR"] = 0] = "QR";
-  ScanQrCodeCodeType[ScanQrCodeCodeType["BARCODE"] = 0] = "BARCODE";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["BARCODE"] = 1] = "BARCODE";
   ScanQrCodeCodeType[ScanQrCodeCodeType["ALL"] = 2] = "ALL";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["CASH"] = 3] = "CASH";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["DATA_MATRIX"] = 4] = "DATA_MATRIX";
+  ScanQrCodeCodeType[ScanQrCodeCodeType["PDF417"] = 5] = "PDF417";
   return ScanQrCodeCodeType;
 }({});
 let ScanQrCodeCameraTypes = exports.ScanQrCodeCameraTypes = function (ScanQrCodeCameraTypes) {

package/dist/cjs/types/dialog.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/esm/components/ChaynsProvider.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 import htmlEscape from 'htmlescape';
 import React, { useEffect, useRef, useState } from 'react';
 import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect';
@@ -10,20 +11,46 @@ import { SsrWrapper } from '../wrapper/SsrWrapper';
 import { ChaynsContext } from './ChaynsContext';
 import { addModuleWrapper, moduleWrapper, removeModuleWrapper } from './moduleWrapper';
 const isServer = typeof window === 'undefined';
-const InitialDataProvider = React.memo(({
-  data,
-  renderedByServer
-}) => {
+const InitialDataProvider = React.memo(t0 => {
+  const $ = _c(6);
+  const {
+    data,
+    renderedByServer
+  } = t0;
   if (!renderedByServer) {
     return null;
   }
-  return React.createElement("script", {
-    id: "__CHAYNS_DATA__",
-    type: "application/json",
-    dangerouslySetInnerHTML: {
-      __html: htmlEscape(data || {})
-    }
-  });
+  let t1;
+  if ($[0] !== data) {
+    t1 = data || {};
+    $[0] = data;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = htmlEscape(t1);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2) {
+    t3 = React.createElement("script", {
+      id: "__CHAYNS_DATA__",
+      type: "application/json",
+      dangerouslySetInnerHTML: {
+        __html: t2
+      }
+    });
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
 }, () => true);
 const ChaynsProvider = ({
   children,

package/dist/esm/components/withCompatMode.js

@@ -1,4 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
 import ErrorBoundary from './ErrorBoundary';
@@ -7,6 +10,9 @@ export const withCompatMode = Component => {
   class CompatComponent extends PureComponent {
     constructor(props) {
       super(props);
+      _defineProperty(this, "ref", void 0);
+      _defineProperty(this, "root", void 0);
+      _defineProperty(this, "timeout", void 0);
       this.ref = React.createRef();
     }
     componentDidMount() {

package/dist/esm/handler/DialogHandler.js

@@ -3,7 +3,14 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 export default class DialogHandler {
   constructor(config, open, close, dispatchEvent, addDataListener) {
+    _defineProperty(this, "dialogId", void 0);
     _defineProperty(this, "isOpen", false);
+    _defineProperty(this, "result", void 0);
+    _defineProperty(this, "_open", void 0);
+    _defineProperty(this, "_close", void 0);
+    _defineProperty(this, "_config", void 0);
+    _defineProperty(this, "_dispatchEvent", void 0);
+    _defineProperty(this, "_addDataListener", void 0);
     _defineProperty(this, "listeners", []);
     this._open = open;
     this._close = close;

package/dist/esm/hooks/geoLocationListener.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useFunctionsSelector } from './context';
 export const useGeoLocationListener = () => {
@@ -12,23 +13,58 @@ export const useGeoLocationListener = () => {
     };
   }, []);
 };
-export const useGeoLocation = ({
-  enabled = true,
-  timeout = 0,
-  silent = false
-} = {}) => {
+export const useGeoLocation = t0 => {
+  const $ = _c(10);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    enabled: t2,
+    timeout: t3,
+    silent: t4
+  } = t1;
+  const enabled = t2 === undefined ? true : t2;
+  const timeout = t3 === undefined ? 0 : t3;
+  const silent = t4 === undefined ? false : t4;
   const [value, setValue] = useState(null);
   const addListener = useGeoLocationListener();
-  useEffect(() => {
-    if (enabled) {
-      return addListener({
-        timeout,
-        silent
-      }, setValue);
-    }
-    return undefined;
-  }, [enabled, timeout, addListener, silent]);
-  return {
-    value
-  };
+  let t5;
+  let t6;
+  if ($[2] !== addListener || $[3] !== enabled || $[4] !== silent || $[5] !== timeout) {
+    t5 = () => {
+      if (enabled) {
+        return addListener({
+          timeout,
+          silent
+        }, setValue);
+      }
+    };
+    t6 = [enabled, timeout, addListener, silent];
+    $[2] = addListener;
+    $[3] = enabled;
+    $[4] = silent;
+    $[5] = timeout;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t5 = $[6];
+    t6 = $[7];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[8] !== value) {
+    t7 = {
+      value
+    };
+    $[8] = value;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  return t7;
 };

package/dist/esm/hooks/scrollListener.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useWindowMetrics } from './windowMetricsListener';
 import { useFunctionsSelector } from './context';
@@ -13,65 +14,170 @@ export const useScrollListener = () => {
     };
   }, []);
 };
-export const useScrollPosition = ({
-  enabled = true,
-  throttle = 200
-} = {}) => {
-  const [value, setValue] = useState({
-    scrollY: null,
-    scrollX: null
-  });
+export const useScrollPosition = t0 => {
+  const $ = _c(11);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    enabled: t2,
+    throttle: t3
+  } = t1;
+  const enabled = t2 === undefined ? true : t2;
+  const throttle = t3 === undefined ? 200 : t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      scrollY: null,
+      scrollX: null
+    };
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const [value, setValue] = useState(t4);
   const addListener = useScrollListener();
-  const getScrollPosition = useFunctionsSelector(f => f.getScrollPosition);
-  useEffect(() => {
-    if (enabled) {
-      return addListener({
-        throttle
-      }, setValue);
-    }
-    return undefined;
-  }, [enabled, throttle, addListener]);
-  useEffect(() => {
-    void getScrollPosition().then(setValue);
-  }, [getScrollPosition]);
+  const getScrollPosition = useFunctionsSelector(_temp);
+  let t5;
+  let t6;
+  if ($[3] !== addListener || $[4] !== enabled || $[5] !== throttle) {
+    t5 = () => {
+      if (enabled) {
+        return addListener({
+          throttle
+        }, setValue);
+      }
+    };
+    t6 = [enabled, throttle, addListener];
+    $[3] = addListener;
+    $[4] = enabled;
+    $[5] = throttle;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t5 = $[6];
+    t6 = $[7];
+  }
+  useEffect(t5, t6);
+  let t7;
+  let t8;
+  if ($[8] !== getScrollPosition) {
+    t7 = () => {
+      getScrollPosition().then(setValue);
+    };
+    t8 = [getScrollPosition];
+    $[8] = getScrollPosition;
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t7 = $[9];
+    t8 = $[10];
+  }
+  useEffect(t7, t8);
   return value;
 };
-export const useScrollOffsetTop = ({
-  enabled = true,
-  throttle = 200
-} = {}) => {
-  const scrollPosition = useScrollPosition({
-    enabled,
-    throttle
-  });
+export const useScrollOffsetTop = t0 => {
+  const $ = _c(7);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    enabled: t2,
+    throttle: t3
+  } = t1;
+  const enabled = t2 === undefined ? true : t2;
+  const throttle = t3 === undefined ? 200 : t3;
+  let t4;
+  if ($[2] !== enabled || $[3] !== throttle) {
+    t4 = {
+      enabled,
+      throttle
+    };
+    $[2] = enabled;
+    $[3] = throttle;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const scrollPosition = useScrollPosition(t4);
+  let t5;
+  if ($[5] !== enabled) {
+    t5 = {
+      enabled
+    };
+    $[5] = enabled;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
   const {
     offsetTop,
     topBarHeight
-  } = useWindowMetrics({
-    enabled
-  });
-  if (typeof (scrollPosition === null || scrollPosition === void 0 ? void 0 : scrollPosition.scrollY) === 'number') {
+  } = useWindowMetrics(t5);
+  if (typeof (scrollPosition === null || scrollPosition === void 0 ? void 0 : scrollPosition.scrollY) === "number") {
     return Math.max(0, scrollPosition.scrollY - (offsetTop - topBarHeight));
   }
   return 0;
 };
-export const useScrollOffsetBottom = ({
-  enabled = true,
-  throttle = 200
-} = {}) => {
-  const scrollPosition = useScrollPosition({
-    enabled,
-    throttle
-  });
+export const useScrollOffsetBottom = t0 => {
+  const $ = _c(7);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    enabled: t2,
+    throttle: t3
+  } = t1;
+  const enabled = t2 === undefined ? true : t2;
+  const throttle = t3 === undefined ? 200 : t3;
+  let t4;
+  if ($[2] !== enabled || $[3] !== throttle) {
+    t4 = {
+      enabled,
+      throttle
+    };
+    $[2] = enabled;
+    $[3] = throttle;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const scrollPosition = useScrollPosition(t4);
+  let t5;
+  if ($[5] !== enabled) {
+    t5 = {
+      enabled
+    };
+    $[5] = enabled;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
   const {
     offsetTop,
     windowHeight,
     bottomBarHeight
-  } = useWindowMetrics({
-    enabled
-  });
-  if (typeof (scrollPosition === null || scrollPosition === void 0 ? void 0 : scrollPosition.scrollY) === 'number') {
+  } = useWindowMetrics(t5);
+  if (typeof (scrollPosition === null || scrollPosition === void 0 ? void 0 : scrollPosition.scrollY) === "number") {
     return windowHeight - Math.max(0, offsetTop - scrollPosition.scrollY + bottomBarHeight);
   }
   return 0;
-};
+};
+function _temp(f) {
+  return f.getScrollPosition;
+}

package/dist/esm/hooks/useAccessToken.js

@@ -1,17 +1,41 @@
+import { c as _c } from "react-compiler-runtime";
 import { useEffect, useState } from 'react';
 import { useFunctionsSelector } from './context';
 export const useAccessToken = accessToken => {
+  const $ = _c(6);
   const [token, setToken] = useState(null);
   const [externalToken, setExternalToken] = useState(null);
-  const getAccessToken = useFunctionsSelector(f => f.getAccessToken);
-  useEffect(() => {
-    if (accessToken !== null && accessToken !== void 0 && accessToken.external) {
-      void getAccessToken({
-        external: true
-      }).then(setExternalToken);
-    } else {
-      void getAccessToken().then(setToken);
-    }
-  }, [accessToken === null || accessToken === void 0 ? void 0 : accessToken.external, getAccessToken]);
+  const getAccessToken = useFunctionsSelector(_temp);
+  let t0;
+  if ($[0] !== (accessToken === null || accessToken === void 0 ? void 0 : accessToken.external) || $[1] !== getAccessToken) {
+    t0 = () => {
+      if (accessToken !== null && accessToken !== void 0 && accessToken.external) {
+        getAccessToken({
+          external: true
+        }).then(setExternalToken);
+      } else {
+        getAccessToken().then(setToken);
+      }
+    };
+    $[0] = accessToken === null || accessToken === void 0 ? void 0 : accessToken.external;
+    $[1] = getAccessToken;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const t1 = accessToken === null || accessToken === void 0 ? void 0 : accessToken.external;
+  let t2;
+  if ($[3] !== getAccessToken || $[4] !== t1) {
+    t2 = [t1, getAccessToken];
+    $[3] = getAccessToken;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  useEffect(t0, t2);
   return accessToken !== null && accessToken !== void 0 && accessToken.external ? externalToken === null || externalToken === void 0 ? void 0 : externalToken.accessToken : token === null || token === void 0 ? void 0 : token.accessToken;
-};
+};
+function _temp(f) {
+  return f.getAccessToken;
+}

package/dist/esm/hooks/useChaynsApiId.js

@@ -1,4 +1,7 @@
 import { useChaynsApiIdSelector } from './context';
 export const useChaynsApiId = () => {
-  return useChaynsApiIdSelector(chaynsApiId => chaynsApiId);
-};
+  return useChaynsApiIdSelector(_temp);
+};
+function _temp(chaynsApiId) {
+  return chaynsApiId;
+}

package/dist/esm/hooks/useCurrentPage.js

@@ -1,2 +1,7 @@
 import { useValuesSelector } from './context';
-export const useCurrentPage = () => useValuesSelector(v => v.currentPage);
+export const useCurrentPage = () => {
+  return useValuesSelector(_temp);
+};
+function _temp(v) {
+  return v.currentPage;
+}

package/dist/esm/hooks/useCustomCallbackFunction.js

@@ -1,2 +1,7 @@
 import { useFunctionsSelector } from './context';
-export const useCustomCallbackFunction = () => useFunctionsSelector(f => f.customCallbackFunction);
+export const useCustomCallbackFunction = () => {
+  return useFunctionsSelector(_temp);
+};
+function _temp(f) {
+  return f.customCallbackFunction;
+}

package/dist/esm/hooks/useCustomData.js

@@ -1,2 +1,7 @@
 import { useValuesSelector } from './context';
-export const useCustomData = () => useValuesSelector(v => v.customData);
+export const useCustomData = () => {
+  return useValuesSelector(_temp);
+};
+function _temp(v) {
+  return v.customData;
+}