@shopgate/engage 7.30.4-beta.1 → 7.31.0-alpha.1

package/core/hooks/events/usePressHandler.d.ts

@@ -0,0 +1,53 @@
+export default usePressHandler;
+export type PressHandlers = {
+    /**
+     * - Click event handler.
+     */
+    onClick: Function;
+    /**
+     * - Keydown handler for Enter/Space.
+     */
+    onKeyDown: Function;
+};
+/**
+ * @typedef {Object} PressHandlers
+ * @property {Function} onClick - Click event handler.
+ * @property {Function} onKeyDown - Keydown handler for Enter/Space.
+ */
+/**
+ * Improves development for accessibility by simplifying registration of multiple
+ * listeners (click, Enter, Space) to invoke the a callback when an element is
+ * interacted with.
+ *
+ * @param {Function} onPress Callback to run when the element is interacted with
+ * @param {Object} [options] Optional configuration
+ * @param {boolean} [options.triggerOnSpace=true] Whether Space triggers onActivate
+ * @param {boolean} [options.triggerOnEnter=false] Whether Enter triggers onActivate
+ * @returns {PressHandlers} handlers - Event handlers to spread onto an element
+ *
+ * @example
+ * ```js
+ * function MyPressableButton({ onActivate }) {
+ *   // Only Enter will trigger activation; Space is disabled
+ *   const handlers = usePressHandler(onActivate, {
+ *     triggerOnEnter: true,
+ *     triggerOnSpace: false,
+ *   })
+ * //
+ *   return (
+ *     <div
+ *       {...handlers}
+ *       role="button"
+ *       tabIndex={0}
+ *     >
+ *       Press Me (Enter only)
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+declare function usePressHandler(onPress: Function, options?: {
+    triggerOnSpace?: boolean | undefined;
+    triggerOnEnter?: boolean | undefined;
+}): PressHandlers;
+//# sourceMappingURL=usePressHandler.d.ts.map

package/core/hooks/events/usePressHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePressHandler.d.ts","sourceRoot":"","sources":["../../../../core/hooks/events/usePressHandler.js"],"names":[],"mappings":";;;;;;;;;;;AAEA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,8DAzBG;IAA0B,cAAc;IACd,cAAc;CACxC,GAAU,aAAa,CA2DzB"}

package/core/hooks/html/index.d.ts

@@ -0,0 +1,2 @@
+export { useLoadImage } from "./useLoadImage";
+//# sourceMappingURL=index.d.ts.map

package/core/hooks/html/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/hooks/html/index.js"],"names":[],"mappings":""}

package/core/hooks/html/useLoadImage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Load image hook
+ * @param {string} src .
+ * @returns {boolean}
+ */
+export function useLoadImage(src: string): boolean;
+//# sourceMappingURL=useLoadImage.d.ts.map

package/core/hooks/html/useLoadImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadImage.d.ts","sourceRoot":"","sources":["../../../../core/hooks/html/useLoadImage.js"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,kCAHW,MAAM,GACJ,OAAO,CAUnB"}

package/core/hooks/index.d.ts

@@ -0,0 +1,19 @@
+export * from "./layout";
+export * from "./events";
+export * from "./html";
+export { useAsyncMemo } from "./useAsyncMemo";
+export { useRoute } from "./useRoute";
+export { useTheme } from "./useTheme";
+export { useApp } from "./useApp";
+export { useCurrentProduct } from "./useCurrentProduct";
+export { useNavigation } from "./useNavigation";
+export { usePageConfig } from "./usePageConfig";
+export { usePageSettings } from "./usePageSettings";
+export { useWidgetConfig } from "./useWidgetConfig";
+export { useWidgetSettings } from "./useWidgetSettings";
+export { useWidgetStyles } from "./useWidgetStyles";
+export { usePrevious } from "./usePrevious";
+export { default as useLocalStorage } from "./useLocalStorage";
+export { useResponsiveValue } from "@shopgate/engage/components/ResponsiveContainer/hooks";
+export { useThemeResources, useThemeComponents, useThemeWidgets } from "./useThemeResources";
+//# sourceMappingURL=index.d.ts.map

package/core/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/hooks/index.js"],"names":[],"mappings":""}

