@dotcms/experiments 1.5.5-next.2293 → 1.5.5-next.2303

package/index.esm.js

@@ -1,7 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useEffect, useRef, useCallback } from 'react';
 import { UVE_MODE } from '@dotcms/types';
 import { getUVEState } from '@dotcms/uve';
-import { jsx } from 'react/jsx-runtime';
 import { jitsuClient } from '@jitsu/sdk-js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -562,6 +562,7 @@ var PROPER = EXISTS && (function something() { /* empty */ }).name === 'somethin
 var CONFIGURABLE = EXISTS && (!DESCRIPTORS$f || (DESCRIPTORS$f && getDescriptor(FunctionPrototype$1, 'name').configurable));
 
 var functionName = {
+  EXISTS: EXISTS,
   PROPER: PROPER,
   CONFIGURABLE: CONFIGURABLE
 };
@@ -1664,7 +1665,6 @@ const useExperimentVariant = data => {
     viewAs
   } = data;
   const variantId = viewAs == null ? void 0 : viewAs.variantId;
-
   // By default, wait for the variant
   const [shouldWaitForVariant, setShouldWaitForVariant] = useState(true);
   useEffect(() => {
@@ -1674,10 +1674,8 @@ const useExperimentVariant = data => {
       setShouldWaitForVariant(false);
       return;
     }
-
     // If variantId is not provided, show content and warn
     if (!variantId) {
-      // eslint-disable-next-line no-console
       console.warn('[DotExperiments] variantId is required but missing. ' + 'Please ensure the page data includes variantId in viewAs. ' + 'Showing content to prevent blank screen.');
       setShouldWaitForVariant(false);
       return;
@@ -1721,14 +1719,14 @@ const DotExperimentHandlingComponent = _ref => {
     shouldWaitForVariant
   } = useExperimentVariant(props.page);
   if (shouldWaitForVariant) {
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       style: {
         visibility: 'hidden'
       },
-      children: /*#__PURE__*/jsx(WrappedComponent, Object.assign({}, props))
+      children: jsx(WrappedComponent, Object.assign({}, props))
     });
   }
-  return /*#__PURE__*/jsx(WrappedComponent, Object.assign({}, props));
+  return jsx(WrappedComponent, Object.assign({}, props));
 };
 
 var NATIVE_BIND$1 = functionBindNative;
@@ -2383,7 +2381,9 @@ if (!set || !clear) {
 }
 
 var task$1 = {
-  set: set};
+  set: set,
+  clear: clear
+};
 
 var global$c = global$q;
 var DESCRIPTORS$8 = descriptors;
