@shopgate/engage 7.31.6 → 7.32.0-beta.10

package/reviews/components/Reviews/components/List/components/Info/index.js

@@ -1,41 +1,31 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { makeStyles } from '@shopgate/engage/styles';
+import { Typography } from '@shopgate/engage/components';
 import ReviewDate from "./components/ReviewDate";
 import Author from "./components/Author";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles()({
-  root: {
-    color: 'var(--color-text-medium-emphasis)',
-    fontSize: 14
-  }
-});
 
 /**
  * Review Info Component.
  * @param {Object} props The props.
  * @returns {JSX}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Info = ({
   review
-}) => {
-  const {
-    classes
-  } = useStyles();
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/aria-role
-    _jsxs("div", {
-      className: classes.root,
-      role: "text",
-      children: [/*#__PURE__*/_jsx(ReviewDate, {
-        date: review.date
-      }), ' ', /*#__PURE__*/_jsx(Author, {
-        author: review.author
-      })]
-    })
-  );
-};
+}) =>
+/*#__PURE__*/
+// eslint-disable-next-line jsx-a11y/aria-role
+_jsxs(Typography, {
+  variant: "body2",
+  component: "div",
+  color: "textSecondary",
+  role: "text",
+  children: [/*#__PURE__*/_jsx(ReviewDate, {
+    date: review.date
+  }), ' ', /*#__PURE__*/_jsx(Author, {
+    author: review.author
+  })]
+});
 Info.defaultProps = {
   review: null
 };