package/core/hooks/layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useElementSize } from "./useElementSize";
+//# sourceMappingURL=index.d.ts.map

package/core/hooks/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/hooks/layout/index.js"],"names":[],"mappings":""}

package/core/hooks/useApp.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Provides the properties of the app context.
+ * @returns {Object}
+ */
+export function useApp(): Object;
+//# sourceMappingURL=useApp.d.ts.map

package/core/hooks/useApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApp.d.ts","sourceRoot":"","sources":["../../../core/hooks/useApp.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,0BAFa,MAAM,CAKlB"}

package/core/hooks/useAsyncMemo.d.ts

@@ -0,0 +1,12 @@
+/**
+ * General purpose hook that allow a `React.useMemo` hook with
+ * extended async support. The output contains the output value
+ * from promise and a potential error object.
+ * @param {Function} asyncFunction The function that will be executed to generate memoized output.
+ * @param {Array} asyncFunctionDependencies
+ *  A list of dependencies (same behavior as with `React.useMemo`)
+ * @param {any} initialValue The initial value that is set before promise is fulfilled.
+ * @returns {Array}
+ */
+export function useAsyncMemo(asyncFunction: Function, asyncFunctionDependencies?: any[], initialValue?: any): any[];
+//# sourceMappingURL=useAsyncMemo.d.ts.map

package/core/hooks/useAsyncMemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncMemo.d.ts","sourceRoot":"","sources":["../../../core/hooks/useAsyncMemo.js"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wGAHW,GAAG,SA6Bb"}

package/core/hooks/useCurrentProduct.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Provides the current product context props.
+ * @returns {Object}
+ */
+export function useCurrentProduct(): Object;
+//# sourceMappingURL=useCurrentProduct.d.ts.map

package/core/hooks/useCurrentProduct.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentProduct.d.ts","sourceRoot":"","sources":["../../../core/hooks/useCurrentProduct.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,qCAFa,MAAM,CAOlB"}

package/core/hooks/useLocalStorage.d.ts

@@ -1,8 +1,24 @@
-  /**
-   * Custom hook to manage and persist state in localStorage.
-   * @param key The key under which the value is stored in localStorage.
-   * @returns A tuple containing the stored value and a function to update it.
-   */
-  export default function useLocalStorage<T = any>(
-    key: string
-  ): [T | null, (value: T) => void];
+/**
+ * Options for useLocalStorage.
+ */
+interface UseLocalStorageOptions<T> {
+    /**
+     * Fallback value used when nothing is stored or when parsing fails.
+     */
+    initialValue?: T;
+    /**
+     * Whether to sync value changes across tabs via the StorageEvent listener.
+     * @default true
+     */
+    sync?: boolean;
+}
+type SetValueAction<T> = T | null | ((prev: T | null) => T | null);
+/**
+ * Custom hook to manage and persist state in localStorage.
+ * @param key The key under which the value is stored in localStorage.
+ * @param options Optional configuration object.
+ * @returns A tuple containing the stored value and a function to update it.
+ */
+export default function useLocalStorage<T>(key: string, options?: UseLocalStorageOptions<T>): readonly [T | null, (value: SetValueAction<T>) => void];
+export {};
+//# sourceMappingURL=useLocalStorage.d.ts.map

package/core/hooks/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../core/hooks/useLocalStorage.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,UAAU,sBAAsB,CAAC,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,CAAC,EACvC,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAM,GACtC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CA8EzD"}

package/core/hooks/useLocalStorage.js

@@ -1,38 +1,83 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState, useMemo } from 'react';
 import { appConfig } from '@shopgate/engage';
+
+// @ts-expect-error - appConfig is not typed yet
 const {
   appId
 } = appConfig;
 
+/**
+ * Options for useLocalStorage.
+ */
+
 /**
  * Custom hook to manage and persist state in localStorage.
- * @param {string} key The key under which the value is stored in localStorage.
- * @returns {[any, Function]} A tuple containing the stored value and a function to update it.
+ * @param key The key under which the value is stored in localStorage.
+ * @param options Optional configuration object.
+ * @returns A tuple containing the stored value and a function to update it.
  */