@@ -4281,7 +4281,6 @@ if (DESCRIPTORS$3 && !('size' in URLSearchParamsPrototype)) {
  *
  * @constant {string}
  */
-
 /**
  * The default variant name for an experiment.
  *
@@ -4289,14 +4288,12 @@ if (DESCRIPTORS$3 && !('size' in URLSearchParamsPrototype)) {
  * @constant
  */
 const EXPERIMENT_DEFAULT_VARIANT_NAME = 'DEFAULT';
-
 /**
  * The key used to store or retrieve the information in the SessionStore
  *
  * @constant {string}
  */
 const EXPERIMENT_QUERY_PARAM_KEY = 'variantName';
-
 /**
  * The key used to store or retrieve the information in the SessionStore
  * indicating whether an experiment has already been checked.
@@ -4304,7 +4301,6 @@ const EXPERIMENT_QUERY_PARAM_KEY = 'variantName';
  * @constant {string}
  */
 const EXPERIMENT_ALREADY_CHECKED_KEY = 'experimentAlreadyCheck';
-
 /**
  * EXPERIMENT_FETCH_EXPIRE_TIME is a constant that represents the name of the variable used to store
  * the expire time for experiment fetching. It is a string value 'experimentFetchExpireTime'.
@@ -4312,7 +4308,6 @@ const EXPERIMENT_ALREADY_CHECKED_KEY = 'experimentAlreadyCheck';
  * @constant {string}
  */
 const EXPERIMENT_FETCH_EXPIRE_TIME_KEY = 'experimentFetchExpireTime';
-
 /**
  * The duration in milliseconds for which data should be stored in the local storage.
  *
@@ -4322,7 +4317,6 @@ const EXPERIMENT_FETCH_EXPIRE_TIME_KEY = 'experimentFetchExpireTime';
  *
  */
 const LOCAL_STORAGE_TIME_DURATION_MILLISECONDS = 86400 * 1000;
-
 /**
  * API_EXPERIMENTS_URL
  *
@@ -4332,7 +4326,6 @@ const LOCAL_STORAGE_TIME_DURATION_MILLISECONDS = 86400 * 1000;
  * @constant
  */
 const API_EXPERIMENTS_URL = 'api/v1/experiments/isUserIncluded';
-
 /**
  * The name of the experiment database store in indexDB.
  *
@@ -4340,26 +4333,24 @@ const API_EXPERIMENTS_URL = 'api/v1/experiments/isUserIncluded';
  * @constant
  */
 const EXPERIMENT_DB_STORE_NAME = 'dotExperimentStore';
-
 /**
  * The path to the key in the database IndexDB representing the running experiment data.
  * @type {string}
  */
 const EXPERIMENT_DB_KEY_PATH = 'running_experiment';
-
 /**
  * Enumeration of debug levels.
  *
  * @enum {string}
  * @readonly
  */
-let DEBUG_LEVELS = /*#__PURE__*/function (DEBUG_LEVELS) {
+var DEBUG_LEVELS;
+(function (DEBUG_LEVELS) {
   DEBUG_LEVELS["NONE"] = "NONE";
   DEBUG_LEVELS["DEBUG"] = "DEBUG";
   DEBUG_LEVELS["WARN"] = "WARN";
   DEBUG_LEVELS["ERROR"] = "ERROR";
-  return DEBUG_LEVELS;
-}({});
+})(DEBUG_LEVELS || (DEBUG_LEVELS = {}));
 const PAGE_VIEW_EVENT_NAME = 'pageview';
 
 var $$6 = _export;
@@ -6280,7 +6271,6 @@ const parseDataForAnalytics = (experiments, location) => {
     }))
   };
 };
-
 /**
  * This utility function performs regular expression (regex) matching on a supplied URL.
  *
@@ -6302,7 +6292,6 @@ const verifyRegex = (regexToCheck, href) => {
     return false;
   }
 };
-
 /**
  * This function merges newly fetched data with the data stored from IndexedDB, preparing it for re-storage in IndexedDB.
  *
@@ -6342,7 +6331,6 @@ const parseData = (fetchExperiments, storedExperiments) => {
   }
   return dataToStorage;
 };
-
 /**
  * Retrieves the array of experiment IDs from the given AssignedExperiments..
  *
@@ -6350,7 +6338,6 @@ const parseData = (fetchExperiments, storedExperiments) => {
  * @param experiments
  */
 const getExperimentsIds = experiments => experiments.map(experiment => experiment.id) || [];
-
 /**
  * Sets the expire time for new experiments based on the current time.
  * The expire time is calculated by adding the expireMillis value of each experiment's lookBackWindow to the current time (Date.now()).
@@ -6366,7 +6353,6 @@ const addExpireTimeToExperiments = experiments => {
     })
   }));
 };
-
 /**
  * Returns an array of experiments that have not expired yet.
  *
@@ -6383,11 +6369,6 @@ const getUnexpiredExperiments = (experiments, excludedExperimentIdsEnded) => {
   });
 };
 
-/**
- * Represents the configuration for a database connection.
- * @interface
- */
-
 /**
  * The default version of the database.
  *
@@ -6395,7 +6376,6 @@ const getUnexpiredExperiments = (experiments, excludedExperimentIdsEnded) => {
  * @constant
  */
 const DB_DEFAULT_VERSION = 1;
-
 /**
  * The `DatabaseHandler` class offers specific methods to store and get data
  * from IndexedDB.
@@ -6413,7 +6393,6 @@ const DB_DEFAULT_VERSION = 1;
  * await DatabaseHandler.persistData(anAssignedExperiment);
  *
  */
