chayns-api 3.0.0 → 3.1.0-beta.0

package/dist/cjs/calls/index.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setCustomCookie = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.removeAccessTokenChangeListener = exports.refreshData = exports.refreshAccessToken = exports.redirect = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokePaymentCall = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getStyleSettings = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDialogData = exports.getDevice = exports.getCustomFunction = exports.getCustomCookie = exports.getCurrentPage = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = exports.addAccessTokenChangeListener = void 0;
+exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setCustomCookie = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.removeAccessTokenChangeListener = exports.refreshData = exports.refreshAccessToken = exports.redirect = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokePaymentCall = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getStyleSettings = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDialogData = exports.getDevice = exports.getCustomFunction = exports.getCustomCookie = exports.getCurrentPage = exports.getChaynsHistoryLayer = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = exports.addAccessTokenChangeListener = void 0;
 var _moduleWrapper = require("../components/moduleWrapper");
+var _HistoryLayerContext = require("../contexts/HistoryLayerContext");
 const addGeoLocationListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addGeoLocationListener(...args);
 exports.addGeoLocationListener = addGeoLocationListener;
 const addScrollListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addScrollListener(...args);
@@ -115,6 +116,8 @@ const addAnonymousAccount = () => _moduleWrapper.moduleWrapper.current.functions
 exports.addAnonymousAccount = addAnonymousAccount;
 const getUser = () => _moduleWrapper.moduleWrapper.current.values.user;
 exports.getUser = getUser;
+const getChaynsHistoryLayer = () => (0, _HistoryLayerContext.getCurrentChaynsHistoryLayer)();
+exports.getChaynsHistoryLayer = getChaynsHistoryLayer;
 const getSite = () => _moduleWrapper.moduleWrapper.current.values.site;
 exports.getSite = getSite;
 const getCurrentPage = () => _moduleWrapper.moduleWrapper.current.values.currentPage;