-export default function useLocalStorage(key) {
+export default function useLocalStorage(key, options = {}) {
+  const {
+    initialValue = null,
+    sync = true
+  } = options;
+  const storageKey = useMemo(() => `${appId}_${key}`, [key]);
   const readValue = useCallback(() => {
     try {
-      return JSON.parse(window.localStorage.getItem(`${appId}_${key}`));
+      const item = window.localStorage.getItem(storageKey);
+      if (item == null) return initialValue;
+      return JSON.parse(item);
     } catch (error) {
-      return null;
+      return initialValue;
     }
-  }, [key]);
+  }, [storageKey, initialValue]);
   const [storedValue, setStoredValue] = useState(readValue);
 
   /**
    * Sets a new value both in state and in localStorage.
-   * @param {any} value The new value to store.
+   * @param value The new value to store.
    */
   const setValue = useCallback(value => {
     try {
-      setStoredValue(value);
-      window.localStorage.setItem(`${appId}_${key}`, JSON.stringify(value));
+      const valueToStore = typeof value === 'function' ? value(readValue()) : value;
+      setStoredValue(valueToStore);
+      if (valueToStore == null) {
+        window.localStorage.removeItem(storageKey);
+      } else {
+        window.localStorage.setItem(storageKey, JSON.stringify(valueToStore));
+      }
     } catch (error) {
       //
     }
-  }, [key]);
+  }, [storageKey, readValue]);
   useEffect(() => {
-    setValue(readValue());
-  }, [readValue, setValue]);
+    if (!sync) return undefined;
+
+    /**
+     * Handles cross-document localStorage updates.
+     *
+     * Fired when the same localStorage key is modified in another
+     * browsing context (e.g. a different tab or window).
+     *
+     * Note:
+     * - This event does NOT fire in the same tab that performed the update.
+     * - `event.newValue` is null when the key was removed.
+     *
+     * @param event The native storage event.
+     */
+    const handleStorageChange = event => {
+      if (event.key !== storageKey) return;
+      try {
+        const newValue = event.newValue ? JSON.parse(event.newValue) : initialValue;
+        setStoredValue(newValue);
+      } catch {
+        setStoredValue(initialValue);
+      }
+    };
+    window.addEventListener('storage', handleStorageChange);
+    return () => {
+      window.removeEventListener('storage', handleStorageChange);
+    };
+  }, [storageKey, initialValue, sync]);
   return [storedValue, setValue];
 }

package/core/hooks/useNavigation.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Provides functions for navigation.
+ * @returns {Object}
+ */
+export function useNavigation(): Object;
+//# sourceMappingURL=useNavigation.d.ts.map

package/core/hooks/useNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigation.d.ts","sourceRoot":"","sources":["../../../core/hooks/useNavigation.js"],"names":[],"mappings":"AAIA;;;GAGG;AACH,iCAFa,MAAM,CAUlB"}

package/core/hooks/usePageConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Retrieves the pure configuration for the current page.
+ * See documentation of `getPageConfig` for further details.
+ *
+ * @returns {Object}
+ */
+export function usePageConfig(): Object;
+//# sourceMappingURL=usePageConfig.d.ts.map

package/core/hooks/usePageConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageConfig.d.ts","sourceRoot":"","sources":["../../../core/hooks/usePageConfig.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,iCAFa,MAAM,CAKlB"}

package/core/hooks/usePageSettings.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Retrieves the settings for the current page.
+ * See documentation of `getPageSettings` for further details.
+ *
+ * @param {string} [key=null] Optional key to read and inherit from theme settings
+ * @returns {Object}
+ */
+export function usePageSettings(key?: string): Object;
+//# sourceMappingURL=usePageSettings.d.ts.map

package/core/hooks/usePageSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageSettings.d.ts","sourceRoot":"","sources":["../../../core/hooks/usePageSettings.js"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,sCAHW,MAAM,GACJ,MAAM,CAKlB"}

package/core/hooks/usePrevious.d.ts

@@ -0,0 +1,2 @@
+export function usePrevious(value: any): any;
+//# sourceMappingURL=usePrevious.d.ts.map

package/core/hooks/usePrevious.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../../core/hooks/usePrevious.js"],"names":[],"mappings":"AAGA,6CAQC"}