-
 class IndexDBDatabaseHandler {
   constructor(config) {
     this.config = config;
@@ -6435,7 +6414,6 @@ class IndexDBDatabaseHandler {
       throw new Error("'db_key_path' is required in config");
     }
   }
-
   /**
    * Saves the provided data to indexDB.
    *
@@ -6457,7 +6435,6 @@ class IndexDBDatabaseHandler {
       };
     });
   }
-
   /**
    * Retrieves data from the database using a specific key.
    *
@@ -6474,7 +6451,6 @@ class IndexDBDatabaseHandler {
       request.onerror = () => reject(request.error);
     });
   }
-
   /**
    * Deletes all the data from the IndexedDB store.
    *
@@ -6491,7 +6467,6 @@ class IndexDBDatabaseHandler {
       request.onerror = () => reject(request.error);
     });
   }
-
   /**
    * Sets the flag indicating that the experiment has already been checked.
    *
@@ -6501,7 +6476,6 @@ class IndexDBDatabaseHandler {
   setFlagExperimentAlreadyChecked() {
     sessionStorage.setItem(EXPERIMENT_ALREADY_CHECKED_KEY, 'true');
   }
-
   /**
    * Sets the fetch expired time in the local storage.
    *
@@ -6511,7 +6485,6 @@ class IndexDBDatabaseHandler {
     const expireTime = Date.now() + LOCAL_STORAGE_TIME_DURATION_MILLISECONDS;
     localStorage.setItem(EXPERIMENT_FETCH_EXPIRE_TIME_KEY, expireTime.toString());
   }
-
   /**
    * Builds an error message based on the provided error object.
    * @param {DOMException | null} error - The error object to build the message from.
@@ -6526,7 +6499,6 @@ class IndexDBDatabaseHandler {
     }
     return errorMessage;
   }
-
   /**
    * Creates or opens a IndexedDB database with the specified version.
    *
@@ -6553,7 +6525,6 @@ class IndexDBDatabaseHandler {
       };
     });
   }
-
   /**
    * Retrieves the result of a database request from an Event object.
    *
@@ -6570,8 +6541,6 @@ class IndexDBDatabaseHandler {
  */
 class DotLogger {
   constructor(isDebug, packageName) {
-    this.isDebug = void 0;
-    this.packageName = void 0;
     this.isDebug = isDebug;
     this.packageName = packageName;
   }
@@ -6625,7 +6594,6 @@ const checkFlagExperimentAlreadyChecked = () => {
   const flag = sessionStorage.getItem(EXPERIMENT_ALREADY_CHECKED_KEY);
   return flag === 'true';
 };
-
 /**
  * Checks if the data needs to be invalidated based on the creation date.
  *
@@ -6643,7 +6611,6 @@ const isDataCreateValid = () => {
     return false;
   }
 };
-
 /**
  * Ad to an absolute path the baseUrl depending on the location.
  *
@@ -6665,7 +6632,6 @@ const isFullUrl = url => {
   const pattern = /^https?:\/\//i;
   return pattern.test(url);
 };
-
 /**
  * Updates the URL with the queryParam with the experiment variant name.
  *
@@ -6683,7 +6649,6 @@ const updateUrlWithExperimentVariant = (location, variant) => {
   }
   return url.toString();
 };
-
 /**
  * Check if two arrays of Experiment objects are equal.
  *
@@ -6697,7 +6662,6 @@ const objectsAreEqual = (obj1, obj2) => {
   }
   return JSON.stringify(obj1) === JSON.stringify(obj2);
 };
-
 /**
  * A function to redirect the user to a new URL.
  *
@@ -6734,27 +6698,11 @@ class DotExperiments {
      * @private
      */
     this.initializationPromise = null;
-    /**
-     * Represents the analytics client for Analytics.
-     * @private
-     */
-    this.analytics = void 0;
-    /**
-     * Class representing a database handler for IndexDB.
-     * @class
-     */
-    this.persistenceHandler = void 0;
     /**
      * Represents the stored data in the IndexedDB.
      * @private
      */
     this.experimentsAssigned = [];
-    /**
-     * A logger utility for logging messages.
-     *
-     * @class
-     */
-    this.logger = void 0;
     /**
      * Represents the current location.
      * @private
@@ -6777,7 +6725,6 @@ class DotExperiments {
     }
     this.logger = new DotLogger(this.config.debug, 'DotExperiment');
   }
-
   /**
    * Retrieves the array of experiments assigned to an instance of the class.
    *
@@ -6786,7 +6733,6 @@ class DotExperiments {
   get experiments() {
     return this.experimentsAssigned;
   }
-
   /**
    * Returns a custom redirect function. If a custom redirect function is not configured,
    * the default redirect function will be used.
@@ -6798,7 +6744,6 @@ class DotExperiments {
     var _this$config$redirect;
     return (_this$config$redirect = this.config.redirectFn) != null ? _this$config$redirect : defaultRedirectFn;
   }
-
   /**
    * Retrieves the current location.
    *
@@ -6807,7 +6752,6 @@ class DotExperiments {
   get location() {
     return this.currentLocation;
   }
-
   /**
    * Retrieves instance of DotExperiments class if it doesn't exist create a new one.
    * If the instance does not exist, it creates a new instance with the provided configuration and calls the `getExperimentData` method.
@@ -6828,7 +6772,6 @@ class DotExperiments {
     }
     return DotExperiments.instance;
   }
-
   /**
    * Waits for the initialization process to be completed.
    *
@@ -6838,7 +6781,6 @@ class DotExperiments {
     var _this$initializationP;
     return (_this$initializationP = this.initializationPromise) != null ? _this$initializationP : Promise.resolve();
   }
-
   /**
    * This method appends variant parameters to navigation links based on the provided navClass.
    *
@@ -6882,7 +6824,6 @@ class DotExperiments {
       });
     }
   }
-
   /**
    * Retrieves the current debug status.
    *
@@ -6892,7 +6833,6 @@ class DotExperiments {
   getIsDebugActive() {
     return this.config.debug;
   }
-
   /**
    * Updates the current location and checks if a variant should be applied.
    * Redirects to the variant URL if necessary.
@@ -6929,7 +6869,6 @@ class DotExperiments {
     this.logger.timeEnd('Total location changed');
     this.logger.groupEnd();
   }
-
   /**
    * Tracks a page view event in the analytics system.
    *
@@ -6939,7 +6878,6 @@ class DotExperiments {
     this.track(PAGE_VIEW_EVENT_NAME);
     this.prevLocation = this.currentLocation.href;
   }
-
   /**
    * This method is used to retrieve the variant associated with a given URL.
    *
@@ -6958,7 +6896,6 @@ class DotExperiments {
     });
     return (experiment == null ? void 0 : experiment.variant) || null;
   }
-
   /**
    * Returns the experiment variant name as a URL search parameter.
    *
@@ -6981,7 +6918,6 @@ class DotExperiments {
     }
     return new URLSearchParams(params);
   }
-
   /**
    * Determines whether a page view should be tracked.
    *
@@ -6997,7 +6933,6 @@ class DotExperiments {
       this.logger.log(`No send pageView. No experiments to track.`);
       return false;
     }
-
     // If the previous location is the same as the current location, we don't need to track the page view
     if (this.prevLocation === this.currentLocation.href) {
       this.logger.log(`No send pageView. Same location.`);
@@ -7005,7 +6940,6 @@ class DotExperiments {
     }
     return true;
   }
-
   /**
    * Tracks an event using the analytics service.
    *
@@ -7018,7 +6952,6 @@ class DotExperiments {
       this.logger.log(`${typeName} event sent`);
     });
   }
-
   /**
    * Initializes the application using lazy initialization. This method performs
    * necessary setup steps and should be invoked to ensure proper execution of the application.
@@ -7051,7 +6984,6 @@ class DotExperiments {
       }();
     }
   }
-
   /**
    * Fetches experiments from the server.
    *
@@ -7097,7 +7029,6 @@ class DotExperiments {
       this.logger.groupEnd();
     }
   }
-
   /**
    * This method is responsible for retrieving and persisting experiment data from the server to the local indexDB database.
    *
@@ -7120,13 +7051,11 @@ class DotExperiments {
         experiments: []
       };
       const storedExperiments = this.experimentsAssigned ? this.experimentsAssigned : [];
-
       // Checks whether fetching experiment data from the server is necessary.
       if (this.shouldFetchNewData()) {
         fetchedExperiments = await this.getExperimentsFromServer();
       }
       const dataToPersist = parseData(fetchedExperiments, storedExperiments);
-
       // If my stored data is equal to my parsed data, I don't need to persist again
       if (!objectsAreEqual(dataToPersist, storedExperiments)) {
         this.experimentsAssigned = await this.persistExperiments(dataToPersist);
@@ -7136,7 +7065,6 @@ class DotExperiments {
       throw Error(`Error persisting experiments to indexDB, ${e}`);
     }
   }
-
   /**
    * Persists the parsed experiment data into the indexDB database.
    *
@@ -7175,7 +7103,6 @@ class DotExperiments {
       this.logger.groupEnd();
     }
   }
-
   /**
    * Initializes the database handler.
    *
@@ -7191,7 +7118,6 @@ class DotExperiments {
       db_key_path: EXPERIMENT_DB_KEY_PATH
     });
   }
-
   /**
    * Initializes the Jitsu analytics client.
    *
@@ -7215,7 +7141,6 @@ class DotExperiments {
       this.logger.log(`Error creating/updating analytics client: ${error}`);
     }
   }
-
   /**
    * Updates the analytics client's data using the experiments data
    * currently available in the IndexDB database, based on the current location.
@@ -7244,14 +7169,12 @@ class DotExperiments {
       });
       this.logger.log('No experiments data available to update analytics client.');
     }
-
     // trigger the page view event
     if (this.shouldTrackPageView()) {
       this.trackPageView();
       return;
     }
   }
-
   /**
    * Determines whether analytics should be checked.
    *
@@ -7275,7 +7198,6 @@ class DotExperiments {
     this.logger.log(`Not should Check Analytics by now...`);
     return false;
   }
-
   /**
    * Retrieves persisted data from the database.
    *
@@ -7302,11 +7224,6 @@ class DotExperiments {
     return storedData;
   }
 }
-/**
- * The instance of the DotExperiments class.
- * @private
- */
-DotExperiments.instance = void 0;
 /**
  * Represents the default configuration for the DotExperiment library.
  * @property {boolean} trackPageView - Specifies whether to track page view or not. Default value is true.
@@ -7349,7 +7266,6 @@ const useExperiments = instance => {
       }
     }
   }, [instance]);
-
   /**
    * This effect sets a click handler on the document.
    * It captures click events and redirects to a new URL if the clicked anchor has a variant assigned,
@@ -7367,23 +7283,19 @@ const useExperiments = instance => {
       const clickedHref = target.getAttribute('href');
       if (clickedHref) {
         const modifiedUrl = new URL(clickedHref, instance.location.href);
-
         // Remove the experiment query param from the URL
         modifiedUrl.searchParams.delete(EXPERIMENT_QUERY_PARAM_KEY);
         event.preventDefault();
-
         // Get the variant from the href of the clicked anchor
         const variant = instance.getVariantFromHref(clickedHref);
         if (variant && variant.name !== EXPERIMENT_DEFAULT_VARIANT_NAME) {
           // Set the experiment query param in the URL if the variant is not the default one
           modifiedUrl.searchParams.set(EXPERIMENT_QUERY_PARAM_KEY, variant.name);
         }
-
         // Redirect to the new URL using the custom redirect function
         instance.customRedirectFn(modifiedUrl.toString());
       }
     };
-
     // Register the click handler to all elements in the document
     document.addEventListener('click', customClickHandler);
     return () => {
@@ -7407,10 +7319,8 @@ const DotExperimentsProvider = ({
   config
 }) => {
   const [instance, setInstance] = useState(null);
-
   // Run Experiments detection
   useExperiments(instance);
-
   // Initialize the DotExperiments instance
   useEffect(() => {
     var _getUVEState;
@@ -7426,7 +7336,7 @@ const DotExperimentsProvider = ({
       }
     }
   }, [config]);
-  return /*#__PURE__*/jsx(DotExperimentsContext.Provider, {
+  return jsx(DotExperimentsContext.Provider, {
     value: instance,
     children: children
   });
@@ -7457,7 +7367,6 @@ function shallowEqual(objA, objB) {
   }
   return true;
 }
-
 /**
  * Memoizes an object and returns the memoized object.
  * Mantaing the same reference if the object is the same independently if is called inside any component.
@@ -7490,9 +7399,9 @@ const withExperiments = (WrappedComponent, config) => {
   // in each render, causing the experiment handling to be reinitialized.
   const memoizedConfig = useMemoizedObject(config);
   return useCallback(props => {
-    return /*#__PURE__*/jsx(DotExperimentsProvider, {
+    return jsx(DotExperimentsProvider, {
       config: memoizedConfig,
-      children: /*#__PURE__*/jsx(DotExperimentHandlingComponent, Object.assign({}, props, {
+      children: jsx(DotExperimentHandlingComponent, Object.assign({}, props, {
         WrappedComponent: WrappedComponent
       }))
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/experiments",
-  "version": "1.5.5-next.2293",
+  "version": "1.5.5-next.2303",
   "description": "Official JavaScript library to use Experiments with DotCMS.",
   "repository": {
     "type": "git",

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/components/withExperiments';

package/src/lib/components/DotExperimentHandlingComponent.d.ts

@@ -0,0 +1,20 @@
+import { DotCMSLayoutBodyProps } from '@dotcms/react';
+interface ExperimentHandlingProps extends DotCMSLayoutBodyProps {
+    WrappedComponent: React.ComponentType<DotCMSLayoutBodyProps>;
+}
+/**
+ * A React functional component that conditionally renders a WrappedComponent based on the
+ * experiment variant state. It uses the `useExperimentVariant` hook to determine if there's a
+ * variant mismatch. If the current variant does not match the assigned variant, it temporarily
+ * hides the WrappedComponent by rendering it with `visibility: hidden`. Once the correct variant
+ * is confirmed, it renders the WrappedComponent normally.
+ *
+ * @param {React.ComponentType<DotcmsPageProps>} WrappedComponent - The React component that will be
+ *        conditionally rendered based on the experiment variant.
+ * @param {DotcmsPageProps} props - Props expected by the WrappedComponent, along with any additional
+ *        props that extend from DotcmsPageProps.
+ * @returns {React.ReactElement} A React element that either renders the WrappedComponent hidden or visible
+ *          based on the experiment variant.
+ */
+export declare const DotExperimentHandlingComponent: React.FC<ExperimentHandlingProps>;
+export {};

package/src/lib/components/DotExperimentsProvider.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement, ReactNode } from 'react';
+import { DotExperimentConfig } from '../shared/models';
+interface DotExperimentsProviderProps {
+    children?: ReactNode;
+    config: DotExperimentConfig;
+}
+/**
+ * Internal React context provider used by `withExperiments`.
+ *
+ * @internal Do not import or use directly — use `withExperiments` from the package entry point.
+ *
+ * @param props.children - Descendants that need access to the `DotExperiments` instance.
+ * @param props.config - Configuration object for `DotExperiments`.
+ * @returns The provider component.
+ */
+export declare const DotExperimentsProvider: ({ children, config }: DotExperimentsProviderProps) => ReactElement;
+export {};

package/src/lib/components/withExperiments.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import { DotCMSLayoutBodyProps } from '@dotcms/react';
+import { DotExperimentConfig } from '../shared/models';
+export interface PageProviderProps {
+    readonly entity: any;
+    readonly children: ReactNode;
+}
+/**
+ * Wraps a given component with experiment handling capabilities using the 'useExperimentVariant' hook.
+ * This HOC checks if the entity's assigned experiment variant differs from the currently displayed variant.
+ * If they differ, the content is hidden until the correct variant is displayed. Once the assigned variant
+ * matches the displayed variant, the content of the WrappedComponent is shown.
+ *
+ * @param {React.ComponentType<DotcmsPageProps>} WrappedComponent - The component to be enhanced.
+ * @param {DotExperimentConfig} config - Configuration for experiment handling, including any necessary
+ *        redirection functions or other settings.
+ * @returns {React.FunctionComponent<DotcmsPageProps>} A component that wraps the original component,
+ *          adding experiment handling based on the specified configuration.
+ */
+export declare const withExperiments: (WrappedComponent: React.ComponentType<DotCMSLayoutBodyProps>, config: DotExperimentConfig) => (props: DotCMSLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;