package/dist/cjs/calls/visibilityChangeListener.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeVisibilityChangeListener = exports.addVisibilityChangeListener = void 0;
-var _apiListenerHelper = require("../helper/apiListenerHelper");
+var _apiListener = require("../utils/apiListener");
 const key = 'visibilityChangeListener';
 const handleVisibilityChange = () => {
-  (0, _apiListenerHelper.dispatchApiEvent)(key, {
+  (0, _apiListener.dispatchApiEvent)(key, {
     isVisible: !document.hidden
   });
 };
@@ -15,7 +15,7 @@ const addVisibilityChangeListener = callback => {
   const {
     id,
     shouldInitialize
-  } = (0, _apiListenerHelper.addApiListener)(key, callback);
+  } = (0, _apiListener.addApiListener)(key, callback);
   if (shouldInitialize) {
     document.addEventListener('visibilitychange', handleVisibilityChange);
   }
@@ -23,7 +23,7 @@ const addVisibilityChangeListener = callback => {
 };
 exports.addVisibilityChangeListener = addVisibilityChangeListener;
 const removeVisibilityChangeListener = id => {
-  const shouldRemove = (0, _apiListenerHelper.removeApiListener)(key, id);
+  const shouldRemove = (0, _apiListener.removeApiListener)(key, id);
   if (shouldRemove) {
     document.removeEventListener('addVisibilityChangeListener', handleVisibilityChange);
   }

package/dist/cjs/components/ChaynsProvider.js

@@ -9,13 +9,15 @@ var _htmlescape = _interopRequireDefault(require("htmlescape"));
 var _react = _interopRequireWildcard(require("react"));
 var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect");
 var _IChaynsReact = require("../types/IChaynsReact");
-var _deviceHelper = _interopRequireDefault(require("../util/deviceHelper"));
+var _deviceHelper = _interopRequireDefault(require("../utils/deviceHelper"));
 var _AppWrapper = require("../wrapper/AppWrapper");
 var _FrameWrapper = require("../wrapper/FrameWrapper");
 var _ModuleFederationWrapper = require("../wrapper/ModuleFederationWrapper");
 var _SsrWrapper = require("../wrapper/SsrWrapper");
 var _ChaynsContext = require("./ChaynsContext");
 var _moduleWrapper = require("./moduleWrapper");
+var _HistoryLayerContext = require("../contexts/HistoryLayerContext");
+var _rootLayer = require("../utils/history/rootLayer");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const isServer = typeof window === 'undefined';
@@ -67,11 +69,18 @@ const ChaynsProvider = ({
   customFunctions,
   renderedByServer,
   isModule,
-  chaynsApiId
+  chaynsApiId,
+  historyLayer,
+  history,
+  isHistoryDisabled,
+  segmentCount
 }) => {
-  var _ref, _crypto, _customWrapper$curren, _customWrapper$curren2;
+  var _ref, _crypto, _customWrapper$curren, _customWrapper$curren3, _customWrapper$curren4;
   const customWrapper = (0, _react.useRef)(null);
   const idRef = (0, _react.useRef)((_ref = chaynsApiId !== null && chaynsApiId !== void 0 ? chaynsApiId : (_crypto = crypto) === null || _crypto === void 0 ? void 0 : _crypto.randomUUID()) !== null && _ref !== void 0 ? _ref : Math.random().toString());
+  const contextLayer = (0, _HistoryLayerContext.useChaynsHistoryLayerContext)();
+  const parentLayerRef = (0, _react.useRef)(contextLayer);
+  const rootLayerRef = (0, _react.useRef)(null);
   if (!customWrapper.current) {
     if (isModule) {
       if (data && functions) {
@@ -99,9 +108,10 @@ const ChaynsProvider = ({
       customWrapper.current.chaynsApiId = idRef.current;
     }
   }
+  const [effectiveLayer, setEffectiveLayer] = (0, _react.useState)(historyLayer !== null && historyLayer !== void 0 ? historyLayer : null);
   const [isInitialized, setIsInitialized] = (0, _react.useState)(!!((_customWrapper$curren = customWrapper.current) !== null && _customWrapper$curren !== void 0 && _customWrapper$curren.values));
   (0, _react.useEffect)(() => {
-    void (async () => {
+    void (async (_customWrapper$curren2, _ref2) => {
       await customWrapper.current.init();
       customWrapper.current.addDataListener(({
         type,
@@ -109,6 +119,15 @@ const ChaynsProvider = ({
       }) => {
         customWrapper.current.emitChange();
       });
+      parentLayerRef.current = (_customWrapper$curren2 = customWrapper.current.functions.getHistoryLayer()) !== null && _customWrapper$curren2 !== void 0 ? _customWrapper$curren2 : contextLayer;
+      if (!rootLayerRef.current && !historyLayer && !parentLayerRef.current) {
+        rootLayerRef.current = (0, _rootLayer.getOrInitRootChaynsHistoryLayer)(history === null || history === void 0 ? void 0 : history.url, history === null || history === void 0 ? void 0 : history.segmentCount).rootLayer;
+      }
+      const layer = (_ref2 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : parentLayerRef.current) !== null && _ref2 !== void 0 ? _ref2 : rootLayerRef.current;
+      if (typeof segmentCount === 'number' && layer.getSegmentCount() !== segmentCount) {
+        layer.setSegmentCount(segmentCount);
+      }
+      setEffectiveLayer(layer);
       if (!isInitialized) {
         setIsInitialized(true);
       }
@@ -133,10 +152,19 @@ const ChaynsProvider = ({
       (0, _moduleWrapper.removeModuleWrapper)(id, customWrapper.current);
     };
   }, []);
+  let isDisabled = Boolean((_customWrapper$curren3 = customWrapper.current.values) === null || _customWrapper$curren3 === void 0 ? void 0 : _customWrapper$curren3.isHistoryDisabled);
+  if (typeof isHistoryDisabled === 'boolean' && !isDisabled) {
+    isDisabled = isHistoryDisabled;
+  }
+  if ((historyLayer === null || historyLayer === void 0 ? void 0 : historyLayer.id) === 'root') {
+    isDisabled = false;
+  }
   return _react.default.createElement(_react.default.Fragment, null, isInitialized && _react.default.createElement(_ChaynsContext.ChaynsContext.Provider, {
     value: customWrapper.current
-  }, children), _react.default.createElement(InitialDataProvider, {
-    data: (_customWrapper$curren2 = customWrapper.current) === null || _customWrapper$curren2 === void 0 ? void 0 : _customWrapper$curren2.values,
+  }, effectiveLayer && !isDisabled ? _react.default.createElement(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
+    layer: effectiveLayer
+  }, children) : children), _react.default.createElement(InitialDataProvider, {
+    data: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.values,
     renderedByServer: renderedByServer
   }));
 };

package/dist/cjs/components/withHydrationBoundary.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../constants");
+var _contexts = require("../contexts");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 withHydrationBoundary(Component, initializer, useHydrationId, useProps) {
@@ -17,7 +17,7 @@ function withHydrationBoundary(Component, initializer, useHydrationId, useProps)
   }) => {
     let value;
     if (!globalThis.window) {
-      value = (0, _react.useContext)(_constants.HydrationContext);
+      value = (0, _react.useContext)(_contexts.HydrationContext);
     }
     const id = useHydrationId ? useHydrationId() : idProp;
     const props = useProps ? useProps(rest) : undefined;

package/dist/cjs/constants/index.js

@@ -3,17 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _hydrationContext = require("./hydrationContext");
-Object.keys(_hydrationContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _hydrationContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hydrationContext[key];
-    }
-  });
-});
 var _DefaultLoginDialogOptions = require("./DefaultLoginDialogOptions");
 Object.keys(_DefaultLoginDialogOptions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,15 +13,4 @@ Object.keys(_DefaultLoginDialogOptions).forEach(function (key) {
       return _DefaultLoginDialogOptions[key];
     }
   });
-});
-var _moduleContext = require("./moduleContext");
-Object.keys(_moduleContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _moduleContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _moduleContext[key];
-    }
-  });
 });

package/dist/cjs/contexts/HistoryLayerContext.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChaynsHistoryLayerProvider = exports.ChaynsHistoryLayerOverrideProvider = void 0;
+exports.getCurrentChaynsHistoryLayer = getCurrentChaynsHistoryLayer;
+exports.popChaynsHistoryLayer = popChaynsHistoryLayer;
+exports.pushChaynsHistoryLayer = pushChaynsHistoryLayer;
+exports.useChaynsHistoryLayerContext = useChaynsHistoryLayerContext;
+var _reactCompilerRuntime = require("react-compiler-runtime");
+var _react = _interopRequireWildcard(require("react"));
+var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const _layerStack = [];
+function pushChaynsHistoryLayer(layer) {
+  _layerStack.push(layer);
+}
+function popChaynsHistoryLayer(layer) {
+  const index = _layerStack.lastIndexOf(layer);
+  if (index > -1) {
+    _layerStack.splice(index, 1);
+  }
+}
+function getCurrentChaynsHistoryLayer() {
+  return _layerStack.length > 0 ? _layerStack[_layerStack.length - 1] : null;
+}
+const ChaynsHistoryLayerContext = (0, _react.createContext)(null);
+ChaynsHistoryLayerContext.displayName = 'ChaynsHistoryLayerContext';
+const ChaynsHistoryLayerProvider = t0 => {
+  const $ = (0, _reactCompilerRuntime.c)(6);
+  const {
+    layer,
+    children
+  } = t0;
+  let t1;
+  let t2;
+  if ($[0] !== layer) {
+    t1 = () => {
+      pushChaynsHistoryLayer(layer);
+      return () => popChaynsHistoryLayer(layer);
+    };
+    t2 = [layer];
+    $[0] = layer;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(t1, t2);
+  let t3;
+  if ($[3] !== children || $[4] !== layer) {
+    t3 = _react.default.createElement(ChaynsHistoryLayerContext.Provider, {
+      value: layer
+    }, children);
+    $[3] = children;
+    $[4] = layer;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
+};
+exports.ChaynsHistoryLayerProvider = ChaynsHistoryLayerProvider;
+const ChaynsHistoryLayerOverrideProvider = t0 => {
+  const $ = (0, _reactCompilerRuntime.c)(3);
+  const {
+    layer,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== layer) {
+    t1 = _react.default.createElement(ChaynsHistoryLayerContext.Provider, {
+      value: layer
+    }, children);
+    $[0] = children;
+    $[1] = layer;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+exports.ChaynsHistoryLayerOverrideProvider = ChaynsHistoryLayerOverrideProvider;
+function useChaynsHistoryLayerContext() {
+  return (0, _react.useContext)(ChaynsHistoryLayerContext);
+}
+var _default = exports.default = ChaynsHistoryLayerContext;

package/dist/cjs/contexts/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _hydrationContext = require("./hydrationContext");
+Object.keys(_hydrationContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hydrationContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hydrationContext[key];
+    }
+  });
+});
+var _moduleContext = require("./moduleContext");
+Object.keys(_moduleContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _moduleContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _moduleContext[key];
+    }
+  });
+});
+var _HistoryLayerContext = require("./HistoryLayerContext");
+Object.keys(_HistoryLayerContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HistoryLayerContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HistoryLayerContext[key];
+    }
+  });
+});

