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

package/reviews/components/Reviews/components/List/spec.js

@@ -1,11 +1,41 @@
 import React from 'react';
-import { mount } from 'enzyme';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
+import { render, screen } from '@testing-library/react';
 import List from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
+const mockTitle = jest.fn(({
+  title
+}) => /*#__PURE__*/_jsx("div", {
+  "data-testid": "review-title",
+  children: title
+}));
+const mockRating = jest.fn(({
+  rate
+}) => /*#__PURE__*/_jsx("div", {
+  "data-testid": "review-rating",
+  children: rate
+}));
+const mockText = jest.fn(({
+  review
+}) => /*#__PURE__*/_jsx("div", {
+  "data-testid": "review-text",
+  children: review
+}));
+const mockInfo = jest.fn(({
+  review
+}) => /*#__PURE__*/_jsx("div", {
+  "data-testid": "review-info",
+  children: review.date
+}));
+jest.mock('@shopgate/engage/components', () => ({
+  SurroundPortals: ({
+    children
+  }) => children
+}));
+jest.mock("./components/Title", () => props => mockTitle(props));
+jest.mock("./components/Rating", () => props => mockRating(props));
+jest.mock("./components/Text", () => props => mockText(props));
+jest.mock("./components/Info", () => props => mockInfo(props));
 describe('<List />', () => {
-  let list = null;
   const reviews = [{
     id: 'a',
     author: '',
@@ -36,34 +66,43 @@ describe('<List />', () => {
     review: ''
   }];
   beforeEach(() => {
-    list = mount(/*#__PURE__*/_jsx(List, {
-      reviews: []
-    }), mockRenderOptions);
+    jest.clearAllMocks();
   });
-  it('should not render when no reviews given', () => {
-    expect(list).toMatchSnapshot();
-    expect(list.find('Review').exists()).toBe(false);
+  it('should not render when no reviews exist', () => {
+    const {
+      container
+    } = render(/*#__PURE__*/_jsx(List, {
+      reviews: []
+    }));
+    expect(container.firstChild).toBeNull();
+    expect(screen.queryByRole('list')).toBeNull();
+    expect(mockTitle).not.toHaveBeenCalled();
   });
   it('should render list with reviews', () => {
-    list.setProps({
-      reviews
-    });
-    expect(list).toMatchSnapshot();
-    expect(list.find('List > ul').exists()).toBe(true);
-    list.find('Review').forEach((node, i) => {
-      const ratingNode = node.find('Rating');
-      expect(ratingNode.prop('rate')).toEqual(reviews[i].rate);
-      expect(ratingNode.find('RatingStars').prop('value')).toEqual(reviews[i].rate);
-      expect(node.find('Info').prop('review').date).toEqual(reviews[i].date);
-      if (reviews[i].author) {
-        expect(node.find('Info').prop('review').author).toEqual(reviews[i].author);
-      }
-      if (reviews[i].title) {
-        expect(node.find('Title').prop('title')).toEqual(reviews[i].title);
-      }
-      if (reviews[i].review) {
-        expect(node.find('Text').prop('review')).toEqual(reviews[i].review);
-      }
+    const {
+      container
+    } = render(/*#__PURE__*/_jsx(List, {
+      reviews: reviews
+    }));
+    expect(screen.getByRole('list')).toBeTruthy();
+    expect(container.querySelectorAll('li')).toHaveLength(reviews.length);
+    expect(mockTitle).toHaveBeenCalledTimes(reviews.length);
+    expect(mockRating).toHaveBeenCalledTimes(reviews.length);
+    expect(mockText).toHaveBeenCalledTimes(reviews.length);
+    expect(mockInfo).toHaveBeenCalledTimes(reviews.length);
+    reviews.forEach((review, i) => {
+      expect(mockTitle).toHaveBeenNthCalledWith(i + 1, expect.objectContaining({
+        title: review.title
+      }));
+      expect(mockRating).toHaveBeenNthCalledWith(i + 1, expect.objectContaining({
+        rate: review.rate
+      }));
+      expect(mockText).toHaveBeenNthCalledWith(i + 1, expect.objectContaining({
+        review: review.review
+      }));
+      expect(mockInfo).toHaveBeenNthCalledWith(i + 1, expect.objectContaining({
+        review
+      }));
     });
   });
 });

package/reviews/components/Reviews/components/RatingCount/index.js

@@ -1,26 +1,20 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { I18n } from '@shopgate/engage/components';
+import { I18n, Typography } from '@shopgate/engage/components';
 import { makeStyles } from '@shopgate/engage/styles';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  colors
-} = themeConfig;
-const useStyles = makeStyles()({
+const useStyles = makeStyles()(theme => ({
   greyStyle: {
-    fontSize: 12,
     margin: '0 0.5em',
     lineHeight: '2em',
-    color: colors.shade3
+    color: theme.palette.grey.medium
   },
   prominentStyle: {
-    fontSize: 12,
     margin: '0 0.5em',
     lineHeight: '2em',
-    color: 'var(--color-primary)'
+    color: theme.palette.primary.main
   }
-});
+}));
 
 /**
  * @param {Object} props The component props.
@@ -34,13 +28,17 @@ const RatingCount = props => {
   if (!props.count) {
     return null;
   }
-  return /*#__PURE__*/_jsx(I18n.Text, {
-    string: "reviews.review_count",
-    params: props,
+  return /*#__PURE__*/_jsx(Typography, {
+    variant: "caption",
+    component: "span",
     className: cx({
       [classes.greyStyle]: true,
       [classes.prominentStyle]: props.prominent
-    }, 'engage__reviews__rating-count')
+    }, 'engage__reviews__rating-count'),
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "reviews.review_count",
+      params: props
+    })
   });
 };
 RatingCount.defaultProps = {

package/reviews/components/Reviews/components/RatingCount/spec.js

@@ -1,18 +1,38 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render, screen } from '@testing-library/react';
 import RatingCount from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
+const mockText = jest.fn(({
+  string
+}) => /*#__PURE__*/_jsx("span", {
+  children: string
+}));
+jest.mock('@shopgate/engage/components', () => ({
+  Typography: ({
+    children
+  }) => children,
+  I18n: {
+    Text: props => mockText(props)
+  }
+}));
 describe('<RatingCount>', () => {
   it('should render nothing when count is 0', () => {
-    const rating = mount(/*#__PURE__*/_jsx(RatingCount, {
+    render(/*#__PURE__*/_jsx(RatingCount, {
       count: 0
     }));
-    expect(rating.find('span').exists()).toBe(false);
+    expect(screen.queryByText('reviews.review_count')).toBeNull();
+    expect(mockText).not.toHaveBeenCalled();
   });
   it('should render text when count is more than 0', () => {
-    const rating = mount(/*#__PURE__*/_jsx(RatingCount, {
+    render(/*#__PURE__*/_jsx(RatingCount, {
       count: 1
     }));
-    expect(rating.find('span').exists()).toBe(true);
+    expect(screen.getByText('reviews.review_count')).toBeTruthy();
+    expect(mockText).toHaveBeenCalledWith(expect.objectContaining({
+      string: 'reviews.review_count',
+      params: expect.objectContaining({
+        count: 1
+      })
+    }));
   });
 });

package/reviews/components/Reviews/components/ReviewsInfo/index.js

@@ -1,23 +1,19 @@
 import React from 'react';
 import appConfig from '@shopgate/pwa-common/helpers/config';
-import { Link } from '@shopgate/engage/components';
+import { Link, Typography } from '@shopgate/engage/components';
 import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles()({
+const useStyles = makeStyles()(theme => ({
   root: {
-    textAlign: 'center',
     marginTop: 8,
-    fontSize: '.875rem',
-    fontWeight: 300,
-    lineHeight: 1.5,
     padding: '0 1rem 1rem'
   },
   link: {
     textAlign: 'center',
-    fontWeight: 600,
+    fontWeight: theme.typography.fontWeightBold,
     marginTop: 8
   }
-});
+}));
 const {
   reviewsInfo: {
     text,
@@ -38,7 +34,11 @@ const ReviewsInfo = () => {
   if (!text) {
     return null;
   }
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsx(Typography, {
+    variant: "body2",
+    component: "div",
+    align: "center",
+    fontWeight: "light",
     className: cx(classes.root, 'engage__reviews__review_info_text'),
     children: /*#__PURE__*/_jsxs("div", {
       children: [text, linkText && linkUrl && /*#__PURE__*/_jsx(Link, {

package/reviews/components/Reviews/spec.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { Provider } from 'react-redux';
 import configureStore from 'redux-mock-store';
-import { mount } from 'enzyme';
-import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
+import { render, screen } from '@testing-library/react';
 import { mockedStateWithAll, mockedStateWithoutReview, mockedStateWithTwoReviews } from '@shopgate/pwa-common-commerce/reviews/mock';
 import appConfig from '@shopgate/pwa-common/helpers/config';
 import Reviews from "./index";
@@ -13,13 +12,35 @@ const mockedStore = configureStore();
  * @returns {JSX}
  */
 jest.mock("./components/Header", () => function Header() {
-  return /*#__PURE__*/_jsx("div", {});
+  return /*#__PURE__*/_jsx("div", {
+    "data-testid": "reviews-header"
+  });
+});
+jest.mock("./components/List", () => function List() {
+  return /*#__PURE__*/_jsx("div", {
+    "data-testid": "reviews-list"
+  });
+});
+jest.mock("./components/ReviewsInfo", () => function ReviewsInfo() {
+  return /*#__PURE__*/_jsx("div", {
+    "data-testid": "reviews-info"
+  });
 });
 jest.mock('@shopgate/engage/product', () => ({
   PRODUCT_REVIEWS: 'product.reviews',
   makeIsBaseProductActive: jest.fn(() => () => true)
 }));
-jest.mock('@shopgate/engage/components');
+jest.mock('@shopgate/engage/components', () => ({
+  SurroundPortals: ({
+    children
+  }) => children,
+  I18n: {
+    Text: () => /*#__PURE__*/_jsx("span", {
+      children: "reviews.button_all"
+    })
+  }
+}));
+jest.mock('@shopgate/pwa-ui-shared/ButtonLink', () => 'a');
 
 // Mock the getter of the hasReviews key inside the app config, so that we can turn it off later
 jest.resetModules();
@@ -31,43 +52,50 @@ Object.defineProperty(appConfig, 'hasReviews', {
 /**
  * Creates component with provided store state.
  * @param {Object} mockedState Mocked stage.
- * @return {ReactWrapper}
+ * @returns {object} Render result.
  */
-const createComponent = mockedState => mount(/*#__PURE__*/_jsx(Provider, {
+const createComponent = mockedState => render(/*#__PURE__*/_jsx(Provider, {
   store: mockedStore(mockedState),
   children: /*#__PURE__*/_jsx(Reviews, {
     productId: "foo"
   })
-}), mockRenderOptions);
+}));
 describe('<Reviews />', () => {
-  let component = null;
   it('should render when no reviews and rating given', () => {
-    component = createComponent(mockedStateWithoutReview);
-    expect(component).toMatchSnapshot();
-    expect(component.find('Header').exists()).toBe(true);
-    expect(component.find('List').exists()).toBe(true);
-    expect(component.find('AllReviewsLink').exists()).toBe(true);
+    createComponent(mockedStateWithoutReview);
+    expect(screen.getByTestId('reviews-header')).toBeTruthy();
+    expect(screen.getByTestId('reviews-list')).toBeTruthy();
+    expect(screen.getByTestId('reviews-info')).toBeTruthy();
+    expect(screen.queryByRole('link', {
+      name: 'reviews.button_all'
+    })).toBeNull();
   });
   it('should render reviews, header and all reviews link', () => {
-    component = createComponent(mockedStateWithAll);
-    expect(component).toMatchSnapshot();
-    expect(component.find('Header').exists()).toBe(true);
-    expect(component.find('List').exists()).toBe(true);
-    expect(component.find('AllReviewsLink').find('div').exists()).toBe(true);
+    createComponent(mockedStateWithAll);
+    expect(screen.getByTestId('reviews-header')).toBeTruthy();
+    expect(screen.getByTestId('reviews-list')).toBeTruthy();
+    expect(screen.getByRole('link', {
+      name: 'reviews.button_all'
+    })).toHaveAttribute('href', '/item/666f6f/reviews');
   });
   it('should render reviews, header, but no all reviews link', () => {
-    component = createComponent(mockedStateWithTwoReviews);
-    expect(component).toMatchSnapshot();
-    expect(component.find('Header').exists()).toBe(true);
-    expect(component.find('List').exists()).toBe(true);
-    expect(component.find('AllReviewsLink').find('div').exists()).toBe(false);
+    createComponent(mockedStateWithTwoReviews);
+    expect(screen.getByTestId('reviews-header')).toBeTruthy();
+    expect(screen.getByTestId('reviews-list')).toBeTruthy();
+    expect(screen.queryByRole('link', {
+      name: 'reviews.button_all'
+    })).toBeNull();
   });
   it('should not render when feature flag is off', () => {
     hasReviewsGetter.mockReturnValueOnce(false);
-    component = createComponent(mockedStateWithAll);
-    expect(component).toMatchSnapshot();
-    expect(component.find('Header').exists()).toBe(false);
-    expect(component.find('List').exists()).toBe(false);
-    expect(component.find('AllReviewsLink').exists()).toBe(false);
+    const {
+      container
+    } = createComponent(mockedStateWithAll);
+    expect(container.firstChild).toBeNull();
+    expect(screen.queryByTestId('reviews-header')).toBeNull();
+    expect(screen.queryByTestId('reviews-list')).toBeNull();
+    expect(screen.queryByRole('link', {
+      name: 'reviews.button_all'
+    })).toBeNull();
   });
 });

package/settings/action-creators/appSettings.d.ts

@@ -0,0 +1,12 @@
+import type { AppSettings } from '../types/appSettings';
+/**
+ * Creates the dispatched RECEIVE_APP_SETTINGS action object.
+ * @param settings A list of app settings.
+ * @returns The dispatched action object.
+ */
+export declare const receiveAppSettings: (settings: AppSettings) => {
+    type: string;
+    settings: AppSettings;
+};
+export type ReceiveAppSettingsAction = ReturnType<typeof receiveAppSettings>;
+//# sourceMappingURL=appSettings.d.ts.map

package/settings/action-creators/appSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/action-creators/appSettings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,WAAW;;;CAGtD,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/settings/action-creators/appSettings.js

@@ -0,0 +1,10 @@
+import { RECEIVE_APP_SETTINGS } from "../constants/appSettings";
+/**
+ * Creates the dispatched RECEIVE_APP_SETTINGS action object.
+ * @param settings A list of app settings.
+ * @returns The dispatched action object.
+ */
+export const receiveAppSettings = settings => ({
+  type: RECEIVE_APP_SETTINGS,
+  settings
+});

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

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

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

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

package/settings/action-creators/merchantSettings.js

@@ -0,0 +1,11 @@
+import { RECEIVE_MERCHANT_SETTINGS } from "../constants/merchantSettings";
+
+/**
+ * Creates the dispatched RECEIVE_MERCHANT_SETTINGS action object.
+ * @param {Array} settings A list of merchant settings.
+ * @returns {Object} The dispatched action object.
+ */
+export const receiveMerchantSettings = settings => ({
+  type: RECEIVE_MERCHANT_SETTINGS,
+  settings
+});

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

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

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

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

package/settings/action-creators/shopSettings.js

@@ -0,0 +1,21 @@
+import { RECEIVE_SHOP_SETTINGS, ERROR_SHOP_SETTINGS } from "../constants/shopSettings";
+
+/**
+ * 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
+});

package/settings/constants/appSettings.d.ts

@@ -0,0 +1,2 @@
+export declare const RECEIVE_APP_SETTINGS = "RECEIVE_APP_SETTINGS";
+//# sourceMappingURL=appSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/constants/appSettings.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC"}

package/settings/constants/appSettings.js

@@ -0,0 +1 @@
+export const RECEIVE_APP_SETTINGS = 'RECEIVE_APP_SETTINGS';

package/settings/constants/merchantSettings.d.ts

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

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

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

package/settings/constants/merchantSettings.js

@@ -0,0 +1,11 @@
+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';

package/settings/constants/shopSettings.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"shopSettings.d.ts","sourceRoot":"","sources":["../../../settings/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"}

package/settings/constants/shopSettings.js

@@ -0,0 +1,27 @@
+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';

package/settings/reducers/appSettings.d.ts

@@ -0,0 +1,18 @@
+import type { Reducer, UnknownAction } from 'redux';
+import type { AppSettingsSlice } from '../types/appSettings';
+import type { ReceiveAppSettingsAction } from '../action-creators/appSettings';
+type AppSettingsAction = ReceiveAppSettingsAction | UnknownAction;
+/**
+ * The built-in default app 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 declare const DEFAULT_APP_SETTINGS: AppSettingsSlice;
+/**
+ * Stores the app settings.
+ * @param state The current state.
+ * @param action The action object.
+ * @returns The new state.
+ */
+declare const appSettings: Reducer<AppSettingsSlice, AppSettingsAction>;
+export default appSettings;
+//# sourceMappingURL=appSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/reducers/appSettings.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG/E,KAAK,iBAAiB,GAAG,wBAAwB,GAAG,aAAa,CAAC;AAQlE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,gBAalC,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,WAAW,EAAE,OAAO,CAAC,gBAAgB,EAAE,iBAAiB,CAW5D,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/settings/reducers/appSettings.js

@@ -0,0 +1,42 @@
+import _merge from "lodash/merge";
+import { produce } from 'immer';
+import { RECEIVE_APP_SETTINGS } from "../constants/appSettings";
+const isReceiveAppSettingsAction = action => action.type === RECEIVE_APP_SETTINGS && 'settings' in action;
+
+/**
+ * The built-in default app 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_APP_SETTINGS = {
+  isHydrated: false,
+  navigation: {
+    tabBar: {
+      variant: 'fixed',
+      showLabels: true,
+      hideOnScroll: false,
+      transition: 'fade',
+      fixed: {
+        borderEnabled: true
+      }
+    }
+  }
+};
+
+/**
+ * Stores the app settings.
+ * @param state The current state.
+ * @param action The action object.
+ * @returns The new state.
+ */
+const appSettings = (state, action = {
+  type: ''
+}) => produce(state ?? DEFAULT_APP_SETTINGS, draft => {
+  if (isReceiveAppSettingsAction(action)) {
+    // Deep merge so a partial payload (e.g. only some navigation.tabBar fields)
+    // keeps the built-in defaults for anything the source omits, rather than
+    // shallow-replacing whole branches and leaving consumers with undefined.
+    _merge(draft, action.settings);
+    draft.isHydrated = true;
+  }
+});
+export default appSettings;