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

package/settings/reducers/index.d.ts

@@ -0,0 +1,15 @@
+export declare const settings: import("redux").Reducer<{
+    config: Object;
+    shopSettings: Object;
+    merchantSettings: Object;
+    appSettings: import("../types/appSettings").AppSettingsSlice;
+}, (import("redux").UnknownAction | {
+    type: string;
+    settings: import("../types/appSettings").AppSettings;
+}) | import("redux").Action<string>, Partial<{
+    config: Object | undefined;
+    shopSettings: Object | undefined;
+    merchantSettings: Object | undefined;
+    appSettings: import("../types/appSettings").AppSettingsSlice | undefined;
+}>>;
+//# sourceMappingURL=index.d.ts.map

package/settings/reducers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../settings/reducers/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;GAKnB,CAAC"}

package/{core → settings}/reducers/index.js

@@ -1,10 +1,11 @@
 import { combineReducers } from 'redux';
-import config from "../config/config.reducers";
+import config from "../../core/config/config.reducers";
 import shopSettings from "./shopSettings";
 import merchantSettings from "./merchantSettings";
-export { default as app } from "./app";
+import appSettings from "./appSettings";
 export const settings = combineReducers({
   config,
   shopSettings,
-  merchantSettings
+  merchantSettings,
+  appSettings
 });

package/settings/reducers/merchantSettings.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Stores the merchant settings.
+ * @param {Object} [state={}] The current state.
+ * @param {Object} action The action object.
+ * @returns {Object} The new state.
+ */
+export default function merchantSettings(state?: Object, action?: Object): Object;
+export namespace DEFAULT_MERCHANT_SETTINGS {
+    export let locationBasedShoppingEnabled: boolean;
+    export let enableSubstitutionPreferences: boolean;
+    export let restrictMultiLocationOrders: boolean;
+    export { currency as defaultCurrency };
+    export let enableWebIndexing: boolean;
+    export let enabledCmsVersion: string;
+}
+declare const currency: any;
+export {};
+//# sourceMappingURL=merchantSettings.d.ts.map

package/settings/reducers/merchantSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../settings/reducers/merchantSettings.js"],"names":[],"mappings":"AA4BA;;;;;GAKG;AACH,iDAJW,MAAM,WACN,MAAM,GACJ,MAAM,CAkBlB"}

package/{core → settings}/reducers/merchantSettings.js

@@ -1,12 +1,18 @@
 import { produce } from 'immer';
 import appConfig from '@shopgate/pwa-common/helpers/config';
-import { RECEIVE_MERCHANT_SETTINGS, MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED, MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED, MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS, MERCHANT_SETTINGS_DEFAULT_CURRENCY, MERCHANT_SETTINGS_ENABLE_WEB_INDEXING, MERCHANT_SETTINGS_ENABLED_CMS_VERSION } from "../constants";
+import { RECEIVE_MERCHANT_SETTINGS, MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED, MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED, MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS, MERCHANT_SETTINGS_DEFAULT_CURRENCY, MERCHANT_SETTINGS_ENABLE_WEB_INDEXING, MERCHANT_SETTINGS_ENABLED_CMS_VERSION } from "../constants/merchantSettings";
 const {
   locales: {
     currency = null
   } = {}
 } = appConfig;
