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

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;
+}

package/dist/esm/hooks/useCustomFunction.js

@@ -1,2 +1,14 @@
+import { c as _c } from "react-compiler-runtime";
 import { useCustomFunctionsSelector } from './context';
-export const useCustomFunction = key => useCustomFunctionsSelector(customFunctions => customFunctions[key]);
+export const useCustomFunction = key => {
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== key) {
+    t0 = customFunctions => customFunctions[key];
+    $[0] = key;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return useCustomFunctionsSelector(t0);
+};

package/dist/esm/hooks/useDevice.js

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

package/dist/esm/hooks/useDialogState.js

@@ -1,22 +1,46 @@
+import { c as _c } from "react-compiler-runtime";
 import { useFunctionsSelector, useValuesSelector } from './context';
 export const useDialogState = () => {
-  const setResult = useFunctionsSelector(f => f.setDialogResult);
-  const sendData = useFunctionsSelector(f => f.dispatchEventToDialogHost);
-  const addDataListener = useFunctionsSelector(f => f.addDialogHostEventListener);
-  const isClosingRequested = useValuesSelector(v => {
-    var _v$dialog$isClosingRe, _v$dialog;
-    return (_v$dialog$isClosingRe = (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested) !== null && _v$dialog$isClosingRe !== void 0 ? _v$dialog$isClosingRe : false;
-  });
-  return {
-    setResult,
-    sendData,
-    addDataListener,
-    isClosingRequested
-  };
+  const $ = _c(5);
+  const setResult = useFunctionsSelector(_temp);
+  const sendData = useFunctionsSelector(_temp2);
+  const addDataListener = useFunctionsSelector(_temp3);
+  const isClosingRequested = useValuesSelector(_temp4);
+  let t0;
+  if ($[0] !== addDataListener || $[1] !== isClosingRequested || $[2] !== sendData || $[3] !== setResult) {
+    t0 = {
+      setResult,
+      sendData,
+      addDataListener,
+      isClosingRequested
+    };
+    $[0] = addDataListener;
+    $[1] = isClosingRequested;
+    $[2] = sendData;
+    $[3] = setResult;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
 };
 export const useDialogData = () => {
-  return useValuesSelector(v => {
-    var _v$dialog2;
-    return (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
-  });
-};
+  return useValuesSelector(_temp5);
+};
+function _temp(f) {
+  return f.setDialogResult;
+}
+function _temp2(f_0) {
+  return f_0.dispatchEventToDialogHost;
+}
+function _temp3(f_1) {
+  return f_1.addDialogHostEventListener;
+}
+function _temp4(v) {
+  var _v$dialog$isClosingRe, _v$dialog;
+  return (_v$dialog$isClosingRe = (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested) !== null && _v$dialog$isClosingRe !== void 0 ? _v$dialog$isClosingRe : false;
+}
+function _temp5(v) {
+  var _v$dialog2;
+  return (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
+}

package/dist/esm/hooks/useEnvironment.js

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

package/dist/esm/hooks/useFunctions.js

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

package/dist/esm/hooks/useIsAdminMode.js

@@ -1,5 +1,8 @@
 import { useValuesSelector } from './context';
-export const useIsAdminMode = () => useValuesSelector(v => {
+export const useIsAdminMode = () => {
+  return useValuesSelector(_temp);
+};
+function _temp(v) {
   var _v$isAdminModeActive;
   return (_v$isAdminModeActive = v.isAdminModeActive) !== null && _v$isAdminModeActive !== void 0 ? _v$isAdminModeActive : false;
-});
+}

package/dist/esm/hooks/useLanguage.js

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

package/dist/esm/hooks/usePages.js

@@ -1,24 +1,38 @@
+import { c as _c } from "react-compiler-runtime";
 import { moduleWrapper } from '../components/moduleWrapper';
 import { useValuesSelector } from './context';
-export const usePages = ({
-  siteId
-} = {
-  siteId: undefined
-}) => {
-  const pages = useValuesSelector(v => v.pages);
+export const usePages = t0 => {
+  const {
+    siteId
+  } = t0 === undefined ? {
+    siteId: undefined
+  } : t0;
+  const pages = useValuesSelector(_temp);
   if (siteId) {
     pages.filter(tapp => tapp.siteId === siteId);
   }
   return pages;
 };
-export const usePage = ({
-  id,
-  siteId
-}) => {
-  const pages = useValuesSelector(v => v.pages);
+export const usePage = t0 => {
+  const $ = _c(4);
+  const {
+    id,
+    siteId
+  } = t0;
+  const pages = useValuesSelector(_temp2);
   if (id) {
-    var _pages$find;
-    return (_pages$find = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find !== void 0 ? _pages$find : null;
+    let t1;
+    if ($[0] !== id || $[1] !== pages || $[2] !== siteId) {
+      var _pages$find;
+      t1 = (_pages$find = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find !== void 0 ? _pages$find : null;
+      $[0] = id;
+      $[1] = pages;
+      $[2] = siteId;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    return t1;
   }
   return null;
 };
@@ -39,4 +53,10 @@ export const getPage = ({
     return (_pages$find2 = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find2 !== void 0 ? _pages$find2 : null;
   }
   return (_pages$find3 = pages.find(x => x.id === currentPage.id && x.siteId === currentPage.siteId || !x.siteId)) !== null && _pages$find3 !== void 0 ? _pages$find3 : null;
-};
+};
+function _temp(v) {
+  return v.pages;
+}
+function _temp2(v) {
+  return v.pages;
+}

package/dist/esm/hooks/useParameters.js

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

package/dist/esm/hooks/useSite.js

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

package/dist/esm/hooks/useStyleSettings.js

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

package/dist/esm/hooks/useUser.js

@@ -1,3 +1,8 @@
 import { useValuesSelector } from './context';
 const empty = {};
-export const useUser = () => useValuesSelector(v => v.user || empty);
+export const useUser = () => {
+  return useValuesSelector(_temp);
+};
+function _temp(v) {
+  return v.user || empty;
+}

package/dist/esm/hooks/useValues.js

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

package/dist/esm/hooks/windowMetricsListener.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ScreenSize } from '../types/IChaynsReact';
 import { useFunctionsSelector } from './context';
@@ -13,30 +14,75 @@ export const useWindowMetricsListener = () => {
     };
   }, []);
 };
-export const useWindowMetrics = ({
-  enabled = true
-} = {}) => {
-  const [value, setValue] = useState({
-    bottomBarHeight: 0,
-    offsetTop: 0,
-    pageHeight: 0,
-    pageWidth: 0,
-    topBarHeight: 0,
-    windowHeight: 0,
-    pageSize: ScreenSize.XS
-  });
+export const useWindowMetrics = t0 => {
+  const $ = _c(10);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    enabled: t2
+  } = t1;
+  const enabled = t2 === undefined ? true : t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      bottomBarHeight: 0,
+      offsetTop: 0,
+      pageHeight: 0,
+      pageWidth: 0,
+      topBarHeight: 0,
+      windowHeight: 0,
+      pageSize: ScreenSize.XS
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const [value, setValue] = useState(t3);
   const addListener = useWindowMetricsListener();
-  const getWindowMetrics = useFunctionsSelector(f => f.getWindowMetrics);
-  useEffect(() => {
-    if (enabled) {
-      return addListener(v => {
-        setValue(v);
-      });
-    }
-    return undefined;
-  }, [enabled, addListener]);
-  useEffect(() => {
-    void getWindowMetrics().then(setValue);
-  }, [getWindowMetrics]);
+  const getWindowMetrics = useFunctionsSelector(_temp);
+  let t4;
+  let t5;
+  if ($[3] !== addListener || $[4] !== enabled) {
+    t4 = () => {
+      if (enabled) {
+        return addListener(v => {
+          setValue(v);
+        });
+      }
+    };
+    t5 = [enabled, addListener];
+    $[3] = addListener;
+    $[4] = enabled;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t4 = $[5];
+    t5 = $[6];
+  }
+  useEffect(t4, t5);
+  let t6;
+  let t7;
+  if ($[7] !== getWindowMetrics) {
+    t6 = () => {
+      getWindowMetrics().then(setValue);
+    };
+    t7 = [getWindowMetrics];
+    $[7] = getWindowMetrics;
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t6 = $[8];
+    t7 = $[9];
+  }
+  useEffect(t6, t7);
   return value;
-};
+};
+function _temp(f) {
+  return f.getWindowMetrics;
+}

package/dist/esm/host/ChaynsHost.js

@@ -1,90 +1,151 @@
-import React, { startTransition, useEffect, useState } from 'react';
+import { c as _c } from "react-compiler-runtime";
+import React, { useDeferredValue, useSyncExternalStore } from 'react';
 import HostIframe from './iframe/HostIframe';
 import ModuleHost from './module/ModuleHost';
-const ChaynsHost = ({
-  type,
-  iFrameProps,
-  functions,
-  customFunctions,
-  src,
-  iFrameRef = undefined,
-  loadingComponent = undefined,
-  system,
-  pages,
-  language,
-  isAdminModeActive,
-  site,
-  user,
-  currentPage,
-  device,
-  parameters,
-  customData,
-  environment,
-  preventStagingReplacement,
-  dialog,
-  styleSettings
-}) => {
-  const [isVisible, setIsVisible] = useState(type !== 'client-module' && (type !== 'server-module' || !!(system !== null && system !== void 0 && system.serverUrl)));
-  useEffect(() => {
-    if (isVisible) return;
-    if (typeof startTransition === 'function') {
-      startTransition(() => {
-        setIsVisible(true);
-      });
-    } else {
-      setIsVisible(true);
-    }
-  }, []);
+const subscribeToHydration = () => () => {};
+const ChaynsHost = t0 => {
+  const $ = _c(38);
+  const {
+    type,
+    iFrameProps,
+    functions,
+    customFunctions,
+    src,
+    iFrameRef: t1,
+    loadingComponent: t2,
+    system,
+    pages,
+    language,
+    isAdminModeActive,
+    site,
+    user,
+    currentPage,
+    device,
+    parameters,
+    customData,
+    environment,
+    preventStagingReplacement,
+    dialog,
+    styleSettings
+  } = t0;
+  const iFrameRef = t1 === undefined ? undefined : t1;
+  const loadingComponent = t2 === undefined ? undefined : t2;
+  const isInitiallyVisible = type !== "client-module" && (type !== "server-module" || !!(system !== null && system !== void 0 && system.serverUrl));
+  const isHydrated = useSyncExternalStore(subscribeToHydration, _temp, _temp2);
+  const isVisible = useDeferredValue(isInitiallyVisible || isHydrated);
   if (!isVisible) {
     return null;
   }
   switch (type) {
-    case 'client-iframe':
-    case 'server-iframe':
-      return React.createElement(HostIframe, {
-        iFrameRef: iFrameRef,
-        iFrameProps: iFrameProps,
-        pages: pages,
-        isAdminModeActive: isAdminModeActive,
-        site: site,
-        user: user,
-        device: device,
-        currentPage: currentPage,
-        functions: functions,
-        customFunctions: customFunctions,
-        src: src,
-        postForm: type === 'server-iframe',
-        language: language,
-        parameters: parameters,
-        environment: environment,
-        customData: customData,
-        preventStagingReplacement: preventStagingReplacement,
-        dialog: dialog,
-        styleSettings: styleSettings
-      });
-    case 'client-module':
-    case 'server-module':
-      return React.createElement(ModuleHost, {
-        system: system,
-        pages: pages,
-        isAdminModeActive: isAdminModeActive,
-        site: site,
-        user: user,
-        device: device,
-        currentPage: currentPage,
-        children: loadingComponent,
-        functions: functions,
-        customFunctions: customFunctions,
-        language: language,
-        parameters: parameters,
-        customData: customData,
-        environment: environment,
-        preventStagingReplacement: preventStagingReplacement,
-        dialog: dialog,
-        styleSettings: styleSettings
-      });
+    case "client-iframe":
+    case "server-iframe":
+      {
+        const t3 = type === "server-iframe";
+        let t4;
+        if ($[0] !== currentPage || $[1] !== customData || $[2] !== customFunctions || $[3] !== device || $[4] !== dialog || $[5] !== environment || $[6] !== functions || $[7] !== iFrameProps || $[8] !== iFrameRef || $[9] !== isAdminModeActive || $[10] !== language || $[11] !== pages || $[12] !== parameters || $[13] !== preventStagingReplacement || $[14] !== site || $[15] !== src || $[16] !== styleSettings || $[17] !== t3 || $[18] !== user) {
+          t4 = React.createElement(HostIframe, {
+            iFrameRef: iFrameRef,
+            iFrameProps: iFrameProps,
+            pages: pages,
+            isAdminModeActive: isAdminModeActive,
+            site: site,
+            user: user,
+            device: device,
+            currentPage: currentPage,
+            functions: functions,
+            customFunctions: customFunctions,
+            src: src,
+            postForm: t3,
+            language: language,
+            parameters: parameters,
+            environment: environment,
+            customData: customData,
+            preventStagingReplacement: preventStagingReplacement,
+            dialog: dialog,
+            styleSettings: styleSettings
+          });
+          $[0] = currentPage;
+          $[1] = customData;
+          $[2] = customFunctions;
+          $[3] = device;
+          $[4] = dialog;
+          $[5] = environment;
+          $[6] = functions;
+          $[7] = iFrameProps;
+          $[8] = iFrameRef;
+          $[9] = isAdminModeActive;
+          $[10] = language;
+          $[11] = pages;
+          $[12] = parameters;
+          $[13] = preventStagingReplacement;
+          $[14] = site;
+          $[15] = src;
+          $[16] = styleSettings;
+          $[17] = t3;
+          $[18] = user;
+          $[19] = t4;
+        } else {
+          t4 = $[19];
+        }
+        return t4;
+      }
+    case "client-module":
+    case "server-module":
+      {
+        let t3;
+        if ($[20] !== currentPage || $[21] !== customData || $[22] !== customFunctions || $[23] !== device || $[24] !== dialog || $[25] !== environment || $[26] !== functions || $[27] !== isAdminModeActive || $[28] !== language || $[29] !== loadingComponent || $[30] !== pages || $[31] !== parameters || $[32] !== preventStagingReplacement || $[33] !== site || $[34] !== styleSettings || $[35] !== system || $[36] !== user) {
+          t3 = React.createElement(ModuleHost, {
+            system: system,
+            pages: pages,
+            isAdminModeActive: isAdminModeActive,
+            site: site,
+            user: user,
+            device: device,
+            currentPage: currentPage,
+            children: loadingComponent,
+            functions: functions,
+            customFunctions: customFunctions,
+            language: language,
+            parameters: parameters,
+            customData: customData,
+            environment: environment,
+            preventStagingReplacement: preventStagingReplacement,
+            dialog: dialog,
+            styleSettings: styleSettings
+          });
+          $[20] = currentPage;
+          $[21] = customData;
+          $[22] = customFunctions;
+          $[23] = device;
+          $[24] = dialog;
+          $[25] = environment;
+          $[26] = functions;
+          $[27] = isAdminModeActive;
+          $[28] = language;
+          $[29] = loadingComponent;
+          $[30] = pages;
+          $[31] = parameters;
+          $[32] = preventStagingReplacement;
+          $[33] = site;
+          $[34] = styleSettings;
+          $[35] = system;
+          $[36] = user;
+          $[37] = t3;
+        } else {
+          t3 = $[37];
+        }
+        return t3;
+      }
     default:
-      return null;
+      {
+        return null;
+      }
   }
 };
-export default ChaynsHost;
+export default ChaynsHost;
+function _temp() {
+  return true;
+}
+function _temp2() {
+  return false;
+}

package/dist/esm/host/iframe/utils/useUpdateData.js

@@ -1,14 +1,30 @@
+import { c as _c } from "react-compiler-runtime";
 import { useEffect } from 'react';
 const useUpdateData = (target, type, value) => {
-  useEffect(() => {
-    if (target) {
-      target.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type,
-          value
-        }
-      }));
-    }
-  }, [target, type, value]);
+  const $ = _c(5);
+  let t0;
+  let t1;
+  if ($[0] !== target || $[1] !== type || $[2] !== value) {
+    t0 = () => {
+      if (target) {
+        target.dispatchEvent(new CustomEvent("data_update", {
+          detail: {
+            type,
+            value
+          }
+        }));
+      }
+    };
+    t1 = [target, type, value];
+    $[0] = target;
+    $[1] = type;
+    $[2] = value;
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    t0 = $[3];
+    t1 = $[4];
+  }
+  useEffect(t0, t1);
 };
 export default useUpdateData;