@shopgate/engage 7.31.6 → 7.32.0-beta.10

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,157 @@
+import type { AppSettingsSlice, AppSettingsState, ColorSchemeMode } 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;
+    };
+    favorites: {
+        showCounter: boolean;
+    };
+}) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => {
+    variant: "fixed" | "floating";
+    transition: "fade" | "slide";
+    showLabels: boolean;
+    hideOnScroll: boolean;
+    fixed: {
+        borderEnabled: boolean;
+    };
+    favorites: {
+        showCounter: boolean;
+    };
+}, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the ProductGrid columns setting (keyed by breakpoint).
+ */
+export declare const getProductGridColumns: ((state: AppSettingsState) => Partial<Record<import("../types/appSettings").ScreenSize, number>>) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => Partial<Record<import("../types/appSettings").ScreenSize, number>>, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the ProductSlider slidesPerView setting (keyed by breakpoint).
+ */
+export declare const getProductSliderSlidesPerView: ((state: AppSettingsState) => Partial<Record<import("../types/appSettings").ScreenSize, number>>) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => Partial<Record<import("../types/appSettings").ScreenSize, number>>, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects whether the favorites tab bar icon shows the number of favorites within its badge.
+ */
+export declare const getShowFavoritesCounter: ((state: AppSettingsState) => boolean) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects whether rating stars are also shown for products without a rating.
+ */
+export declare const getShowEmptyRatingStars: ((state: AppSettingsState) => boolean) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the image settings.
+ */
+export declare const getImageSettings: ((state: AppSettingsState) => import("../types/appSettings").ImageSettings) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => import("../types/appSettings").ImageSettings, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the max number of lines a product card name is clamped to.
+ */
+export declare const getProductCardNameMaxLines: ((state: AppSettingsState) => number) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => number, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the max number of lines a product tile name is clamped to.
+ */
+export declare const getProductTileNameMaxLines: ((state: AppSettingsState) => number) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => number, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the themed card settings (style and shadow size).
+ */
+export declare const getCardSettings: ((state: AppSettingsState) => import("../types/appSettings").CardSettings) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => import("../types/appSettings").CardSettings, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the effective card shadow size. `none` unless the shadow style is selected.
+ */
+export declare const getCardShadowSize: ((state: AppSettingsState) => import("../types/appSettings").ShadowSize) & import("reselect").OutputSelectorFields<(args_0: import("../types/appSettings").CardSettings) => import("../types/appSettings").ShadowSize, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the color scheme mode that applies while the visitor has no own preference stored. A
+ * mode rather than a scheme name, since it can also ask to follow the operating system: a
+ * `selectable` setting starts there, so the theme layer only ever sees its own vocabulary.
+ */
+export declare const getDefaultColorSchemeMode: ((state: AppSettingsState) => ColorSchemeMode) & import("reselect").OutputSelectorFields<(args_0: import("../types/appSettings").DefaultColorSchemeMode) => ColorSchemeMode, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects whether visitors may pick a color scheme themselves. False while a binding `light` or
+ * `dark` is configured, in which case a stored pick of theirs does not apply.
+ */
+export declare const getCanSelectColorScheme: ((state: AppSettingsState) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("../types/appSettings").DefaultColorSchemeMode) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the typography settings.
+ */
+export declare const getTypographySettings: ((state: AppSettingsState) => import("../types/appSettings").TypographySettings) & import("reselect").OutputSelectorFields<(args_0: AppSettingsSlice) => import("../types/appSettings").TypographySettings, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Selects the font stylesheets to load, global file first and without duplicates.
+ */
+export declare const getTypographyFontCssUrls: ((state: AppSettingsState) => string[]) & import("reselect").OutputSelectorFields<(args_0: import("../types/appSettings").TypographySettings) => string[], {
+    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":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhG;;;;;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;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;CAGjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B;;;;CAGzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;CAGnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;CAGnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;CAG5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B;;;;CAGtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B;;;;CAGtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;;CAG3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;CAG7B,CAAC;AAWF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;CAGnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;CAGjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;CAMpC,CAAC"}