-const defaultState = {
+
+/**
+ * The built-in default merchant settings. Used as the reducer's initial state
+ * and as a safe fallback for selectors when the slice is not present in the
+ * store yet.
+ */
+export const DEFAULT_MERCHANT_SETTINGS = {
   [MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED]: false,
   [MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED]: false,
   [MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS]: false,
@@ -21,7 +27,7 @@ const defaultState = {
  * @param {Object} action The action object.
  * @returns {Object} The new state.
  */
-export default function merchantSettings(state = defaultState, action = {}) {
+export default function merchantSettings(state = DEFAULT_MERCHANT_SETTINGS, action = {}) {
   const producer = produce(draft => {
     switch (action.type) {
       case RECEIVE_MERCHANT_SETTINGS:

package/settings/reducers/shopSettings.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Stores the product locations by the location code.
+ * @param {Object} [state={}] The current state.
+ * @param {Object} action The action object.
+ * @returns {Object} The new state.
+ */
+export default function shopSettings(state?: Object, action?: Object): Object;
+export namespace DEFAULT_SHOP_SETTINGS {
+    export let googleSiteVerificationCode: null;
+    export let cartSupplementalContent: null;
+    export let orderSupplementalContent: null;
+    export let showShopLogoInWeb: boolean;
+    export let showShopLogoInApp: boolean;
+    export { SORT_RELEVANCE as productsSortOrder };
+    export let numberOfAddressLines: number;
+    export namespace images {
+        let productPlaceholder: null;
+        let categoryPlaceholder: null;
+        let favicon: null;
+    }
+    export let wishlistItemQuantityEnabled: boolean;
+    export let wishlistItemNotesEnabled: boolean;
+    export let loadWishlistOnAppStartEnabled: boolean;
+    export let showWishlistItemsCountBadge: boolean;
+    export let enableCms2ForAllShoppers: boolean;
+}
+import { SORT_RELEVANCE } from '@shopgate/pwa-common/constants/DisplayOptions';
+//# sourceMappingURL=shopSettings.d.ts.map

package/settings/reducers/shopSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../settings/reducers/shopSettings.js"],"names":[],"mappings":"AAgDA;;;;;GAKG;AACH,6CAJW,MAAM,WACN,MAAM,GACJ,MAAM,CA0BlB;;;;;;;;;;;;;;;;;;;;+BA7E8B,+CAA+C"}

package/{core → settings}/reducers/shopSettings.js

@@ -1,7 +1,13 @@
 import { produce } from 'immer';
 import { SORT_RELEVANCE } from '@shopgate/pwa-common/constants/DisplayOptions';
-import { RECEIVE_SHOP_SETTINGS, ERROR_SHOP_SETTINGS, SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE, SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT, SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT, SHOP_SETTING_SHOW_SHOP_LOGO_IN_WEB, SHOP_SETTING_SHOW_SHOP_LOGO_IN_APP, SHOP_SETTING_PRODUCTS_SORT_ORDER, SHOP_SETTING_IMAGES, SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER, SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER, SHOP_SETTING_IMAGES_FAVICON, SHOP_SETTING_NUMBER_OF_ADDRESS_LINES, SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED, SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED, SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED, SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE, SHOP_SETTING_ENABLE_CMS_2_FOR_ALL_SHOPPERS } from "../constants";
-const defaultState = {
+import { RECEIVE_SHOP_SETTINGS, ERROR_SHOP_SETTINGS, SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE, SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT, SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT, SHOP_SETTING_SHOW_SHOP_LOGO_IN_WEB, SHOP_SETTING_SHOW_SHOP_LOGO_IN_APP, SHOP_SETTING_PRODUCTS_SORT_ORDER, SHOP_SETTING_IMAGES, SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER, SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER, SHOP_SETTING_IMAGES_FAVICON, SHOP_SETTING_NUMBER_OF_ADDRESS_LINES, SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED, SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED, SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED, SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE, SHOP_SETTING_ENABLE_CMS_2_FOR_ALL_SHOPPERS } from "../constants/shopSettings";
+
+/**
+ * The built-in default shop settings. Used as the reducer's initial state and
+ * as a safe fallback for selectors when the slice is not present in the store
+ * yet.
+ */
+export const DEFAULT_SHOP_SETTINGS = {
   [SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE]: null,
   [SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT]: null,
   [SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT]: null,
@@ -27,7 +33,7 @@ const defaultState = {
  * @param {Object} action The action object.
  * @returns {Object} The new state.
  */
-export default function shopSettings(state = defaultState, action = {}) {
+export default function shopSettings(state = DEFAULT_SHOP_SETTINGS, action = {}) {
   const producer = produce(draft => {
     switch (action.type) {
       case RECEIVE_SHOP_SETTINGS:
@@ -40,7 +46,7 @@ export default function shopSettings(state = defaultState, action = {}) {
       case ERROR_SHOP_SETTINGS:
         {
           Object.assign(draft, {
-            ...defaultState,
+            ...DEFAULT_SHOP_SETTINGS,
             ...state
           });
           break;

package/settings/selectors/appSettings.d.ts

@@ -0,0 +1,44 @@
+import type { AppSettingsSlice, AppSettingsState } from '../types/appSettings';
+/**
+ * Retrieves the appSettings state from the store. Falls back to the built-in
+ * defaults when the slice is not present in the store yet.
+ * @param state The current application state.
+ * @returns The appSettings state.
+ */
+export declare const getAppSettingsState: (state: AppSettingsState) => AppSettingsSlice;
+/**
+ * Selects whether the app settings have been hydrated from a source
+ * (admin sync / jsonp). While `false` the values are the built-in defaults,
+ * so consumers should not rely on them and can fall back to the legacy
+ * settings system.
+ */
+export declare const getAreAppSettingsHydrated: ((state: AppSettingsState) => boolean) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the tab bar settings.
+ */
+export declare const getTabBarSettings: ((state: AppSettingsState) => {
+    variant: "fixed" | "floating";
+    transition: "fade" | "slide";
+    showLabels: boolean;
+    hideOnScroll: boolean;
+    fixed: {
+        borderEnabled: boolean;
+    };
+}) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => {
+    variant: "fixed" | "floating";
+    transition: "fade" | "slide";
+    showLabels: boolean;
+    hideOnScroll: boolean;
+    fixed: {
+        borderEnabled: boolean;
+    };
+}, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+//# sourceMappingURL=appSettings.d.ts.map

package/settings/selectors/appSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/selectors/appSettings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG/E;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,gBAAgB,KAAG,gBACR,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB;;;;CAGrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;CAG7B,CAAC"}

package/settings/selectors/appSettings.js

@@ -0,0 +1,23 @@
+import { createSelector } from 'reselect';
+import { DEFAULT_APP_SETTINGS } from "../reducers/appSettings";
+
+/**
+ * Retrieves the appSettings state from the store. Falls back to the built-in
+ * defaults when the slice is not present in the store yet.
+ * @param state The current application state.
+ * @returns The appSettings state.
+ */
+export const getAppSettingsState = state => state?.settings?.appSettings ?? DEFAULT_APP_SETTINGS;
+
+/**
+ * Selects whether the app settings have been hydrated from a source
+ * (admin sync / jsonp). While `false` the values are the built-in defaults,
+ * so consumers should not rely on them and can fall back to the legacy
+ * settings system.
+ */
+export const getAreAppSettingsHydrated = createSelector(getAppSettingsState, appSettings => appSettings.isHydrated);
+
+/**
+ * Selects the tab bar settings.
+ */
+export const getTabBarSettings = createSelector(getAppSettingsState, appSettings => appSettings.navigation.tabBar);

package/settings/selectors/merchantSettings.d.ts

@@ -0,0 +1,21 @@
+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 merchant settings state.
+ */
+export function getState(state: Object): Object;
+//# sourceMappingURL=merchantSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"merchantSettings.d.ts","sourceRoot":"","sources":["../../../settings/selectors/merchantSettings.js"],"names":[],"mappings":"AAiCA,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,CAEsE"}

package/settings/selectors/merchantSettings.js

@@ -0,0 +1,34 @@
+import { createSelector } from 'reselect';
+import { DEFAULT_MERCHANT_SETTINGS } from "../reducers/merchantSettings";
+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/merchantSettings";
+
+/**
+ * Retrieves the merchantSettings state from the store.
+ * @param {Object} state The current application state.
+ * @return {Object} The merchant settings state.
+ */
+const getState = state => state?.settings?.merchantSettings ?? DEFAULT_MERCHANT_SETTINGS;
+
+/**
+ * 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 };

package/settings/selectors/shopSettings.d.ts

@@ -0,0 +1,54 @@
+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;
+//# sourceMappingURL=shopSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../settings/selectors/shopSettings.js"],"names":[],"mappings":"AA0BO,gCAHI,MAAM,GACL,MAAM,CAEqE;AAQhF,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"}

package/settings/selectors/shopSettings.js

@@ -0,0 +1,81 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.reduce.js";
+import { createSelector } from 'reselect';
+import { DEFAULT_SHOP_SETTINGS } from "../reducers/shopSettings";
+import { WISHLIST_MODE_PERSIST_ON_ADD, SHOP_SETTING_WISHLIST_MODE, SHOP_SETTING_IMAGES, SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER, SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER, SHOP_SETTING_IMAGES_FAVICON, SHOP_SETTING_NUMBER_OF_ADDRESS_LINES, SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE, SHOP_SETTINGS_SHOW_CATEGORY_IMAGES, SHOP_SETTING_REGISTRATION_MODE, SHOP_SETTING_REGISTRATION_MODE_EXTENDED, SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED, SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED, SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED, SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE, SHOP_SETTING_ENABLE_CMS_2_FOR_ALL_SHOPPERS } from "../constants/shopSettings";
+
+/**
+ * Retrieves the shopSettings state from the store.
+ * @param {Object} state The current application state.
+ * @return {Object} The shop settings state.
+ */
+export const getState = state => state?.settings?.shopSettings ?? DEFAULT_SHOP_SETTINGS;
+
+/**
+ * Creates a selector to retrieve a single shop setting.
+ * @param {string} key The key of the shop setting
+ * @param {*} [fallback=null] The fallback value when no value can be determined.
+ * @returns {Function}
+ */
+export const makeGetShopSettingByKey = (key, fallback = null) => createSelector(getState, state => typeof state?.[key] !== 'undefined' ? state?.[key] : fallback);
+
+/**
+ * Creates a selector to retrieve multiple shop setting.
+ * @param {Array} [keys=[]] Optional keys to filter.
+ * @returns {Function}
+ */
+export const makeGetShopSettings = (keys = []) => createSelector(getState, state => {
+  const result = Object.keys(state).filter(key => {
+    if (Array.isArray(keys) && keys.length > 0) {
+      return keys.includes(key);
+    }
+    return true;
+  }).reduce((acc, key) => {
+    if (typeof state?.[key] !== 'undefined') {
+      acc[key] = state[key];
+    }
+    return acc;
+  }, {});
+  return result;
+});
+
+/** Selects the current wishlist mode */
+export const getWishlistMode = makeGetShopSettingByKey(SHOP_SETTING_WISHLIST_MODE, WISHLIST_MODE_PERSIST_ON_ADD);
+const getShopSettingImages = makeGetShopSettingByKey(SHOP_SETTING_IMAGES, {});
+
+/**
+ * Selects the placeholder image for products
+ */
+export const getProductImagePlaceholder = createSelector(getShopSettingImages, images => images?.[SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER] || null);
+
+/**
+ * Selects the placeholder image for products
+ */
+export const getCategoryImagePlaceholder = createSelector(getShopSettingImages, images => images?.[SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER] || null);
+/**
+ * Selects the placeholder image for products
+ */
+export const getFavicon = createSelector(getShopSettingImages, images => images?.[SHOP_SETTING_IMAGES_FAVICON] || null);
+
+/**
+ * Selects the number of address lines for registration / address forms
+ */
+export const getNumberOfAddressLines = makeGetShopSettingByKey(SHOP_SETTING_NUMBER_OF_ADDRESS_LINES, 2);
+export const getGoogleSiteVerificationCode = makeGetShopSettingByKey(SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE, '');
+export const getShowCategoryImages = makeGetShopSettingByKey(SHOP_SETTINGS_SHOW_CATEGORY_IMAGES, true);
+
+/**
+ * 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 = makeGetShopSettingByKey(SHOP_SETTING_REGISTRATION_MODE, SHOP_SETTING_REGISTRATION_MODE_EXTENDED);
+export const getWishlistItemQuantityEnabled = makeGetShopSettingByKey(SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED, false);
+export const getWishlistItemNotesEnabled = makeGetShopSettingByKey(SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED, false);
+export const getLoadWishlistOnAppStartEnabled = makeGetShopSettingByKey(SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED, true);
+export const getShowWishlistItemsCountBadge = createSelector(getLoadWishlistOnAppStartEnabled, makeGetShopSettingByKey(SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE, true), (loadWishlistOnAppStartEnabled, showWishlistItemsCountBadge) => loadWishlistOnAppStartEnabled ? showWishlistItemsCountBadge : false);
+
+/**
+ * Selector that determines if CMS 2 is enabled for all shoppers.
+ * @type {(state: RootState) => boolean}
+ */
+export const getEnableCms2ForAllShoppers = makeGetShopSettingByKey(SHOP_SETTING_ENABLE_CMS_2_FOR_ALL_SHOPPERS, false);

package/settings/types/appSettings.d.ts

@@ -0,0 +1,32 @@
+export interface AppSettingsState {
+    settings: {
+        appSettings: AppSettingsSlice;
+    };
+}
+export interface AppSettings {
+    navigation: {
+        tabBar: {
+            variant: 'fixed' | 'floating';
+            transition: 'fade' | 'slide';
+            showLabels: boolean;
+            hideOnScroll: boolean;
+            fixed: {
+                borderEnabled: boolean;
+            };
+        };
+    };
+}
+/**
+ * The stored app settings slice. Extends the raw {@link AppSettings} values
+ * with metadata that is derived by the reducer rather than supplied by a
+ * source (admin sync / jsonp).
+ */
+export interface AppSettingsSlice extends AppSettings {
+    /**
+     * Whether the settings have been hydrated from a source (admin sync / jsonp).
+     * While `false` the values are the built-in defaults and should be treated as
+     * unreliable, so consumers can fall back to the legacy settings system.
+     */
+    isHydrated: boolean;
+}
+//# sourceMappingURL=appSettings.d.ts.map

package/settings/types/appSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/types/appSettings.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE;QACR,WAAW,EAAE,gBAAgB,CAAC;KAC/B,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE;YACN,OAAO,EAAE,OAAO,GAAG,UAAU,CAAA;YAC7B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;YAC7B,UAAU,EAAE,OAAO,CAAC;YACpB,YAAY,EAAE,OAAO,CAAC;YACtB,KAAK,EAAE;gBACL,aAAa,EAAE,OAAO,CAAC;aACxB,CAAA;SACF,CAAA;KACF,CAAA;CACF;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB"}

package/settings/types/appSettings.js

@@ -0,0 +1 @@
+export {};

package/styles/helpers/setPageBackgroundColor.js

@@ -1,6 +1,6 @@
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 import { hasWebBridge } from '@shopgate/engage/core/helpers';
-import { IS_PAGE_PREVIEW_ACTIVE } from '@shopgate/engage/page/constants';
+import { isAdminPreviewActive } from '@shopgate/engage/admin-preview/helpers';
 import { setCSSCustomProp } from "./cssCustomProperties";
 const {
   colors: {
@@ -14,7 +14,7 @@ const {
  */
 export const setPageBackgroundColor = (color = defaultBackgroundColor) => {
   // Curbside website changes never its background color
-  if (!hasWebBridge() || IS_PAGE_PREVIEW_ACTIVE) {
+  if (!hasWebBridge() || isAdminPreviewActive()) {
     setCSSCustomProp('--page-background-color', color);
   }
 };

package/styles/theme/createDefaultThemeOptions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createDefaultThemeOptions/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,QAAO,YAwC3C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createDefaultThemeOptions/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,QAAO,YA6G3C,CAAC"}

package/styles/theme/createDefaultThemeOptions/index.js

@@ -28,11 +28,80 @@ export const createDefaultThemeOptions = () => ({
           main: getCSSCustomProp('--color-state-ok')
         },
         background: {
-          default: colors.background
+          default: colors.light,
+          surface: colors.light,
+          emphasized: colors.placeholder || '#F2F2F2'
         },
         text: {
-          primary: getCSSCustomProp('--color-text-high-emphasis'),
-          secondary: getCSSCustomProp('--color-text-low-emphasis')
+          primary: getCSSCustomProp('--color-text-high-emphasis') || '#1A1A1A',
+          secondary: getCSSCustomProp('--color-text-medium-emphasis') || '#808080'
+        }
+      },
+      components: {
+        border: {
+          vars: {
+            light: '#F2F2F2',
+            medium: '#b5b5b5',
+            dark: '#747474'
+          }
+        },
+        price: {
+          vars: {
+            color: getCSSCustomProp('--color-primary')
+          }
+        },
+        input: {
+          vars: {
+            background: '#F2F2F2',
+            border: '#CCCCCC'
+          }
+        },
+        separatorLine: {
+          vars: {
+            borderColor: '#EBEBEF'
+          }
+        },
+        ctaButton: {
+          vars: {
+            background: getCSSCustomProp('--color-button-cta') || getCSSCustomProp('--color-primary')
+          }
+        },
+        snackbar: {
+          vars: {
+            background: '#323232'
+          }
+        },
+        tabBar: {
+          vars: {
+            background: 'var(--tab-bar-background, #FFFFFF)',
+            minHeight: 'var(--tab-bar-min-height, 0px)',
+            border: '#E6E6E6',
+            inactive: 'var(--tab-bar-item-default-color, #747474)',
+            active: `var(--tab-bar-item-highlighted-color, ${getCSSCustomProp('--color-secondary')})`,
+            floatingBorderRadius: 'var(--tab-bar-floating-border-radius, 16px)',
+            floatingBoxShadow: 'var(--tab-bar-floating-box-shadow, 0 0 12px rgba(0, 0, 0, 0.24))',
+            floatingMinHeight: 'var(--tab-bar-floating-min-height, 59px)',
+            badgeColor: 'var(--tab-bar-item-badge-color, #FFFFFF)',
+            badgeBackground: `var(--tab-bar-item-badge-background, ${getCSSCustomProp('--color-secondary')})`,
+            badgeBorderRadius: 'var(--tab-bar-item-badge-border-radius, 8px)',
+            badgeTop: 'var(--tab-bar-item-badge-top, -8px)',
+            badgeLeft: 'var(--tab-bar-item-badge-left, calc(50% + 20px))'
+          }
+        },
+        ratingStars: {
+          vars: {
+            filled: `var(--rating-stars-filled, ${getCSSCustomProp('--color-primary')})`,
+            empty: 'var(--rating-stars-empty, #CCCCCC)'
+          }
+        },
+        swiper: {
+          vars: {
+            paginationBulletColor: '#b5b5b5',
+            paginationBulletActiveColor: '#747474',
+            paginationFractionBackground: '#F2F2F2',
+            paginationProgressbarBackground: '#F2F2F2',
+            paginationProgressbarActiveColor: '#000000'
+          }
         }
       }
     },

package/styles/theme/createTheme/createComponents.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentsOptions, Components, ComponentsFromSchema } from './createComponents.types';
+import type { ComponentsOptions, ComponentVars, ComponentsFromSchema } from './createComponents.types';
 export type { ComponentsOptions, Components, ComponentVars } from './createComponents.types';
 /**
  * Deeply resolves a components object:
@@ -30,6 +30,6 @@ export declare function flattenComponentVars<T extends AnyObject>(input: T): { [
  * @param inputComponents The input components options
  * @returns The components object
  */
-declare const createComponents: (inputComponents: ComponentsOptions) => Components;
+declare const createComponents: (inputComponents: ComponentsOptions) => ComponentVars;
 export default createComponents;
 //# sourceMappingURL=createComponents.d.ts.map

package/styles/theme/createTheme/createComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponents.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createTheme/createComponents.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE7F;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,EACpD,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,oBAAoB,CAAC,MAAM,CAAC,CAmB9B;AAGD,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,GAa/C,GACd,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC1D,CACF;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,GAAI,iBAAiB,iBAAiB,KAAG,UAQ9D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"createComponents.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createTheme/createComponents.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,iBAAiB,EAEjB,aAAa,EACb,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE7F;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,EACpD,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,oBAAoB,CAAC,MAAM,CAAC,CAmB9B;AAGD,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,GAa/C,GACd,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC1D,CACF;AAED;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,GAAI,iBAAiB,iBAAiB,KAAG,aAS9D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/styles/theme/createTheme/createComponents.js

@@ -62,6 +62,7 @@ export function flattenComponentVars(input) {
  */
 const createComponents = inputComponents => {
   const mergedComponents = merge({}, componentsSchema, componentsDefaults, inputComponents);
+  // @ts-expect-error - We are sure about the type here
   return mergedComponents;
 };
 export default createComponents;