@shopgate/engage 7.31.4-beta.1 → 7.32.0-beta.1

package/components/Typography/Typography.js

@@ -1,29 +1,42 @@
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { makeStyles } from '@shopgate/engage/styles';
 
 /**
- * Capitalizes the first letter of a string.
- * @param {string} string The string to capitalize.
- * @returns {string} The string with the first letter capitalized.
+ * Named font weights mapped to the theme's `fontWeight*` tokens.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
-
 /**
- * @typedef {import('../../styles').Theme} Theme
+ * Capitalizes the first letter of a string while preserving its literal type.
+ * @param string The string to capitalize.
+ * @returns The string with the first letter capitalized.
  */
-
-/**
- * Creates the styles for the Typography component.
- * @param {Theme} theme The theme object.
- * @returns {Object} The styles object.
- */
-export const styles = theme => ({
+const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
+const useStyles = makeStyles({
+  name: 'Typography'
+})(theme => ({
   /* Styles applied to the root element. */
   root: {
     margin: 0
   },
+  /* Styles applied to the root element if `nowrap={true}`. */
+  noWrap: {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  },
+  /* Styles applied to the root element if `gutterBottom={true}`. */
+  gutterBottom: {
+    marginBottom: '0.35em'
+  },
+  /* Styles applied to the root element if `paragraph={true}`. */
+  paragraph: {
+    marginBottom: 16
+  },
+  /*
+   * The classes below are applied through props via dynamic keys (e.g. `classes[variant]`,
+   * `classes[`color${capitalize(color)}`]`), which the linter cannot trace statically.
+   */
+  /* eslint-disable tss-unused-classes/unused-classes */
   /* Styles applied to the root element if `variant="body2"`. */
   body2: theme.typography.body2,
   /* Styles applied to the root element if `variant="body1"`. */
@@ -73,20 +86,6 @@ export const styles = theme => ({
   alignJustify: {
     textAlign: 'justify'
   },
-  /* Styles applied to the root element if `nowrap={true}`. */
-  noWrap: {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap'
-  },
-  /* Styles applied to the root element if `gutterBottom={true}`. */
-  gutterBottom: {
-    marginBottom: '0.35em'
-  },
-  /* Styles applied to the root element if `paragraph={true}`. */
-  paragraph: {
-    marginBottom: 16
-  },
   /* Styles applied to the root element if `color="inherit"`. */
   colorInherit: {
     color: 'inherit'
@@ -126,11 +125,25 @@ export const styles = theme => ({
   /* Styles applied to the root element if `display="block"`. */
   displayBlock: {
     display: 'block'
+  },
+  /* Styles applied to the root element if `fontWeight="light"`. */
+  fontWeightLight: {
+    fontWeight: theme.typography.fontWeightLight
+  },
+  /* Styles applied to the root element if `fontWeight="regular"`. */
+  fontWeightRegular: {
+    fontWeight: theme.typography.fontWeightRegular
+  },
+  /* Styles applied to the root element if `fontWeight="medium"`. */
+  fontWeightMedium: {
+    fontWeight: theme.typography.fontWeightMedium
+  },
+  /* Styles applied to the root element if `fontWeight="bold"`. */
+  fontWeightBold: {
+    fontWeight: theme.typography.fontWeightBold
   }
-});
-const useTypographyStyles = makeStyles({
-  name: 'Typography'
-})(styles);
+  /* eslint-enable tss-unused-classes/unused-classes */
+}));
 const defaultVariantMapping = {
   h1: 'h1',
   h2: 'h2',
@@ -143,7 +156,25 @@ const defaultVariantMapping = {
   body1: 'p',
   body2: 'p'
 };
-const Typography = /*#__PURE__*/React.forwardRef((props, ref) => {
+
+/**
+ * Own props of the polymorphic Typography component.
+ *
+ * @template C - the element or component type to render (defaults to 'span')
+ */
+
+/**
+ * Props for the polymorphic Typography component, merged with the props of the
+ * underlying element or component.
+ *
+ * @template C - the element or component type to render (defaults to 'span')
+ */
+
+/**
+ * The Typography component is used to render text with various styles and alignments.
+ * It uses the theme's typography styles and can be customized with props.
+ */
+function Typography(props, ref) {
   const {
     align = 'inherit',
     className,
@@ -151,6 +182,7 @@ const Typography = /*#__PURE__*/React.forwardRef((props, ref) => {
     color = 'initial',
     component,
     display = 'initial',
+    fontWeight,
     gutterBottom = false,
     noWrap = false,
     paragraph = false,
@@ -161,41 +193,24 @@ const Typography = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     classes,
     cx
-  } = useTypographyStyles(undefined, {
+  } = useStyles(undefined, {
     props: {
       classes: classesOverrides
     }
   });
-  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
+  const mappedComponent = variant !== 'inherit' ? variantMapping[variant] ?? defaultVariantMapping[variant] : undefined;
+  const Component = component || (paragraph ? 'p' : mappedComponent) || 'span';
   return /*#__PURE__*/_jsx(Component, {
-    className: cx(classes.root, 'engage__typography', {
-      [classes[variant]]: variant !== 'inherit',
+    className: cx(classes.root, 'engage__typography', variant !== 'inherit' && classes[variant], color !== 'initial' && classes[`color${capitalize(color)}`], align !== 'inherit' && classes[`align${capitalize(align)}`], display !== 'initial' && classes[`display${capitalize(display)}`], fontWeight && classes[`fontWeight${capitalize(fontWeight)}`], {
       [`engage__typography_${variant}`]: variant !== 'inherit',
-      [classes[`color${capitalize(color)}`]]: color !== 'initial',
       [classes.noWrap]: noWrap,
       [classes.gutterBottom]: gutterBottom,
       'engage__typography__gutter-bottom': gutterBottom,
       [classes.paragraph]: paragraph,
-      engage__typography__paragraph: paragraph,
-      [classes[`align${capitalize(align)}`]]: align !== 'inherit',
-      [classes[`display${capitalize(display)}`]]: display !== 'initial'
+      engage__typography__paragraph: paragraph
     }, className),
     ref: ref,
     ...other
   });
-});
-Typography.defaultProps = {
-  align: 'inherit',
-  children: null,
-  classes: undefined,
-  className: undefined,
-  color: 'initial',
-  component: null,
-  display: 'initial',
-  gutterBottom: false,
-  noWrap: false,
-  paragraph: false,
-  variant: 'body1',
-  variantMapping: defaultVariantMapping
-};
-export default Typography;
+}
+export default /*#__PURE__*/React.forwardRef(Typography);

package/components/Typography/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Typography } from './Typography';
-export type { TypographyProps } from './Typography';
+export type { TypographyProps, TypographyOwnProps, FontWeight } from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/components/Typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/components/View/components/Content/index.js

@@ -13,7 +13,7 @@ import SurroundPortals from '@shopgate/pwa-common/components/SurroundPortals';
 import { VIEW_CONTENT } from '@shopgate/pwa-common/constants/Portals';
 import { applyScrollContainer, isIOs } from '@shopgate/engage/core/helpers';
 import { makeStyles, responsiveMediaQuery } from '@shopgate/engage/styles';
-import { IS_PAGE_PREVIEW_ACTIVE } from '@shopgate/engage/page/constants';
+import { isAdminPreviewActive } from '@shopgate/engage/admin-preview/helpers';
 import { ConditionalWrapper } from "../../../ConditionalWrapper";
 import Above from "../Above";
 import Below from "../Below";
@@ -36,7 +36,7 @@ const useStyles = makeStyles()({
     overflowScrolling: 'touch',
     position: 'absolute',
     WebkitOverflowScrolling: 'touch',
-    ...(IS_PAGE_PREVIEW_ACTIVE && {
+    ...(isAdminPreviewActive() && {
       scrollbarWidth: 'thin',
       backgroundColor: 'var(--page-background-color)'
     })

package/components/View/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/View/index.jsx"],"names":[],"mappings":"AA4FA;;;GAGG;AACH,oCAHW,MAAM,GACJ,GAAG,CAAC,OAAO,CAUvB;;4BA/F2B,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/View/index.jsx"],"names":[],"mappings":"AAyFA;;;GAGG;AACH,oCAHW,MAAM,GACJ,GAAG,CAAC,OAAO,CAUvB;;4BA7F2B,WAAW"}

package/components/View/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 import { makeStyles } from '@shopgate/engage/styles';
 import { applyScrollContainer } from '@shopgate/engage/core/helpers';
 import { RouteContext } from '@shopgate/pwa-common/context';
@@ -9,9 +8,6 @@ import Content from "./components/Content";
 import ViewProvider from "./provider";
 import { ViewContext } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  colors
-} = themeConfig;
 const useStyles = makeStyles()(() => ({
   root: applyScrollContainer() ? {
     position: 'absolute',
@@ -74,7 +70,7 @@ function ViewContainer({
 }
 ViewContainer.defaultProps = {
   'aria-hidden': false,
-  background: colors.light,
+  background: 'var(--sg-palette-background-default)',
   children: null,
   noScrollOnKeyboard: false,
   noContentPortal: false,

package/components/v2/Button/Button.d.ts

@@ -10,7 +10,7 @@ declare const useStyles: (params: ButtonOwnProps, muiStyleOverridesParams?: {
     props: Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    classes: Record<"text" | "label" | "small" | "root" | "icon" | "disabled" | "large" | "outlined" | "contained" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "loader" | "loadingPlaceholder" | "loadingIndicator", string>;
+    classes: Record<"text" | "icon" | "small" | "large" | "label" | "root" | "disabled" | "outlined" | "contained" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "loader" | "loadingPlaceholder" | "loadingIndicator", string>;
     theme: import("@shopgate/engage/styles").Theme;
     css: import("tss-react").Css;
     cx: import("tss-react").Cx;

package/core/action-creators/merchantSettings.d.ts

@@ -1,2 +1,2 @@
-export function receiveMerchantSettings(settings: any[]): Object;
+export * from "../../settings/action-creators/merchantSettings";
 //# sourceMappingURL=merchantSettings.d.ts.map

package/core/action-creators/merchantSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../core/action-creators/merchantSettings.js"],"names":[],"mappings":"AAOO,0DAFM,MAAM,CAKjB"}
+{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../core/action-creators/merchantSettings.js"],"names":[],"mappings":""}

package/core/action-creators/merchantSettings.js

@@ -1,11 +1,3 @@
-import { RECEIVE_MERCHANT_SETTINGS } from "../constants";
-
-/**
- * Creates the dispatched RECEIVE_MERCHANT_SETTINGS action object.
- * @param {Array} settings A list of shop settings.
- * @returns {Object} The dispatched action object.
- */
-export const receiveMerchantSettings = settings => ({
-  type: RECEIVE_MERCHANT_SETTINGS,
-  settings
-});
+// Backwards-compatible shim. The merchant settings action-creators now live in the
+// dedicated `settings` package: @shopgate/engage/settings/action-creators/merchantSettings
+export * from "../../settings/action-creators/merchantSettings";

package/core/action-creators/shopSettings.d.ts

@@ -1,3 +1,2 @@
-export function receiveShopSettings(settings: any[]): Object;
-export function errorShopSettings(error: Object): Object;
+export * from "../../settings/action-creators/shopSettings";
 //# sourceMappingURL=shopSettings.d.ts.map

package/core/action-creators/shopSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../core/action-creators/shopSettings.js"],"names":[],"mappings":"AAOO,sDAFM,MAAM,CAKjB;AAOK,yCAHI,MAAM,GACJ,MAAM,CAKjB"}
+{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../core/action-creators/shopSettings.js"],"names":[],"mappings":""}

package/core/action-creators/shopSettings.js

@@ -1,21 +1,3 @@
-import { RECEIVE_SHOP_SETTINGS, ERROR_SHOP_SETTINGS } from "../constants";
-
-/**
- * Creates the dispatched RECEIVE_SHOP_SETTINGS action object.
- * @param {Array} settings A list of shop settings.
- * @returns {Object} The dispatched action object.
- */
-export const receiveShopSettings = settings => ({
-  type: RECEIVE_SHOP_SETTINGS,
-  settings
-});
-
-/**
- * Creates the dispatched ERROR_SHOP_SETTINGS action object.
- * @param {Object} error An error object.
- * @returns {Object} The dispatched action object.
- */
-export const errorShopSettings = error => ({
-  type: ERROR_SHOP_SETTINGS,
-  error
-});
+// Backwards-compatible shim. The shop settings action-creators now live in the
+// dedicated `settings` package: @shopgate/engage/settings/action-creators/shopSettings
+export * from "../../settings/action-creators/shopSettings";

package/core/constants/merchantSettings.d.ts

@@ -1,12 +1,2 @@
-export const RECEIVE_MERCHANT_SETTINGS: "RECEIVE_MERCHANT_SETTINGS";
-export const MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED: "locationBasedShoppingEnabled";
-export const MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED: "enableSubstitutionPreferences";
-export const MERCHANT_SETTINGS_CUSTOMER_ATTRIBUTES: "customerAttributes";
-export const MERCHANT_SETTINGS_FULFILLMENT_SCHEDULED_ENABLED: "enableFulfillmentScheduling";
-export const MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS: "restrictMultiLocationOrders";
-export const MERCHANT_SETTINGS_DEFAULT_CURRENCY: "defaultCurrency";
-export const MERCHANT_SETTINGS_ENABLE_WEB_INDEXING: "enableWebIndexing";
-export const MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION: "productShowAlternativeLocation";
-export const MERCHANT_SETTINGS_PRODUCTLIST_SHOW_INVENTORY: "productListShowInventory";
-export const MERCHANT_SETTINGS_ENABLED_CMS_VERSION: "enabledCmsVersion";
+export * from "../../settings/constants/merchantSettings";
 //# sourceMappingURL=merchantSettings.d.ts.map

package/core/constants/merchantSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../core/constants/merchantSettings.js"],"names":[],"mappings":"AAAA,wCAAyC,2BAA2B,CAAC;AACrE,gEAAiE,8BAA8B,CAAC;AAChG,iEAAkE,+BAA+B,CAAC;AAClG,oDAAqD,oBAAoB,CAAC;AAC1E,8DAA+D,6BAA6B,CAAC;AAC7F,+DAAgE,6BAA6B,CAAC;AAC9F,iDAAkD,iBAAiB,CAAC;AACpE,oDAAqD,mBAAmB,CAAC;AACzE,kEAAmE,gCAAgC,CAAC;AACpG,2DAA4D,0BAA0B,CAAC;AACvF,oDAAqD,mBAAmB,CAAC"}
+{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../core/constants/merchantSettings.js"],"names":[],"mappings":""}

package/core/constants/merchantSettings.js

@@ -1,11 +1,3 @@
-export const RECEIVE_MERCHANT_SETTINGS = 'RECEIVE_MERCHANT_SETTINGS';
-export const MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED = 'locationBasedShoppingEnabled';
-export const MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED = 'enableSubstitutionPreferences';
-export const MERCHANT_SETTINGS_CUSTOMER_ATTRIBUTES = 'customerAttributes';
-export const MERCHANT_SETTINGS_FULFILLMENT_SCHEDULED_ENABLED = 'enableFulfillmentScheduling';
-export const MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS = 'restrictMultiLocationOrders';
-export const MERCHANT_SETTINGS_DEFAULT_CURRENCY = 'defaultCurrency';
-export const MERCHANT_SETTINGS_ENABLE_WEB_INDEXING = 'enableWebIndexing';
-export const MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION = 'productShowAlternativeLocation';
-export const MERCHANT_SETTINGS_PRODUCTLIST_SHOW_INVENTORY = 'productListShowInventory';
-export const MERCHANT_SETTINGS_ENABLED_CMS_VERSION = 'enabledCmsVersion';
+// Backwards-compatible shim. The merchant settings constants now live in the
+// dedicated `settings` package: @shopgate/engage/settings/constants/merchantSettings
+export * from "../../settings/constants/merchantSettings";

package/core/constants/shopSettings.d.ts

@@ -1,28 +1,2 @@
-export const RECEIVE_SHOP_SETTINGS: "RECEIVE_SHOP_SETTINGS";
-export const ERROR_SHOP_SETTINGS: "ERROR_SHOP_SETTINGS";
-export const CACHE_LEASE_SHOP_SETTINGS: number;
-export const SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE: "googleSiteVerificationCode";
-export const SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT: "cartSupplementalContent";
-export const SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT: "orderSupplementalContent";
-export const SHOP_SETTING_SHOW_SHOP_LOGO_IN_APP: "showShopLogoInApp";
-export const SHOP_SETTING_SHOW_SHOP_LOGO_IN_WEB: "showShopLogoInWeb";
-export const SHOP_SETTING_PRODUCTS_SORT_ORDER: "productsSortOrder";
-export const SHOP_SETTING_WISHLIST_MODE: "wishlistMode";
-export const SHOP_SETTING_COOKIE_CONSENT_MODE: "cookieConsentMode";
-export const SHOP_SETTING_DISPLAY_PRICE_PER_MEASURE_UNIT: "displayPricePerMeasureUnit";
-export const SHOP_SETTING_IMAGES: "images";
-export const SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER: "productPlaceholder";
-export const SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER: "categoryPlaceholder";
-export const SHOP_SETTING_IMAGES_FAVICON: "favicon";
-export const SHOP_SETTING_NUMBER_OF_ADDRESS_LINES: "numberOfAddressLines";
-export const SHOP_SETTINGS_SHOW_CATEGORY_IMAGES: "showCategoryImages";
-export const SHOP_SETTING_REGISTRATION_MODE: "registrationMode";
-export const SHOP_SETTING_REGISTRATION_MODE_SIMPLE: "simple";
-export const SHOP_SETTING_REGISTRATION_MODE_EXTENDED: "extended";
-export const SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED: "wishlistItemQuantityEnabled";
-export const SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED: "wishlistItemNotesEnabled";
-export const SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED: "loadWishlistOnAppStartEnabled";
-export const SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE: "showWishlistItemsCountBadge";
-export const SHOP_SETTING_ENABLE_CMS_2_FOR_ALL_SHOPPERS: "enableCms2ForAllShoppers";
-export const WISHLIST_MODE_PERSIST_ON_ADD: "persistOnAdd";
+export * from "../../settings/constants/shopSettings";
 //# sourceMappingURL=shopSettings.d.ts.map

package/core/constants/shopSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../core/constants/shopSettings.js"],"names":[],"mappings":"AAAA,oCAAqC,uBAAuB,CAAC;AAC7D,kCAAmC,qBAAqB,CAAC;AACzD,+CAAwD;AACxD,yDAA0D,4BAA4B,CAAC;AACvF,qDAAsD,yBAAyB,CAAC;AAChF,sDAAuD,0BAA0B,CAAC;AAClF,iDAAkD,mBAAmB,CAAC;AACtE,iDAAkD,mBAAmB,CAAC;AACtE,+CAAgD,mBAAmB,CAAC;AACpE,yCAA0C,cAAc,CAAC;AACzD,+CAAgD,mBAAmB,CAAC;AACpE,0DAA2D,4BAA4B,CAAC;AACxF,kCAAmC,QAAQ,CAAC;AAC5C,sDAAuD,oBAAoB,CAAC;AAC5E,uDAAwD,qBAAqB,CAAC;AAC9E,0CAA2C,SAAS,CAAC;AACrD,mDAAoD,sBAAsB,CAAC;AAC3E,iDAAkD,oBAAoB,CAAC;AACvE,6CAA8C,kBAAkB,CAAC;AACjE,oDAAqD,QAAQ,CAAC;AAC9D,sDAAuD,UAAU,CAAC;AAClE,0DAA2D,6BAA6B,CAAC;AACzF,uDAAwD,0BAA0B,CAAC;AACnF,8DAA+D,+BAA+B,CAAC;AAC/F,2DAA4D,6BAA6B,CAAC;AAC1F,yDAA0D,0BAA0B,CAAC;AAErF,2CAA4C,cAAc,CAAC"}
+{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../core/constants/shopSettings.js"],"names":[],"mappings":""}

package/core/constants/shopSettings.js

@@ -1,27 +1,3 @@
-export const RECEIVE_SHOP_SETTINGS = 'RECEIVE_SHOP_SETTINGS';
-export const ERROR_SHOP_SETTINGS = 'ERROR_SHOP_SETTINGS';
-export const CACHE_LEASE_SHOP_SETTINGS = 10 * 60 * 1000; // 10 minutes in milliseconds
-export const SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE = 'googleSiteVerificationCode';
-export const SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT = 'cartSupplementalContent';
-export const SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT = 'orderSupplementalContent';
-export const SHOP_SETTING_SHOW_SHOP_LOGO_IN_APP = 'showShopLogoInApp';
-export const SHOP_SETTING_SHOW_SHOP_LOGO_IN_WEB = 'showShopLogoInWeb';
-export const SHOP_SETTING_PRODUCTS_SORT_ORDER = 'productsSortOrder';
-export const SHOP_SETTING_WISHLIST_MODE = 'wishlistMode';
-export const SHOP_SETTING_COOKIE_CONSENT_MODE = 'cookieConsentMode';
-export const SHOP_SETTING_DISPLAY_PRICE_PER_MEASURE_UNIT = 'displayPricePerMeasureUnit';
-export const SHOP_SETTING_IMAGES = 'images';
-export const SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER = 'productPlaceholder';
-export const SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER = 'categoryPlaceholder';
-export const SHOP_SETTING_IMAGES_FAVICON = 'favicon';
-export const SHOP_SETTING_NUMBER_OF_ADDRESS_LINES = 'numberOfAddressLines';
-export const SHOP_SETTINGS_SHOW_CATEGORY_IMAGES = 'showCategoryImages';
-export const SHOP_SETTING_REGISTRATION_MODE = 'registrationMode';
-export const SHOP_SETTING_REGISTRATION_MODE_SIMPLE = 'simple';
-export const SHOP_SETTING_REGISTRATION_MODE_EXTENDED = 'extended';
-export const SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED = 'wishlistItemQuantityEnabled';
-export const SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED = 'wishlistItemNotesEnabled';
-export const SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED = 'loadWishlistOnAppStartEnabled';
-export const SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE = 'showWishlistItemsCountBadge';
-export const SHOP_SETTING_ENABLE_CMS_2_FOR_ALL_SHOPPERS = 'enableCms2ForAllShoppers';
-export const WISHLIST_MODE_PERSIST_ON_ADD = 'persistOnAdd';
+// Backwards-compatible shim. The shop settings constants now live in the
+// dedicated `settings` package: @shopgate/engage/settings/constants/shopSettings
+export * from "../../settings/constants/shopSettings";

package/core/helpers/scrollContainer.js

@@ -1,11 +1,11 @@
-import { IS_PAGE_PREVIEW_ACTIVE } from '@shopgate/engage/page/constants';
+import { isAdminPreviewActive } from '@shopgate/engage/admin-preview/helpers';
 import { hasWebBridge } from "./bridge";
 
 /**
  * Checks whether the app shall use a scroll container
  * @returns {boolean}
  */
-export const applyScrollContainer = () => IS_PAGE_PREVIEW_ACTIVE || !hasWebBridge();
+export const applyScrollContainer = () => isAdminPreviewActive() || !hasWebBridge();
 
 /**
  * exports the old function name for backwards compatibility

package/core/initialization/index.js

@@ -8,7 +8,8 @@ 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 { loadCustomStyles } from '@shopgate/engage/styles';
-import { receiveShopSettings, receiveMerchantSettings, errorShopSettings } from "../action-creators";
+import { receiveShopSettings, errorShopSettings } from '@shopgate/engage/settings/action-creators/shopSettings';
+import { receiveMerchantSettings } from '@shopgate/engage/settings/action-creators/merchantSettings';
 const {
   locales: {
     currency: currencyLocale = null

package/core/selectors/merchantSettings.d.ts

@@ -1,21 +1,2 @@
-export const getIsLocationBasedShopping: Function;
-export const getSubstitutionPreferencesEnabled: Function;
-export const getMerchantCustomerAttributes: Function;
-export const getFulfillmentSchedulingEnabled: Function;
-export const getRestrictMultiLocationOrders: Function;
-export const getDefaultCurrency: Function;
-export const getEnableWebIndexing: Function;
-export const getProductShowAlternativeLocation: Function;
-export const getProductListShowInventory: Function;
-/**
- * Selector that retrieves the enabled CMS version.
- * @type {(state: RootState) => "v1" | "v2" | "both"}
- */
-export const getEnabledCMSVersion: (state: RootState) => "v1" | "v2" | "both";
-/**
- * Retrieves the merchantSettings state from the store.
- * @param {Object} state The current application state.
- * @return {Object} The locations state.
- */
-export function getState(state: Object): Object;
+export * from "../../settings/selectors/merchantSettings";
 //# sourceMappingURL=merchantSettings.d.ts.map

package/core/selectors/merchantSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../core/selectors/merchantSettings.js"],"names":[],"mappings":"AAgCA,kDAGE;AAEF,yDAGE;AAEF,qDAGE;AAEF,uDAGE;AAEF,sDAGE;AAEF,0CAEE;AAEF,4CAGE;AAEF,yDAGE;AAEF,mDAGE;AAEF;;;GAGG;AACH,mCAFU,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,MAAM,CAKlD;AArEF;;;;GAIG;AACH,gCAHW,MAAM,GACL,MAAM,CAE+C"}
+{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../core/selectors/merchantSettings.js"],"names":[],"mappings":""}

package/core/selectors/merchantSettings.js

@@ -1,33 +1,3 @@
-import { createSelector } from 'reselect';
-import { MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED, MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED, MERCHANT_SETTINGS_CUSTOMER_ATTRIBUTES, MERCHANT_SETTINGS_FULFILLMENT_SCHEDULED_ENABLED, MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS, MERCHANT_SETTINGS_DEFAULT_CURRENCY, MERCHANT_SETTINGS_ENABLE_WEB_INDEXING, MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION, MERCHANT_SETTINGS_PRODUCTLIST_SHOW_INVENTORY, MERCHANT_SETTINGS_ENABLED_CMS_VERSION } from "../constants";
-
-/**
- * Retrieves the merchantSettings state from the store.
- * @param {Object} state The current application state.
- * @return {Object} The locations state.
- */
-const getState = state => state?.settings?.merchantSettings || {};
-
-/**
- * Creates a selector to retrieve a single merchant setting.
- * @param {string} key The key of the merchant setting
- * @param {*} [fallback=null] The fallback value when no value can be determined.
- * @returns {Function}
- */
-const makeGetMerchantSettingByKey = (key, fallback = null) => createSelector(getState, state => typeof state?.[key] !== 'undefined' ? state?.[key] : fallback);
-export const getIsLocationBasedShopping = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED, false);
-export const getSubstitutionPreferencesEnabled = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED, false);
-export const getMerchantCustomerAttributes = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_CUSTOMER_ATTRIBUTES, []);
-export const getFulfillmentSchedulingEnabled = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_FULFILLMENT_SCHEDULED_ENABLED, false);
-export const getRestrictMultiLocationOrders = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS, false);
-export const getDefaultCurrency = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_DEFAULT_CURRENCY);
-export const getEnableWebIndexing = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_ENABLE_WEB_INDEXING, false);
-export const getProductShowAlternativeLocation = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION, false);
-export const getProductListShowInventory = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_PRODUCTLIST_SHOW_INVENTORY, false);
-
-/**
- * Selector that retrieves the enabled CMS version.
- * @type {(state: RootState) => "v1" | "v2" | "both"}
- */
-export const getEnabledCMSVersion = makeGetMerchantSettingByKey(MERCHANT_SETTINGS_ENABLED_CMS_VERSION, 'v1');
-export { getState };
+// Backwards-compatible shim. The merchant settings selectors now live in the
+// dedicated `settings` package: @shopgate/engage/settings/selectors/merchantSettings
+export * from "../../settings/selectors/merchantSettings";

package/core/selectors/shopSettings.d.ts

@@ -1,54 +1,2 @@
-export function getState(state: Object): Object;
-export function makeGetShopSettingByKey(key: string, fallback?: any): Function;
-export function makeGetShopSettings(keys?: any[]): Function;
-/** Selects the current wishlist mode */
-export const getWishlistMode: Function;
-/**
- * Selects the placeholder image for products
- */
-export const getProductImagePlaceholder: ((state: any, ...params: any[]) => any) & import("reselect").OutputSelectorFields<(...args: readonly unknown[]) => any, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Selects the placeholder image for products
- */
-export const getCategoryImagePlaceholder: ((state: any, ...params: any[]) => any) & import("reselect").OutputSelectorFields<(...args: readonly unknown[]) => any, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Selects the placeholder image for products
- */
-export const getFavicon: ((state: any, ...params: any[]) => any) & import("reselect").OutputSelectorFields<(...args: readonly unknown[]) => any, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Selects the number of address lines for registration / address forms
- */
-export const getNumberOfAddressLines: Function;
-export const getGoogleSiteVerificationCode: Function;
-export const getShowCategoryImages: Function;
-/**
- * Creates a selector to retrieve the current active registration mode.
- * When the selector returns "simple" the form will not contain any address related fields.
- */
-export const getRegistrationMode: Function;
-export const getWishlistItemQuantityEnabled: Function;
-export const getWishlistItemNotesEnabled: Function;
-export const getLoadWishlistOnAppStartEnabled: Function;
-export const getShowWishlistItemsCountBadge: ((state: any, ...params: any[]) => any) & import("reselect").OutputSelectorFields<(...args: readonly unknown[]) => any, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-/**
- * Selector that determines if CMS 2 is enabled for all shoppers.
- * @type {(state: RootState) => boolean}
- */
-export const getEnableCms2ForAllShoppers: (state: RootState) => boolean;
+export * from "../../settings/selectors/shopSettings";
 //# sourceMappingURL=shopSettings.d.ts.map

package/core/selectors/shopSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../core/selectors/shopSettings.js"],"names":[],"mappings":"AAyBO,gCAHI,MAAM,GACL,MAAM,CAEkD;AAQ7D,6CAJI,MAAM,aACN,GAAC,YAMX;AAOM,4DAmBN;AAED,wCAAwC;AACxC,uCAGE;AAIF;;GAEG;AACH;;;;EAGE;AAEF;;GAEG;AACH;;;;EAGE;AACF;;GAEG;AACH;;;;EAGE;AAEF;;GAEG;AACH,+CAGE;AAEF,qDAGE;AAEF,6CAGE;AAEF;;;GAGG;AACH,2CAGE;AAEF,sDAGE;AAEF,mDAGE;AAEF,wDAGE;AAEF;;;;EAQE;AAEF;;;GAGG;AACH,0CAFU,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAKrC"}
+{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../core/selectors/shopSettings.js"],"names":[],"mappings":""}