@shopgate/engage 7.32.0-beta.10 → 7.32.0-beta.12

package/development/components/DevelopmentTools/DevelopmentTools.js

@@ -1,21 +1,21 @@
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
+import { memo } from 'react';
 import { isDev } from '@shopgate/engage/core/helpers';
 import Shortcuts from "./Shortcuts";
 import SimulatedInsets from "../SimulatedInsets";
-
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Provides development tools for the app.
- * @param {Object} props The component props.
- * @param {React.ReactNode} props.children The child components.
- * @returns {JSX.Element}
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const DevelopmentTools = ({
   children
 }) => {
   if (!isDev) {
-    return children;
+    // Wrapped rather than returned directly: children can be an array, which a component may not
+    // return under the React 17 types.
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Shortcuts, {}), /*#__PURE__*/_jsx(SimulatedInsets, {

package/development/components/DevelopmentTools/Shortcuts.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The Shortcuts component maps shortcuts to actions in development mode.
+ */
+declare const Shortcuts: () => null;
+export default Shortcuts;
+//# sourceMappingURL=Shortcuts.d.ts.map

package/development/components/DevelopmentTools/Shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shortcuts.d.ts","sourceRoot":"","sources":["../../../../development/components/DevelopmentTools/Shortcuts.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,QAAA,MAAM,SAAS,YASd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/development/components/DevelopmentTools/Shortcuts.js

@@ -5,7 +5,6 @@ import { useShortcut } from "./hooks";
 
 /**
  * The Shortcuts component maps shortcuts to actions in development mode.
- * @returns {JSX.Element}
  */
 const Shortcuts = () => {
   const dispatch = useDispatch();

package/development/components/DevelopmentTools/hooks.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook to handle a single keyboard shortcut.
+ * Supports both 'cmd' (meta) and 'ctrl' keys explicitly.
+ * @param shortcut Shortcut string using mac-style notation, e.g. 'cmd+i'.
+ * @param callback Function to call when the shortcut is triggered.
+ */
+export declare function useShortcut(shortcut: string, callback: (event: KeyboardEvent) => void): void;
+//# sourceMappingURL=hooks.d.ts.map

package/development/components/DevelopmentTools/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../development/components/DevelopmentTools/hooks.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,QAoCrF"}

package/development/components/DevelopmentTools/hooks.js

@@ -4,9 +4,8 @@ import { useEffect, useCallback } from 'react';
 /**
  * Hook to handle a single keyboard shortcut.
  * Supports both 'cmd' (meta) and 'ctrl' keys explicitly.
- *
- * @param {string} shortcut - Shortcut string using mac-style notation, e.g. 'cmd+i'.
- * @param {Function} callback - Function to call when the shortcut is triggered.
+ * @param shortcut Shortcut string using mac-style notation, e.g. 'cmd+i'.
+ * @param callback Function to call when the shortcut is triggered.
  */
 export function useShortcut(shortcut, callback) {
   const normalizeShortcut = useCallback(() => shortcut.toLowerCase().split('+').map(k => k.trim()).sort().join('+'), [shortcut]);

package/development/components/DevelopmentTools/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DevelopmentTools';
+//# sourceMappingURL=index.d.ts.map

package/development/components/DevelopmentTools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../development/components/DevelopmentTools/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/development/components/SimulatedInsets/SimulatedInsetBottom.d.ts

@@ -0,0 +1,7 @@
+import type { SimulatedInsetProps } from './types';
+/**
+ * Renders a simulated iOS bottom inset in development.
+ */
+declare const SimulatedInsetBottom: ({ highlightInset, onClick, ...props }: SimulatedInsetProps) => import("react").JSX.Element;
+export default SimulatedInsetBottom;
+//# sourceMappingURL=SimulatedInsetBottom.d.ts.map

package/development/components/SimulatedInsets/SimulatedInsetBottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimulatedInsetBottom.d.ts","sourceRoot":"","sources":["../../../../development/components/SimulatedInsets/SimulatedInsetBottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA4BnD;;GAEG;AACH,QAAA,MAAM,oBAAoB,GAAI,uCAI3B,mBAAmB,gCAiBrB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/development/components/SimulatedInsets/SimulatedInsetBottom.js

@@ -1,5 +1,4 @@
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
+import { useMemo } from 'react';
 import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useStyles = makeStyles()(theme => ({
@@ -30,10 +29,6 @@ const useStyles = makeStyles()(theme => ({
 
 /**
  * Renders a simulated iOS bottom inset in development.
- * @param {Object} props The component props.
- * @param {boolean} props.highlightInset Whether the inset is highlighted.
- * @param {Function} props.onClick The function to call when the inset is clicked.
- * @returns {JSX.Element}
  */
 const SimulatedInsetBottom = ({
   highlightInset,

package/development/components/SimulatedInsets/SimulatedInsetTop.d.ts

@@ -0,0 +1,7 @@
+import type { SimulatedInsetProps } from './types';
+/**
+ * Renders a simulated iOS top inset in development.
+ */
+declare const SimulatedInsetTop: ({ highlightInset, onClick, ...props }: SimulatedInsetProps) => import("react").JSX.Element;
+export default SimulatedInsetTop;
+//# sourceMappingURL=SimulatedInsetTop.d.ts.map

package/development/components/SimulatedInsets/SimulatedInsetTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimulatedInsetTop.d.ts","sourceRoot":"","sources":["../../../../development/components/SimulatedInsets/SimulatedInsetTop.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAuDnD;;GAEG;AACH,QAAA,MAAM,iBAAiB,GAAI,uCAIxB,mBAAmB,gCAuCrB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/development/components/SimulatedInsets/SimulatedInsetTop.js

@@ -1,5 +1,4 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import PropTypes from 'prop-types';
+import { useState, useEffect, useMemo } from 'react';
 import { useSelector } from 'react-redux';
 import { makeStyles } from '@shopgate/engage/styles';
 import { getStatusBarStyleStorage } from '@shopgate/engage/development/selectors';
@@ -47,7 +46,7 @@ const useStyles = makeStyles()(theme => ({
 
 /**
  * Creates a human readable time string to mimic the iOS clock.
- * @returns {string} The current time in a human readable format.
+ * @returns The current time in a human readable format.
  */
 const getTime = () => {
   const now = new Date();
@@ -59,10 +58,6 @@ const getTime = () => {
 
 /**
  * Renders a simulated iOS top inset in development.
- * @param {Object} props The component props.
- * @param {boolean} props.highlightInset Whether the inset is highlighted.
- * @param {Function} props.onClick The function to call when the inset is clicked.
- * @returns {JSX.Element}
  */
 const SimulatedInsetTop = ({
   highlightInset,

package/development/components/SimulatedInsets/SimulatedInsets.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface SimulatedInsetsProps {
+    /**
+     * The child components.
+     */
+    children: ReactNode;
+}
+/**
+ * Simulates iOS insets in development mode.
+ */
+declare const SimulatedInsets: ({ children }: SimulatedInsetsProps) => import("react").JSX.Element;
+export default SimulatedInsets;
+//# sourceMappingURL=SimulatedInsets.d.ts.map

package/development/components/SimulatedInsets/SimulatedInsets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimulatedInsets.d.ts","sourceRoot":"","sources":["../../../../development/components/SimulatedInsets/SimulatedInsets.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,QAAA,MAAM,eAAe,GAAI,cAAc,oBAAoB,gCAiC1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/development/components/SimulatedInsets/SimulatedInsets.js

@@ -1,19 +1,14 @@
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import PropTypes from 'prop-types';
 import { useLongPress } from '@shopgate/engage/core/hooks';
 import { getAreSimulatedInsetsInjected, getIsInsetHighlightVisible } from '@shopgate/engage/development/selectors';
 import { toggleInsetHighlight, toggleInsets } from '@shopgate/engage/development/action-creators';
 import SimulatedInsetTop from "./SimulatedInsetTop";
 import SimulatedInsetBottom from "./SimulatedInsetBottom";
-
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Simulates iOS insets in development mode.
- * @param {Object} props The component props.
- * @param {React.ReactNode} props.children The child components.
- * @returns {JSX.Element}
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const SimulatedInsets = ({
   children
 }) => {

package/development/components/SimulatedInsets/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SimulatedInsets';
+//# sourceMappingURL=index.d.ts.map

package/development/components/SimulatedInsets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../development/components/SimulatedInsets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/development/components/SimulatedInsets/types.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from 'react';
+/**
+ * Props shared by the simulated top and bottom insets.
+ */
+export interface SimulatedInsetProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the inset is highlighted.
+     */
+    highlightInset: boolean;
+    /**
+     * The function to call when the inset is clicked.
+     */
+    onClick: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/development/components/SimulatedInsets/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../development/components/SimulatedInsets/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/development/components/SimulatedInsets/types.js

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

package/development/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DevelopmentTools } from './DevelopmentTools';
+export { default as ClientInformation } from './ClientInformation';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../development/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/development/constants/actionTypes.d.ts

@@ -0,0 +1,6 @@
+export declare const DEVELOPMENT_TOOLS_TOGGLE_INSETS = "DEVELOPMENT_TOOLS_TOGGLE_INSETS";
+export declare const DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT = "DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT";
+export declare const DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE = "DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE";
+export declare const DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW = "DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW";
+export declare const DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION = "DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION";
+//# sourceMappingURL=actionTypes.d.ts.map

package/development/constants/actionTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionTypes.d.ts","sourceRoot":"","sources":["../../../development/constants/actionTypes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,+BAA+B,oCAAoC,CAAC;AACjF,eAAO,MAAM,wCAAwC,6CAA6C,CAAC;AAEnG,eAAO,MAAM,iDAAiD,sDAAsD,CAAC;AAErH,eAAO,MAAM,qCAAqC,0CAA0C,CAAC;AAE7F,eAAO,MAAM,+CAA+C,oDAAoD,CAAC"}

package/development/constants/actionTypes.js

@@ -1,4 +1,5 @@
 export const DEVELOPMENT_TOOLS_TOGGLE_INSETS = 'DEVELOPMENT_TOOLS_TOGGLE_INSETS';
 export const DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT = 'DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT';
 export const DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE = 'DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE';
-export const DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW = 'DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW';
+export const DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW = 'DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW';
+export const DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION = 'DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION';

package/development/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './actionTypes';
+//# sourceMappingURL=index.d.ts.map

package/development/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../development/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/development/reducers/index.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("redux").Reducer<{
+    settings: import("../types").DevelopmentSettingsState;
+    storage: import("../types").DevelopmentStorageState;
+}, import("redux").UnknownAction | {
+    readonly type: "DEVELOPMENT_TOOLS_TOGGLE_INSETS";
+    readonly visible: boolean;
+} | {
+    readonly type: "DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT";
+    readonly visible: boolean;
+} | {
+    readonly type: "DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW";
+    readonly enabled: boolean;
+} | {
+    readonly type: "DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION";
+    readonly enabled: boolean;
+} | {
+    readonly type: "DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE";
+    readonly style: import("../types").StatusBarStyle;
+}, Partial<{
+    settings: import("../types").DevelopmentSettingsState | undefined;
+    storage: import("../types").DevelopmentStorageState | undefined;
+}>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../development/reducers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,wBAGG"}

package/development/reducers/settings.d.ts

@@ -0,0 +1,17 @@
+import type { Reducer, UnknownAction } from 'redux';
+import type { DevelopmentSettingsAction } from '../action-creators/settings';
+import type { DevelopmentSettingsState } from '../types';
+type SettingsAction = DevelopmentSettingsAction | UnknownAction;
+/**
+ * The state the development settings start out with.
+ */
+export declare const DEFAULT_DEVELOPMENT_SETTINGS: DevelopmentSettingsState;
+/**
+ * The reducer for all development tools settings related states.
+ * @param state The application state.
+ * @param action The redux action.
+ * @returns The new state.
+ */
+declare const settingsReducer: Reducer<DevelopmentSettingsState, SettingsAction>;
+export default settingsReducer;
+//# sourceMappingURL=settings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../development/reducers/settings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,KAAK,cAAc,GAAG,yBAAyB,GAAG,aAAa,CAAC;AAchE;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,wBAK1C,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,eAAe,EAAE,OAAO,CAAC,wBAAwB,EAAE,cAAc,CAsCrE,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/development/reducers/settings.js

@@ -1,51 +1,64 @@
+import "core-js/modules/es.array.includes.js";
 import { produce } from 'immer';
 import { isDev } from '@shopgate/engage/core/helpers';
-import { DEVELOPMENT_TOOLS_TOGGLE_INSETS, DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT, DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW } from "../constants";
+import { DEVELOPMENT_TOOLS_TOGGLE_INSETS, DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT, DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW, DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION } from "../constants";
+const HANDLED_ACTION_TYPES = [DEVELOPMENT_TOOLS_TOGGLE_INSETS, DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT, DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW, DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION];
+
+// Narrowing in one place, since `UnknownAction` types `type` as a plain string and would keep the
+// switch below from discriminating the union on its own.
+const isSettingsAction = action => HANDLED_ACTION_TYPES.includes(action.type);
 
 /**
- * @typedef {Object} DevToolsSettingsState
- * @property {boolean} showInsets
- * @property {boolean} showInsetHighlight
+ * The state the development settings start out with.
  */
-
-/** @type DevToolsSettingsState */
-const initialState = {
+export const DEFAULT_DEVELOPMENT_SETTINGS = {
   showInsets: null,
   showInsetHighlight: false,
-  cms2PreviewEnabled: false
+  cms2PreviewEnabled: false,
+  colorSchemeSelectionEnabled: false
 };
 
 /**
  * The reducer for all development tools settings related states.
- * @param {Object} state The application state.
- * @param {Object} action The redux action.
- * @returns {Object}
+ * @param state The application state.
+ * @param action The redux action.
+ * @returns The new state.
  */
-export default function settingsReducer(state = initialState, action = {}) {
-  const producer = produce(/** @param {DevToolsSettingsState} draft The draft */draft => {
-    switch (action.type) {
-      case DEVELOPMENT_TOOLS_TOGGLE_INSETS:
-        {
-          if (isDev) {
-            draft.showInsets = action.visible;
-          }
-          break;
+const settingsReducer = (state = DEFAULT_DEVELOPMENT_SETTINGS, action = {
+  type: ''
+}) => produce(state, draft => {
+  if (!isSettingsAction(action)) {
+    return;
+  }
+  switch (action.type) {
+    case DEVELOPMENT_TOOLS_TOGGLE_INSETS:
+      {
+        if (isDev) {
+          draft.showInsets = action.visible;
         }
-      case DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT:
-        {
-          if (isDev) {
-            draft.showInsetHighlight = action.visible;
-          }
-          break;
+        break;
+      }
+    case DEVELOPMENT_TOOLS_TOGGLE_INSET_HIGHLIGHT:
+      {
+        if (isDev) {
+          draft.showInsetHighlight = action.visible;
         }
-      case DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW:
-        {
-          draft.cms2PreviewEnabled = action.enabled;
-          break;
+        break;
+      }
+    case DEVELOPMENT_TOOLS_TOGGLE_CMS2_PREVIEW:
+      {
+        draft.cms2PreviewEnabled = action.enabled;
+        break;
+      }
+    case DEVELOPMENT_TOOLS_TOGGLE_COLOR_SCHEME_SELECTION:
+      {
+        if (isDev) {
+          draft.colorSchemeSelectionEnabled = action.enabled;
         }
-      default:
         break;
-    }
-  });
-  return producer(state);
-}
+      }
+    default:
+      break;
+  }
+});
+export default settingsReducer;

package/development/reducers/storage.d.ts

@@ -0,0 +1,17 @@
+import type { Reducer, UnknownAction } from 'redux';
+import type { DevelopmentStorageAction } from '../action-creators/storage';
+import type { DevelopmentStorageState } from '../types';
+type StorageAction = DevelopmentStorageAction | UnknownAction;
+/**
+ * The state the development storage starts out with.
+ */
+export declare const DEFAULT_DEVELOPMENT_STORAGE: DevelopmentStorageState;
+/**
+ * The reducer for all developer tools storage related states.
+ * @param state The application state.
+ * @param action The redux action.
+ * @returns The new state.
+ */
+declare const storageReducer: Reducer<DevelopmentStorageState, StorageAction>;
+export default storageReducer;
+//# sourceMappingURL=storage.d.ts.map

package/development/reducers/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../development/reducers/storage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,KAAK,aAAa,GAAG,wBAAwB,GAAG,aAAa,CAAC;AAO9D;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,uBAIzC,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,EAAE,OAAO,CAAC,uBAAuB,EAAE,aAAa,CAiBlE,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/development/reducers/storage.js

@@ -1,14 +1,14 @@
 import { produce } from 'immer';
 import { isDev } from '@shopgate/engage/core/helpers';
 import { DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE } from "../constants";
+// Narrowing in one place, since `UnknownAction` types `type` as a plain string and would keep the
+// switch below from discriminating the union on its own.
+const isStorageAction = action => action.type === DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE;
 
 /**
- * @typedef {Object} DevToolsStorageState
- * @property {Object} statusBarStyle
+ * The state the development storage starts out with.
  */
-
-/** @type DevToolsStorageState */
-const initialState = {
+export const DEFAULT_DEVELOPMENT_STORAGE = {
   statusBarStyle: {
     styles: {}
   }
@@ -16,24 +16,24 @@ const initialState = {
 
 /**
  * The reducer for all developer tools storage related states.
- * @param {Object} state The application state.
- * @param {Object} action The redux action.
- * @returns {Object}
+ * @param state The application state.
+ * @param action The redux action.
+ * @returns The new state.
  */
-export default function storageReducer(state = initialState, action = {}) {
-  const producer = produce(/** @param {DevToolsStorageState} draft The draft */draft => {
-    if (!isDev) {
-      return;
-    }
-    switch (action.type) {
-      case DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE:
-        {
-          draft.statusBarStyle = action.style;
-          break;
-        }
-      default:
+const storageReducer = (state = DEFAULT_DEVELOPMENT_STORAGE, action = {
+  type: ''
+}) => produce(state, draft => {
+  if (!isDev || !isStorageAction(action)) {
+    return;
+  }
+  switch (action.type) {
+    case DEVELOPMENT_TOOLS_UPDATE_STATUS_BAR_STYLE_STORAGE:
+      {
+        draft.statusBarStyle = action.style;
         break;
-    }
-  });
-  return producer(state);
-}
+      }
+    default:
+      break;
+  }
+});
+export default storageReducer;

package/development/selectors/index.d.ts

@@ -0,0 +1,3 @@
+export * from './settings';
+export * from './storage';
+//# sourceMappingURL=index.d.ts.map

package/development/selectors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../development/selectors/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}

package/development/selectors/settings.d.ts

@@ -0,0 +1,52 @@
+import type { DevelopmentSettingsState, DevelopmentState } from '../types';
+/**
+ * Creates a selector to determine if development mode is enabled.
+ */
+export declare const getIsDev: ((state: DevelopmentState) => boolean) & import("reselect").OutputSelectorFields<(args_0: boolean) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Creates a selector to determine if the simulated iOS insets are supposed to be shown.
+ */
+export declare const getAreInsetsVisible: ((state: DevelopmentState) => boolean | null) & import("reselect").OutputSelectorFields<(args_0: boolean, args_1: DevelopmentSettingsState) => boolean | null, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Creates a selector to determine if the inset highlight is visible.
+ */
+export declare const getIsInsetHighlightVisible: ((state: DevelopmentState) => boolean) & import("reselect").OutputSelectorFields<(args_0: boolean, args_1: DevelopmentSettingsState) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Creates a selector to check if simulated safe area insets are supposed to be injected.
+ */
+export declare const getAreSimulatedInsetsInjected: ((state: DevelopmentState) => boolean) & import("reselect").OutputSelectorFields<(args_0: boolean, args_1: boolean | null) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Creates a selector to determine if the CMS2 preview is enabled.
+ */
+export declare const getIsCMS2PreviewEnabled: ((state: DevelopmentState) => boolean) & import("reselect").OutputSelectorFields<(args_0: DevelopmentSettingsState) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Creates a selector to determine if a color scheme may be selected without the app settings
+ * allowing it. Development only - in production the merchant's appearance setting is the only
+ * thing that may enable it.
+ */
+export declare const getIsColorSchemeSelectionEnabled: ((state: DevelopmentState) => boolean) & import("reselect").OutputSelectorFields<(args_0: boolean, args_1: DevelopmentSettingsState) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+//# sourceMappingURL=settings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../development/selectors/settings.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAc3E;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;CAGpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;CAQ/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B;;;;CAQtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B;;;;CAoBzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;CAGnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gCAAgC;;;;CAQ5C,CAAC"}