package/reviews/components/Reviews/components/List/components/Text/index.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { Typography } from '@shopgate/engage/components';
 import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useStyles = makeStyles()({
   root: {
-    fontSize: 14,
     fontStyle: 'italic',
     whiteSpace: 'pre-line'
   }
@@ -24,7 +24,9 @@ const Text = ({
   if (!review) {
     return null;
   }
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsx(Typography, {
+    variant: "body2",
+    component: "div",
     className: classes.root,
     children: `"${review}"`
   });

package/reviews/components/Reviews/components/List/components/Title/index.js

@@ -2,12 +2,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-const useStyles = makeStyles()({
+const useStyles = makeStyles()(theme => ({
   root: {
-    fontWeight: 500,
+    fontWeight: theme.typography.fontWeightMedium,
     lineHeight: '20px'
   }
-});
+}));
 
 /**
  * Review Title Component.

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

@@ -3,20 +3,16 @@ import PropTypes from 'prop-types';
 import { SurroundPortals } from '@shopgate/engage/components';
 import { PRODUCT_REVIEWS_ENTRY } from '@shopgate/engage/product';
 import { makeStyles } from '@shopgate/engage/styles';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 import Title from "./components/Title";
 import Rating from "./components/Rating";
 import Text from "./components/Text";
 import Info from "./components/Info";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  colors
-} = themeConfig;
 const useStyles = makeStyles()(theme => ({
   item: {
     marginLeft: theme.spacing(2),
     padding: theme.spacing(2, 2, 2, 0),
-    borderTop: `1px solid ${colors.shade7}`
+    borderTop: `1px solid ${theme.components.border.light}`
   }
 }));
 

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/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/settings/action-creators/appSettings.d.ts

@@ -0,0 +1,12 @@
+import type { AppSettingsPayload } 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: AppSettingsPayload) => {
+    type: string;
+    settings: import("../types/appSettings").DeepPartial<import("../types/appSettings").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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,kBAAkB;;;CAG7D,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,5 @@
+import type { Breakpoint } from '@shopgate/engage/styles/theme';
+import type { ScreenSize } from '../types/appSettings';
+export declare const RECEIVE_APP_SETTINGS = "RECEIVE_APP_SETTINGS";
+export declare const SCREEN_SIZE_BREAKPOINTS: Record<ScreenSize, Breakpoint>;
+//# 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,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAE3D,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,CAIlE,CAAC"}

package/settings/constants/appSettings.js

@@ -0,0 +1,6 @@
+export const RECEIVE_APP_SETTINGS = 'RECEIVE_APP_SETTINGS';
+export const SCREEN_SIZE_BREAKPOINTS = {
+  small: 'xs',
+  medium: 'sm',
+  large: 'md'
+};

package/settings/constants/imageSettings.d.ts

@@ -0,0 +1,52 @@
+import type { ProductImageContext } from '../types/appSettings';
+/**
+ * The base widths every product image context requests from the image service, ordered ascending.
+ *
+ * Each array is a progressive loading ladder, not a responsive pick: the Image component loads the
+ * second to last entry first as a low resolution preview and the last entry as the actual source.
+ * Heights are derived from the configured aspect ratio, so at the default 1:1 these reproduce the
+ * legacy AppImages resolutions exactly.
+ */
+export declare const PRODUCT_IMAGE_BASE_WIDTHS: Record<ProductImageContext, number[]>;
+/**
+ * The largest width or height that may be requested from the image service.
+ *
+ * A configured aspect ratio is applied to the base widths, so an extreme one would otherwise ask for
+ * dimensions the service rejects. Comfortably above the largest base width in use.
+ */
+export declare const MAX_IMAGE_DIMENSION = 4096;
+/**
+ * The key the legacy image settings live under in the theme configuration.
+ */
+export declare const LEGACY_IMAGE_SETTINGS_KEY = "AppImages";
+/**
+ * The compression quality passed to the image service when nothing is configured.
+ *
+ * Derived from the theme configuration, so an app whose settings never carry a quality keeps the
+ * one its theme configured.
+ *
+ * Safe to read once at module scope: the theme config is inlined into the bundle at build time.
+ */
+export declare const DEFAULT_IMAGE_QUALITY: number;
+/**
+ * Whether product images get an inset shadow when nothing is configured.
+ *
+ * Derived from the legacy app config flag rather than hardcoded: that flag is inverted, and its
+ * default differs per theme - gmd hides the shadow, ios11 shows it - so a fixed value here would
+ * flip the shadow for one of them.
+ *
+ * Safe to read once at module scope for the same reason as DEFAULT_IMAGE_QUALITY: the app config is
+ * inlined into the bundle at build time.
+ */
+export declare const DEFAULT_SHOW_INNER_SHADOW: boolean;
+/**
+ * Fill color used when no valid one is configured. Already in Thumbor's expected format - a
+ * hexadecimal RGB expression without the leading "#".
+ */
+export declare const DEFAULT_IMAGE_FILL_COLOR = "FFFFFF";
+/**
+ * Whether transparent areas of the source image are filled too, when nothing is configured.
+ * Matches what the legacy "FFFFFF,1" value expressed.
+ */
+export declare const DEFAULT_IMAGE_FILL_TRANSPARENT = true;
+//# sourceMappingURL=imageSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"imageSettings.d.ts","sourceRoot":"","sources":["../../../settings/constants/imageSettings.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE;;;;;;;GAOG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,EAAE,CAI3E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,OAAO,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,yBAAyB,cAAc,CAAC;AAOrD;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAED,CAAC;AAEpC;;;;;;;;;GASG;AACH,eAAO,MAAM,yBAAyB,SACuC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,wBAAwB,WAAW,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,8BAA8B,OAAO,CAAC"}

package/settings/constants/imageSettings.js

@@ -0,0 +1,69 @@
+// Imported via its module path rather than the "core" barrel, since that barrel pulls in
+// getFullImageSource which reads these settings back, and would create a circular import.
+import appConfig from '@shopgate/pwa-common/helpers/config';
+import { getThemeSettings } from '@shopgate/engage/core/config/getThemeSettings';
+/**
+ * The base widths every product image context requests from the image service, ordered ascending.
+ *
+ * Each array is a progressive loading ladder, not a responsive pick: the Image component loads the
+ * second to last entry first as a low resolution preview and the last entry as the actual source.
+ * Heights are derived from the configured aspect ratio, so at the default 1:1 these reproduce the
+ * legacy AppImages resolutions exactly.
+ */
+export const PRODUCT_IMAGE_BASE_WIDTHS = {
+  list: [440],
+  pdp: [440, 1024],
+  gallery: [1024, 2048]
+};
+
+/**
+ * The largest width or height that may be requested from the image service.
+ *
+ * A configured aspect ratio is applied to the base widths, so an extreme one would otherwise ask for
+ * dimensions the service rejects. Comfortably above the largest base width in use.
+ */
+export const MAX_IMAGE_DIMENSION = 4096;
+
+/**
+ * The key the legacy image settings live under in the theme configuration.
+ */
+export const LEGACY_IMAGE_SETTINGS_KEY = 'AppImages';
+
+/**
+ * Compression quality used when the theme configuration does not provide one.
+ */
+const FALLBACK_IMAGE_QUALITY = 75;
+
+/**
+ * The compression quality passed to the image service when nothing is configured.
+ *
+ * Derived from the theme configuration, so an app whose settings never carry a quality keeps the
+ * one its theme configured.
+ *
+ * Safe to read once at module scope: the theme config is inlined into the bundle at build time.
+ */
+export const DEFAULT_IMAGE_QUALITY = (getThemeSettings(LEGACY_IMAGE_SETTINGS_KEY) ?? {}).quality ?? FALLBACK_IMAGE_QUALITY;
+
+/**
+ * Whether product images get an inset shadow when nothing is configured.
+ *
+ * Derived from the legacy app config flag rather than hardcoded: that flag is inverted, and its
+ * default differs per theme - gmd hides the shadow, ios11 shows it - so a fixed value here would
+ * flip the shadow for one of them.
+ *
+ * Safe to read once at module scope for the same reason as DEFAULT_IMAGE_QUALITY: the app config is
+ * inlined into the bundle at build time.
+ */
+export const DEFAULT_SHOW_INNER_SHADOW = !appConfig.hideProductImageShadow;
+
+/**
+ * Fill color used when no valid one is configured. Already in Thumbor's expected format - a
+ * hexadecimal RGB expression without the leading "#".
+ */
+export const DEFAULT_IMAGE_FILL_COLOR = 'FFFFFF';
+
+/**
+ * Whether transparent areas of the source image are filled too, when nothing is configured.
+ * Matches what the legacy "FFFFFF,1" value expressed.
+ */
+export const DEFAULT_IMAGE_FILL_TRANSPARENT = true;

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/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export { resolveImageServiceSettings, resolveProductImageSettings, } from './resolveImageSettings';
+export type { ResolvedImageServiceSettings, ResolvedProductImageContext, ResolvedProductImageSettings, } from './resolveImageSettings';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../settings/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,4BAA4B,EAC5B,2BAA2B,EAC3B,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC"}

package/settings/helpers/index.js

@@ -0,0 +1 @@
+export { resolveImageServiceSettings, resolveProductImageSettings } from "./resolveImageSettings";

package/settings/helpers/resolveImageSettings.d.ts

@@ -0,0 +1,70 @@
+import type { ImageResolution, ImageSettings, ProductImageContext } from '../types/appSettings';
+/**
+ * The resolved settings for one product image context: the resolution ladder to request from the
+ * image service, and the aspect ratio to apply to the rendered element.
+ *
+ * ratio is null while the legacy settings are in effect, because those configure explicit
+ * dimensions rather than a ratio - consumers then let the Image component derive the ratio from
+ * the largest resolution, exactly as before.
+ */
+export interface ResolvedProductImageContext {
+    /**
+     * The ladder to request, ordered ascending. The last entry is the displayed image, the second
+     * to last a low resolution preview.
+     */
+    resolutions: ImageResolution[];
+    /**
+     * Width and height parts to apply to the rendered element, taken from the image that is
+     * requested rather than from the configured ratio, which may have been bounded. Null leaves the
+     * Image component to derive one from the largest resolution.
+     */
+    ratio: [number, number] | null;
+}
+/**
+ * The resolved settings for every product image context, keyed by context.
+ */
+export type ResolvedProductImageSettings = Record<ProductImageContext, ResolvedProductImageContext>;
+/**
+ * What getFullImageSource needs to build an image url.
+ *
+ * The color and the transparency flag stay separate rather than being joined into one token,
+ * because the image sources spell them differently.
+ */
+export interface ResolvedImageServiceSettings {
+    /**
+     * Compression quality, 0 to 100.
+     */
+    quality: number;
+    /**
+     * A hash free hex, or one of the image service's own keywords.
+     */
+    fillColor: string;
+    /**
+     * Whether transparent areas of the source image are filled too. Not every image source supports
+     * this, so it is kept apart from the color rather than encoded into it.
+     */
+    fillTransparent: boolean;
+}
+/**
+ * Resolves the settings for every product image context.
+ *
+ * Precedence:
+ * - Once the app settings are hydrated from a source (admin sync / jsonp), they are authoritative.
+ *   The configured ratio applies to every context unless that context overrides it.
+ * - Before hydration the legacy AppImages resolutions are passed through as-is, with a null ratio.
+ *   They already carry their own implied proportions, so reverse engineering a ratio from them
+ *   would only introduce rounding - passing them through unchanged keeps the pre-hydration path
+ *   identical to the legacy behavior.
+ * @param areAppSettingsHydrated Whether the app settings arrived from a source.
+ * @param imageSettings The image settings from the store.
+ * @returns The resolved settings, keyed by context.
+ */
+export declare const resolveProductImageSettings: (areAppSettingsHydrated: boolean, imageSettings: ImageSettings) => ResolvedProductImageSettings;
+/**
+ * Resolves the quality and fill that image urls are built with.
+ * @param areAppSettingsHydrated Whether the app settings arrived from a source.
+ * @param imageSettings The image settings from the store.
+ * @returns The image service settings.
+ */
+export declare const resolveImageServiceSettings: (areAppSettingsHydrated: boolean, imageSettings: ImageSettings) => ResolvedImageServiceSettings;
+//# sourceMappingURL=resolveImageSettings.d.ts.map

package/settings/helpers/resolveImageSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveImageSettings.d.ts","sourceRoot":"","sources":["../../../settings/helpers/resolveImageSettings.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,eAAe,EACf,aAAa,EACb,mBAAmB,EACpB,MAAM,sBAAsB,CAAC;AA2D9B;;;;;;;GAOG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;;OAIG;IACH,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,MAAM,4BAA4B,GACtC,MAAM,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;CAC1B;AA4DD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,2BAA2B,GACtC,wBAAwB,OAAO,EAC/B,eAAe,aAAa,KAC3B,4BAiCF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,GACtC,wBAAwB,OAAO,EAC/B,eAAe,aAAa,KAC3B,4BAyBF,CAAC"}