package/dist/cjs/handler/history/FrameHistoryLayer.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FrameHistoryLayer = void 0;
+var _EventBus = require("../../utils/EventBus");
+var _equality = require("../../utils/equality");
+var _segments = require("../../utils/history/segments");
+class FrameHistoryLayer {
+  bus = new _EventBus.EventBus();
+  constructor(bridge, initial) {
+    this.id = initial.id;
+    this.depth = initial.depth;
+    this._segments = (0, _segments.normalizeHistorySegments)(initial.segments);
+    this._params = initial.params;
+    this._hash = initial.hash;
+    this._state = initial.state;
+    this._activeChildId = initial.activeChildId;
+    this._segmentCount = initial.segmentCount;
+    this.bridge = bridge;
+  }
+  getSegmentCount() {
+    return this._segmentCount;
+  }
+  setSegmentCount(n) {
+    if (n === this._segmentCount) {
+      return;
+    }
+    this._segmentCount = n;
+    void this.bridge.setSegmentCount(n);
+  }
+  createChildLayer(_id) {
+    throw new Error('[chaynsHistory] FrameHistoryLayer does not support createChildLayer. ' + 'Manage sub-routing within the iframe with a local initRootChaynsHistoryLayer.');
+  }
+  destroyChildLayer(_id) {}
+  setActiveChild(id, init) {
+    return this.bridge.setActiveChild(id, init);
+  }
+  getActiveChildId() {
+    return this._activeChildId;
+  }
+  getChildLayer(_id) {
+    return undefined;
+  }
+  getRoute() {
+    return [...this._segments];
+  }
+  setRoute(route, opts) {
+    const normalizedRoute = (0, _segments.normalizeHistoryRouteInput)(route);
+    if ((0, _equality.shallowEqualArr)(this._segments, normalizedRoute)) {
+      return;
+    }
+    void this.bridge.setRoute(normalizedRoute, opts);
+  }
+  getParams() {
+    return {
+      ...this._params
+    };
+  }
+  setParams(params, opts) {
+    void this.bridge.setParams(params, opts);
+  }
+  getHash() {
+    return this._hash;
+  }
+  setHash(hash, opts) {
+    void this.bridge.setHash(hash, opts);
+  }
+  getState() {
+    return this._state;
+  }
+  setState(state, opts) {
+    void this.bridge.setState(state, opts);
+  }
+  navigate(opts) {
+    return this.bridge.navigate(opts);
+  }
+  addBlock(callback, opts) {
+    let removeFn = null;
+    void this.bridge.addBlock(callback, opts).then(fn => {
+      removeFn = fn;
+    });
+    return () => {
+      var _removeFn;
+      return (_removeFn = removeFn) === null || _removeFn === void 0 ? void 0 : _removeFn();
+    };
+  }
+  addEventListener(type, handler) {
+    return this.bus.on(type, handler);
+  }
+  _applyAndEmit(e) {
+    this._segments = (0, _segments.normalizeHistorySegments)(e.segments);
+    this._params = e.params;
+    this._hash = e.hash;
+    this._state = e.state;
+    this.bus.emit(e.type, e);
+  }
+}
+exports.FrameHistoryLayer = FrameHistoryLayer;