package/core/hooks/useRoute.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Provides the route parameters.
+ * @returns {Object}
+ */
+export function useRoute(): Object;
+//# sourceMappingURL=useRoute.d.ts.map

package/core/hooks/useRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoute.d.ts","sourceRoot":"","sources":["../../../core/hooks/useRoute.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,4BAFa,MAAM,CAKlB"}

package/core/hooks/useTheme.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Provides the theme API. This does not include the contexts.
+ * @deprecated
+ * Use `useThemeComponents()` instead.
+ *
+ * ```js
+ * import { useThemeComponents } from '@shopgate/engage/core/hooks';
+ * const { ProductCard } = useThemeComponents();
+ * ```
+ *
+ * This hook will NOT expose components that can be imported directly from the `@shopgate/engage`
+ * package (see list below).
+ *
+ * ---
+ * Use these updated imports instead of deprecated context values:
+ *
+ * ```js
+ * // Deprecated: Drawer → use SheetDrawer
+ * import { SheetDrawer } from '@shopgate/engage/components';
+ *
+ * // Deprecated: PriceDifference → use PriceDifference
+ * import { PriceDifference } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: ProductSlider → use ProductSlider
+ * import { ProductSlider } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: SelectOption → use SelectOption
+ * import { SelectOption } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: TextOption → use TextOption
+ * import { TextOption } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: View → use View
+ * import { View } from '@shopgate/engage/components'
+ *
+ * // Deprecated: { contexts: { ProductContext }} → use ProductContext
+ * import { ProductContext } from '@shopgate/engage/product/contexts';
+ * ```
+ */
+export function useTheme(): {
+    Drawer: null;
+    ProductSlider: null;
+    View: null;
+    TextOption: null;
+    SelectOption: null;
+    PriceDifference: null;
+    AppBar: null;
+    ProductCard: null;
+    ProductGrid: null;
+    ProductHeader: null;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/core/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../core/hooks/useTheme.js"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH;;;;;;;;;;;EAIC"}

package/core/hooks/useThemeResources.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @typedef  {import('../contexts/ThemeResourcesContext').ThemeResourcesContextType
+ * ThemeResourcesContextType}
+ */
+/**
+ * @typedef {import('../contexts/ThemeResourcesContext').ThemeComponentMap ThemeComponentMap}
+ */
+/**
+ * @typedef {import('../contexts/ThemeResourcesContext').ThemeWidgetMap ThemeWidgetMap}
+ */
+/**
+ * Hook to access to the ThemeResourceContext. The context provides access to different groups
+ * of React components provided by the active theme.
+ * @returns {ThemeResourcesContextType} Value of the ThemeResourceContext
+ */
+export function useThemeResources(): ThemeResourcesContextType;
+/**
+ * Hook to access the components provided by the ThemeResourceContext
+ * @returns {ThemeComponentMap} Mapping object that contains multiple components provided by the
+ * theme.
+ * Key is the component name, value is the component
+ */
+export function useThemeComponents(): ThemeComponentMap;
+/**
+ * Hook to access the widgets provided by the ThemeResourceContext
+ * @param {string} [version='v1'] The version of the widget API to use. Defaults to 'v1'.
+ * @returns {ThemeWidgetMap} Mapping object that contains all available widgets.
+ * Key is the widget code, value is the widget component.
+ */
+export function useThemeWidgets(version?: string): ThemeWidgetMap;
+/**
+ * }
+ */
+export type ThemeResourcesContextType = import("../contexts/ThemeResourcesContext").ThemeResourcesContextType;
+/**
+ * }
+ */
+export type ThemeComponentMap = import("../contexts/ThemeResourcesContext").ThemeComponentMap;
+/**
+ * }
+ */
+export type ThemeWidgetMap = import("../contexts/ThemeResourcesContext").ThemeWidgetMap;
+//# sourceMappingURL=useThemeResources.d.ts.map

