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

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

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 import React, { useContext, useMemo } from 'react';
 import { ModuleContext } from '../../constants/moduleContext';
 import loadComponent from './utils/loadComponent';
@@ -22,27 +23,31 @@ const System = ({
     fallback: fallback || ''
   }, React.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 = useMemo(() => {
-    const result = {
+const ModuleHost = t0 => {
+  const $ = _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,
@@ -60,23 +65,90 @@ const ModuleHost = ({
     if (dialog) {
       result.dialog = dialog;
     }
-    return result;
-  }, [site, isAdminModeActive, pages, currentPage, device, language, parameters, customData, environment, styleSettings, user, dialog]);
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "module-css"
-  }), React.createElement(System, {
-    system: {
-      scope: system.scope,
-      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.buildEnvironment),
-      serverUrl: 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.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 = 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 = 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.createElement(React.Fragment, null, t2, React.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;
 };
 export default ModuleHost;

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

@@ -1,3 +1,6 @@
+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 from "react";
 export const loadModule = (scope, module, url, preventSingleton = false) => {
   if (!globalThis.moduleFederationRuntime || !globalThis.moduleFederationScopes) {
@@ -72,6 +75,7 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
         class CompatComponent extends React.Component {
           constructor(props) {
             super(props);
+            _defineProperty(this, "ref", void 0);
             this.ref = React.createRef();
           }
           componentDidMount() {

package/dist/esm/types/IChaynsReact.js

@@ -71,8 +71,11 @@ export let AccessMode = function (AccessMode) {
 }({});
 export let 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;
 }({});
 export let ScanQrCodeCameraTypes = function (ScanQrCodeCameraTypes) {

package/dist/esm/wrapper/AppWrapper.js

@@ -150,6 +150,7 @@ export class AppWrapper {
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "customFunctions", {});
     _defineProperty(this, "nextDialogEventId", 0);
+    _defineProperty(this, "chaynsApiId", void 0);
     _defineProperty(this, "counter", 0);
     _defineProperty(this, "functions", {
       getAccessToken: async () => ({

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -7,6 +7,8 @@ import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
 export class ModuleFederationWrapper {
   constructor(values, functions, customFunctions) {
+    _defineProperty(this, "values", void 0);
+    _defineProperty(this, "functions", void 0);
     _defineProperty(this, "customFunctions", {});
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "chaynsApiId", null);

package/dist/esm/wrapper/SsrWrapper.js

@@ -3,6 +3,10 @@ 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 class SsrWrapper {
   constructor(values, functions, customFunctions) {
+    _defineProperty(this, "initialData", void 0);
+    _defineProperty(this, "values", void 0);
+    _defineProperty(this, "functions", void 0);
+    _defineProperty(this, "customFunctions", void 0);
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "chaynsApiId", null);
     _defineProperty(this, "subscribe", listener => {

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -10,6 +10,73 @@ import { ModuleFederationWrapper } from './ModuleFederationWrapper';
 class StaticChaynsApi {
   constructor(values, functions) {
     var _deviceInfo$app;
+    _defineProperty(this, "addGeoLocationListener", void 0);
+    _defineProperty(this, "addScrollListener", void 0);
+    _defineProperty(this, "addVisibilityChangeListener", void 0);
+    _defineProperty(this, "addToolbarChangeListener", void 0);
+    _defineProperty(this, "addWindowMetricsListener", void 0);
+    _defineProperty(this, "customCallbackFunction", void 0);
+    _defineProperty(this, "getAvailableSharingServices", void 0);
+    _defineProperty(this, "getAccessToken", void 0);
+    _defineProperty(this, "getCustomCookie", void 0);
+    _defineProperty(this, "getGeoLocation", void 0);
+    _defineProperty(this, "getUserInfo", void 0);
+    _defineProperty(this, "getScrollPosition", void 0);
+    _defineProperty(this, "getWindowMetrics", void 0);
+    _defineProperty(this, "invokeCall", void 0);
+    _defineProperty(this, "invokePaymentCall", void 0);
+    _defineProperty(this, "invokeDialogCall", void 0);
+    _defineProperty(this, "login", void 0);
+    _defineProperty(this, "logout", void 0);
+    _defineProperty(this, "navigateBack", void 0);
+    _defineProperty(this, "openImage", void 0);
+    _defineProperty(this, "openUrl", void 0);
+    _defineProperty(this, "openVideo", void 0);
+    _defineProperty(this, "openMedia", void 0);
+    _defineProperty(this, "refreshData", void 0);
+    _defineProperty(this, "refreshAccessToken", void 0);
+    _defineProperty(this, "removeGeoLocationListener", void 0);
+    _defineProperty(this, "removeScrollListener", void 0);
+    _defineProperty(this, "removeVisibilityChangeListener", void 0);
+    _defineProperty(this, "removeToolbarChangeListener", void 0);
+    _defineProperty(this, "removeWindowMetricsListener", void 0);
+    _defineProperty(this, "selectPage", void 0);
+    _defineProperty(this, "scrollToY", void 0);
+    _defineProperty(this, "sendMessageToGroup", void 0);
+    _defineProperty(this, "sendMessageToPage", void 0);
+    _defineProperty(this, "sendMessageToUser", void 0);
+    _defineProperty(this, "setAdminMode", void 0);
+    _defineProperty(this, "setCustomCookie", void 0);
+    _defineProperty(this, "setDisplayTimeout", void 0);
+    _defineProperty(this, "setFloatingButton", void 0);
+    _defineProperty(this, "setHeight", void 0);
+    _defineProperty(this, "setRefreshScrollEnabled", void 0);
+    _defineProperty(this, "setScanQrCode", void 0);
+    _defineProperty(this, "setTempDesignSettings", void 0);
+    _defineProperty(this, "setWaitCursor", void 0);
+    _defineProperty(this, "storageGetItem", void 0);
+    _defineProperty(this, "storageRemoveItem", void 0);
+    _defineProperty(this, "storageSetItem", void 0);
+    _defineProperty(this, "vibrate", void 0);
+    _defineProperty(this, "scrollByY", void 0);
+    _defineProperty(this, "setOverlay", void 0);
+    _defineProperty(this, "createDialog", void 0);
+    _defineProperty(this, "openDialog", void 0);
+    _defineProperty(this, "closeDialog", void 0);
+    _defineProperty(this, "setDialogResult", void 0);
+    _defineProperty(this, "dispatchEventToDialogClient", void 0);
+    _defineProperty(this, "addDialogClientEventListener", void 0);
+    _defineProperty(this, "removeDialogClientEventListener", void 0);
+    _defineProperty(this, "dispatchEventToDialogHost", void 0);
+    _defineProperty(this, "addDialogHostEventListener", void 0);
+    _defineProperty(this, "removeDialogHostEventListener", void 0);
+    _defineProperty(this, "addAnonymousAccount", void 0);
+    _defineProperty(this, "addAccessTokenChangeListener", void 0);
+    _defineProperty(this, "removeAccessTokenChangeListener", void 0);
+    _defineProperty(this, "redirect", void 0);
+    _defineProperty(this, "ready", void 0);
+    _defineProperty(this, "addDataListener", void 0);
+    _defineProperty(this, "_wrapper", void 0);
     _defineProperty(this, "getUser", () => this._wrapper.values.user);
     _defineProperty(this, "getSite", () => this._wrapper.values.site);
     _defineProperty(this, "getCurrentPage", () => this._wrapper.values.currentPage);

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

@@ -511,8 +511,12 @@ export type IntercomMessage = {
 };
 export declare enum ScanQrCodeCodeType {
     QR = 0,
-    BARCODE = 0,
-    ALL = 2
+    BARCODE = 1,
+    /** @deprecated Use codeTypes and explicitly set all **/
+    ALL = 2,
+    CASH = 3,
+    DATA_MATRIX = 4,
+    PDF417 = 5
 }
 export declare enum ScanQrCodeCameraTypes {
     AUTO = 0,
@@ -530,7 +534,9 @@ export type ScanQrCodeRequest = {
     ccAnimation?: boolean;
     geoLocation?: boolean;
     showInput?: boolean;
+    /** @deprecated Use **codeTypes** instead **/
     codeType?: ScanQrCodeCodeType;
+    codeTypes?: ScanQrCodeCodeType[];
     codeFormats?: 4 | 5;
 };
 export type ScanQrCodeResult = {

package/eslint.config.mjs

@@ -1,3 +1,9 @@
 import config from '@chayns-toolkit/eslint-config';
 
+import hooksPlugin from 'eslint-plugin-react-hooks';
+
+// Enable rules for react-compiler which are not enabled by default
+const rule = config.find(rule => rule.plugins?.['react-hooks']);
+Object.assign(rule.rules, hooksPlugin.configs['recommended-latest'][0].rules);
+
 export default config;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "3.0.0-beta.0",
+    "version": "3.0.0-beta.2",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -52,8 +52,8 @@
         "comlink": "4.3.1",
         "htmlescape": "^1.1.1",
         "lodash.throttle": "^4.1.1",
-        "ua-parser-js": "^1.0.41",
-        "use-sync-external-store": "^1.6.0"
+        "react-compiler-runtime": "^1.0.0",
+        "ua-parser-js": "^1.0.41"
     },
     "devDependencies": {
         "@babel/cli": "^7.28.3",
@@ -70,7 +70,7 @@
         "@types/react": "^18.3.27",
         "@types/react-dom": "^18.3.7",
         "@types/ua-parser-js": "^0.7.39",
-        "@types/use-sync-external-store": "^1.5.0",
+        "babel-plugin-react-compiler": "^1.0.0",
         "chayns-toolkit": "^4.0.0-beta.0",
         "concurrently": "^9.2.1",
         "cross-env": "^10.1.0",
@@ -82,7 +82,7 @@
     },
     "peerDependencies": {
         "@module-federation/enhanced": "^2.4.0",
-        "react": "^16.8 || ^17.0.1 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.8 || ^17.0.1 || ^18.0.0 || ^19.0.0"
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
     }
 }