package/settings/selectors/appSettings.js

@@ -0,0 +1,97 @@
+import { createSelector } from 'reselect';
+import { COLOR_SCHEME_SELECTABLE } from "../types/appSettings";
+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);
+
+/**
+ * Selects the ProductGrid columns setting (keyed by breakpoint).
+ */
+export const getProductGridColumns = createSelector(getAppSettingsState, appSettings => appSettings.product.grid.columns);
+
+/**
+ * Selects the ProductSlider slidesPerView setting (keyed by breakpoint).
+ */
+export const getProductSliderSlidesPerView = createSelector(getAppSettingsState, appSettings => appSettings.product.slider.slidesPerView);
+
+/**
+ * Selects whether the favorites tab bar icon shows the number of favorites within its badge.
+ */
+export const getShowFavoritesCounter = createSelector(getAppSettingsState, appSettings => appSettings.navigation.tabBar.favorites.showCounter);
+
+/**
+ * Selects whether rating stars are also shown for products without a rating.
+ */
+export const getShowEmptyRatingStars = createSelector(getAppSettingsState, appSettings => appSettings.product.rating.showEmptyStars);
+
+/**
+ * Selects the image settings.
+ */
+export const getImageSettings = createSelector(getAppSettingsState, appSettings => appSettings.images);
+
+/**
+ * Selects the max number of lines a product card name is clamped to.
+ */
+export const getProductCardNameMaxLines = createSelector(getAppSettingsState, appSettings => appSettings.product.card.productName.maxLines);
+
+/**
+ * Selects the max number of lines a product tile name is clamped to.
+ */
+export const getProductTileNameMaxLines = createSelector(getAppSettingsState, appSettings => appSettings.product.tile.productName.maxLines);
+
+/**
+ * Selects the themed card settings (style and shadow size).
+ */
+export const getCardSettings = createSelector(getAppSettingsState, appSettings => appSettings.cards);
+
+/**
+ * Selects the effective card shadow size. `none` unless the shadow style is selected.
+ */
+export const getCardShadowSize = createSelector(getCardSettings, cards => cards.style === 'shadow' ? cards.shadow.size : 'none');
+
+/**
+ * Selects the raw appearance setting: a binding color scheme, or `selectable`.
+ */
+const getConfiguredColorSchemeMode = createSelector(getAppSettingsState, appSettings => appSettings.appearance?.defaultColorSchemeMode ?? DEFAULT_APP_SETTINGS.appearance.defaultColorSchemeMode);
+
+/**
+ * Selects the color scheme mode that applies while the visitor has no own preference stored. A
+ * mode rather than a scheme name, since it can also ask to follow the operating system: a
+ * `selectable` setting starts there, so the theme layer only ever sees its own vocabulary.
+ */
+export const getDefaultColorSchemeMode = createSelector(getConfiguredColorSchemeMode, configured => configured === COLOR_SCHEME_SELECTABLE ? 'system' : configured);
+
+/**
+ * Selects whether visitors may pick a color scheme themselves. False while a binding `light` or
+ * `dark` is configured, in which case a stored pick of theirs does not apply.
+ */
+export const getCanSelectColorScheme = createSelector(getConfiguredColorSchemeMode, configured => configured === COLOR_SCHEME_SELECTABLE);
+
+/**
+ * Selects the typography settings.
+ */
+export const getTypographySettings = createSelector(getAppSettingsState, appSettings => appSettings.typography);
+
+/**
+ * Selects the font stylesheets to load, global file first and without duplicates.
+ */
+export const getTypographyFontCssUrls = createSelector(getTypographySettings, typography => Array.from(new Set([typography.fontCssUrl].concat(Object.values(typography.variants).map(variant => variant?.fontCssUrl)).filter(url => typeof url === 'string' && url.length > 0))));

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);