package/core/hooks/useThemeResources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeResources.d.ts","sourceRoot":"","sources":["../../../core/hooks/useThemeResources.js"],"names":[],"mappings":"AAGA;;;GAGG;AAEH;;GAEG;AAEH;;GAEG;AAEH;;;;GAIG;AACH,qCAFa,yBAAyB,CAIrC;AAED;;;;;GAKG;AACH,sCAJa,iBAAiB,CAO7B;AAED;;;;;GAKG;AACH,0CAJW,MAAM,GACJ,cAAc,CAM1B;;;;wCAzCa,OAAO,mCAAmC,EAAE,yBAAyB;;;;gCAKtE,OAAO,mCAAmC,EAAE,iBAAiB;;;;6BAI7D,OAAO,mCAAmC,EAAE,cAAc"}

package/core/hooks/useWidgetConfig.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Retrieves the pure config for widget by its id and optional index on the current page.
+ * See documentation of `getWidgetConfig` for further details.
+ *
+ * @param {string} widgetId The id of the widget to look for, which must exist in the config.
+ * @param {number|undefined} [index=0] The optional index of the widget.
+ * @returns {Object}
+ */
+export function useWidgetConfig(widgetId: string, index?: number | undefined): Object;
+//# sourceMappingURL=useWidgetConfig.d.ts.map

package/core/hooks/useWidgetConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetConfig.d.ts","sourceRoot":"","sources":["../../../core/hooks/useWidgetConfig.js"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,0CAJW,MAAM,UACN,MAAM,GAAC,SAAS,GACd,MAAM,CAKlB"}

package/core/hooks/useWidgetSettings.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Retrieves inherited settings for a widget given by its id and optional index on the current page.
+ * See documentation of `getWidgetSettings` for further details.
+ *
+ * @param {string} widgetId The id of the widget to look for, which must exist in the config.
+ * @param {number|undefined} [index=0] The optional index of the widget.
+ * @returns {Object}
+ */
+export function useWidgetSettings(widgetId: string, index?: number | undefined): Object;
+//# sourceMappingURL=useWidgetSettings.d.ts.map

package/core/hooks/useWidgetSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetSettings.d.ts","sourceRoot":"","sources":["../../../core/hooks/useWidgetSettings.js"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,4CAJW,MAAM,UACN,MAAM,GAAC,SAAS,GACd,MAAM,CAKlB"}

package/core/hooks/useWidgetStyles.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Retrieves the styles for a specific widget by its id. Returns an empty object when no styles
+ * exist.
+ *
+ * @param {string} widgetId The ID of the widget to look for.
+ * @param {number|undefined} [index=0] The optional index of the widget.
+ * @returns {Object}
+ */
+export function useWidgetStyles(widgetId: string, index?: number | undefined): Object;
+//# sourceMappingURL=useWidgetStyles.d.ts.map

package/core/hooks/useWidgetStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetStyles.d.ts","sourceRoot":"","sources":["../../../core/hooks/useWidgetStyles.js"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,0CAJW,MAAM,UACN,MAAM,GAAC,SAAS,GACd,MAAM,CAOlB"}

package/core/index.d.ts

@@ -0,0 +1,27 @@
+export * from "@shopgate/pwa-common/store";
+export * from "./actions";
+export * from "./action-creators";
+export * from "./classes";
+export * from "./collections";
+export * from "./commands";
+export * from "./constants";
+export * from "./contexts";
+export * from "./events";
+export * from "./helpers";
+export * from "./initialization";
+export * from "./providers";
+export * from "./selectors";
+export * from "./streams";
+export * from "./validation";
+export { ThemeConfigResolver } from "./config/ThemeConfigResolver";
+export { getThemeConfig } from "./config/getThemeConfig";
+export { getThemeSettings } from "./config/getThemeSettings";
+export { getThemeColors } from "./config/getThemeColors";
+export { getThemeAssets } from "./config/getThemeAssets";
+export { getPageConfig } from "./config/getPageConfig";
+export { getPageSettings } from "./config/getPageSettings";
+export { getWidgetConfig } from "./config/getWidgetConfig";
+export { getWidgetSettings } from "./config/getWidgetSettings";
+export { withShowModal, withTheme, withRoute, withCurrentProduct, withForwardedRef, withNavigation, withWidgetSettings, withWidgetStyles, withApp } from "./hocs";
+export { useAsyncMemo, useRoute, useTheme, useApp, useCurrentProduct, useNavigation, usePageConfig, usePageSettings, useWidgetConfig, useWidgetSettings, useWidgetStyles, useLoadImage, usePrevious, useResponsiveValue } from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../core/index.js"],"names":[],"mappings":""}

package/core/initialization/index.d.ts

@@ -0,0 +1,4 @@
+export function initialize(locales: Object, reducers: Function, subscribers: any[]): Promise<{
+    store: Object;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/core/initialization/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/initialization/index.js"],"names":[],"mappings":"AAuIO,oCAJI,MAAM;;GAuDhB"}

package/core/initialization/index.js

@@ -2,12 +2,12 @@ import { withScope, captureMessage, Severity as SentrySeverity } from '@sentry/b
 import moment from 'moment';
 import { configureStore } from '@shopgate/pwa-common/store';
 import { appWillInit, appWillStart } from '@shopgate/pwa-common/action-creators/app';
-import { i18n } from '@shopgate/engage/core';
+import { i18n, getAppBaseUrl, isDev, hasSGJavaScriptBridge, hasWebBridge } from '@shopgate/engage/core/helpers';
 import fetchClientInformation from '@shopgate/pwa-common/actions/client/fetchClientInformation';
 import appConfig from '@shopgate/pwa-common/helpers/config';
 import { appInitialization, configuration } from '@shopgate/engage/core/collections';
 import { CONFIGURATION_COLLECTION_KEY_BASE_URL } from '@shopgate/engage/core/constants';
-import { getAppBaseUrl, isDev, hasSGJavaScriptBridge, hasWebBridge } from '@shopgate/engage/core/helpers';
+import { loadCustomStyles } from '@shopgate/engage/styles';
 import { receiveShopSettings, receiveMerchantSettings, errorShopSettings } from "../action-creators";
 const {
   locales: {
@@ -141,7 +141,8 @@ export const initialize = async (locales, reducers, subscribers) => {
   configuration.set(CONFIGURATION_COLLECTION_KEY_BASE_URL, getAppBaseUrl());
   store.dispatch(appWillInit(`${window.location.pathname}${window.location.search}`));
   try {
-    await fetchSettings(store);
+    const promises = [fetchSettings(store), loadCustomStyles()];
+    await Promise.all(promises);
   } catch (e) {
     // Nothing to see here.
   }

package/core/providers/AppProvider.d.ts

@@ -0,0 +1,46 @@
+export default AppProvider;
+/**
+ * The AppProvider component.
+ */
+declare class AppProvider extends React.Component<any, any, any> {
+    static propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    };
+    /**
+     * @param {Object} props The component props.
+     */
+    constructor(props: Object);
+    state: {
+        isVisible: boolean;
+    };
+    /**
+     * Removes the event listeners when the component unmounts.
+     */
+    componentWillUnmount(): void;
+    /**
+     * Returns the context value to be passed to consumers.
+     * @returns {Object}
+     */
+    get provided(): Object;
+    /**
+     * Sets the isVisible state to TRUE.
+     */
+    setVisible: () => void;
+    /**
+     * Sets the isVisible state to TRUE.
+     */
+    setHidden: () => void;
+    /**
+     * Sets the isVisible state. It indicates if Engage is visible,
+     * or another WebView is presented to the user.
+     * @param {boolean} value The new value
+     */
+    setIsVisible(value: boolean): void;
+    /**
+     * @returns {JSX}
+     */
+    render(): JSX;
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+//# sourceMappingURL=AppProvider.d.ts.map

package/core/providers/AppProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProvider.d.ts","sourceRoot":"","sources":["../../../core/providers/AppProvider.jsx"],"names":[],"mappings":";AAUA;;GAEG;AACH;IACE;;MAEE;IAEF;;OAEG;IACH,mBAFW,MAAM,EAWhB;IANC;;MAEC;IAMH;;OAEG;IACH,6BAGC;IAED;;;OAGG;IACH,gBAFa,MAAM,CAQlB;IAED;;OAEG;IACH,uBAEE;IAEF;;OAEG;IACH,sBAEE;IAEF;;;;OAIG;IACH,oBAFW,OAAO,QAMjB;IAED;;OAEG;IACH,UAFa,GAAG,CAQf;CACF;kBAvFgC,OAAO;sBAClB,YAAY"}