@shopgate/engage 7.27.3-alpha.17 → 7.27.3-alpha.18

package/core/hooks/events/useScrollDirectionChange.d.ts

@@ -0,0 +1,74 @@
+export interface ViewScrollEvent {
+  /** The original scroll event object */
+  event: UIEvent;
+
+  /** Current vertical scroll position */
+  scrollTop: number;
+
+  /** Previous scrollTop value */
+  previousScrollTop: number;
+
+  /** True if scrolling down */
+  scrollDown: boolean;
+
+  /** True if scrolling up */
+  scrollUp: boolean;
+
+  /** Scroll direction: 'up', 'down', or null */
+  direction: 'up' | 'down' | null;
+
+  /** Optional internal/legacy props (not passed to callbacks) */
+  [key: string]: unknown;
+}
+
+/**
+ * @param event Scroll event
+ */
+export type ScrollCallback = (event: ViewScrollEvent) => void;
+
+export interface UseScrollDirectionChangeParams {
+  /** Whether the hook is active */
+  enabled: boolean;
+
+  /**
+   * ScrollTop threshold for down scroll triggers. When set,
+   * `onScrollDown` fires only when the scroll position is greater than this.
+   * @default 100
+   */
+  offset?: number;
+
+  /**
+   * If true, callbacks fire only once per direction change
+   * @default true
+   */
+  onlyFireOnDirectionChange?: boolean;
+
+  /**
+   * If true, onScrollUp fires only when scrollTop is below or equal to
+   * `onlyFireOnScrollUpAtTopOffset`.
+   * @default false
+   */
+  onlyFireOnScrollUpAtTop?: boolean;
+
+  /**
+   * Maximum scrollTop at which `onScrollUp` may fire when
+   * `onlyFireOnScrollUpAtTop` is true.
+   * @default 0
+   */
+  onlyFireOnScrollUpAtTopOffset?: number;
+
+  /** Callback triggered on scroll up */
+  onScrollUp?: ScrollCallback;
+
+  /** Callback triggered on scroll down past offset */
+  onScrollDown?: ScrollCallback;
+}
+
+/**
+ * A scroll hook that detects scroll direction changes (up/down) and
+ * triggers the appropriate callbacks. Commonly used to show/hide
+ * UI elements based on scroll behavior.
+ *
+ * @param {UseScrollDirectionChangeParams} params The hook parameters
+ */
+export default function useScrollDirectionChange(params: UseScrollDirectionChangeParams): void;

package/core/hooks/events/useScrollDirectionChange.js

@@ -0,0 +1,18 @@
+var _excluded=["scrollIn","scrollOut","scrolled"],_excluded2=["scrollIn","scrollOut","scrolled"];function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}// @ts-check
+import{useEffect,useRef,useCallback}from'react';import{viewScroll$}from'@shopgate/engage/core/streams';/** @typedef {import('./useScrollDirectionChange').ViewScrollEvent} ViewScrollEvent */ /** @typedef {import('./useScrollDirectionChange').ScrollCallback} ScrollCallback */ // eslint-disable-next-line max-len
+/** @typedef {import('./useScrollDirectionChange').UseScrollDirectionChangeParams} UseScrollDirectionChangeParams */ /**
+ * A scroll hook that detects scroll direction changes (up/down) and
+ * triggers the appropriate callbacks. Commonly used to show/hide
+ * UI elements based on scroll behavior.
+ *
+ * @param {UseScrollDirectionChangeParams} params The hook parameters
+ */export default function useScrollDirectionChange(_ref){var enabled=_ref.enabled,_ref$offset=_ref.offset,offset=_ref$offset===void 0?100:_ref$offset,_ref$onlyFireOnDirect=_ref.onlyFireOnDirectionChange,onlyFireOnDirectionChange=_ref$onlyFireOnDirect===void 0?true:_ref$onlyFireOnDirect,_ref$onlyFireOnScroll=_ref.onlyFireOnScrollUpAtTop,onlyFireOnScrollUpAtTop=_ref$onlyFireOnScroll===void 0?false:_ref$onlyFireOnScroll,_ref$onlyFireOnScroll2=_ref.onlyFireOnScrollUpAtTopOffset,onlyFireOnScrollUpAtTopOffset=_ref$onlyFireOnScroll2===void 0?0:_ref$onlyFireOnScroll2,onScrollUp=_ref.onScrollUp,onScrollDown=_ref.onScrollDown;var lastDirectionRef=useRef(null);var downTriggeredRef=useRef(false);var upTriggeredRef=useRef(false);/**
+   * Scroll event handler.
+   * Uses `event.direction` and triggers callbacks accordingly.
+   */var handleScroll=useCallback(/** @param {ViewScrollEvent} event The event */function(event){if(!enabled||!event.scrolled||!event.direction)return;var scrollTop=event.scrollTop,direction=event.direction;var prevDirection=lastDirectionRef.current;var directionChanged=direction!==prevDirection;// Store current direction and reset flags if direction changed
+if(directionChanged){// @ts-expect-error
+lastDirectionRef.current=direction;if(direction==='down')downTriggeredRef.current=false;if(direction==='up')upTriggeredRef.current=false;}// 🔽 Handle downward scroll
+if(direction==='down'){var shouldFire=(!onlyFireOnDirectionChange||directionChanged||!downTriggeredRef.current)&&scrollTop>=offset;if(shouldFire&&typeof onScrollDown==='function'){downTriggeredRef.current=true;// Strip internal/legacy properties
+var scrollIn=event.scrollIn,scrollOut=event.scrollOut,scrolled=event.scrolled,publicEvent=_objectWithoutProperties(event,_excluded);onScrollDown(publicEvent);}}// 🔼 Handle upward scroll
+if(direction==='up'){// if user wants “only fire at the very top” and we’re not at 0, skip
+if(onlyFireOnScrollUpAtTop&&scrollTop>onlyFireOnScrollUpAtTopOffset){return;}var _shouldFire=!onlyFireOnDirectionChange||directionChanged||!upTriggeredRef.current;if(_shouldFire&&typeof onScrollUp==='function'){upTriggeredRef.current=true;var _scrollIn=event.scrollIn,_scrollOut=event.scrollOut,_scrolled=event.scrolled,_publicEvent=_objectWithoutProperties(event,_excluded2);onScrollUp(_publicEvent);}}},[enabled,onlyFireOnDirectionChange,offset,onScrollDown,onlyFireOnScrollUpAtTop,onlyFireOnScrollUpAtTopOffset,onScrollUp]);useEffect(function(){if(!enabled)return undefined;var subscription=viewScroll$.subscribe(handleScroll);return function(){return subscription.unsubscribe();};},[enabled,handleScroll]);}

package/core/hooks/html/useLoadImage.js

@@ -1,4 +1,4 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{useState,useEffect}from'react';import{loadImage}from'@shopgate/pwa-common/helpers/html/handleDOM';/**
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{useState,useEffect}from'react';import{loadImage}from'@shopgate/pwa-common/helpers/html/handleDOM';/**
  * Load image hook
  * @param {string} src .
  * @returns {boolean}

package/core/hooks/index.js

@@ -0,0 +1 @@
+export*from"./layout";export*from"./events";export{useAsyncMemo}from"./useAsyncMemo";export{useRoute}from"./useRoute";export{useTheme}from"./useTheme";export{useApp}from"./useApp";export{useCurrentProduct}from"./useCurrentProduct";export{useNavigation}from"./useNavigation";export{usePageConfig}from"./usePageConfig";export{usePageSettings}from"./usePageSettings";export{useWidgetConfig}from"./useWidgetConfig";export{useWidgetSettings}from"./useWidgetSettings";export{useWidgetStyles}from"./useWidgetStyles";export{useThemeResources,useThemeComponents,useThemeWidgets}from"./useThemeResources";export*from"./html";export{usePrevious}from"./usePrevious";export{useResponsiveValue}from'@shopgate/engage/components/ResponsiveContainer/hooks';

package/core/hooks/layout/index.js

@@ -0,0 +1 @@
+export{default as useElementSize}from"./useElementSize";

package/core/hooks/layout/useElementSize.d.ts

@@ -0,0 +1,46 @@
+import { RefObject } from 'react';
+
+/**
+ * Represents the dimensions of a DOM element.
+ */
+export interface ElementSize {
+  /**
+   * The element's height in pixels.
+   */
+  height: number;
+
+  /**
+   * The element's width in pixels (optional).
+   */
+  width?: number;
+}
+
+/**
+ * Options for configuring the useElementSize hook.
+ */
+export interface UseElementSizeOptions {
+  /**
+   * Throttle delay in milliseconds.
+   * @default 100
+   */
+  throttleMs?: number;
+
+  /**
+   * Whether to measure the element's width.
+   * @default false
+   */
+  includeWidth?: boolean;
+}
+
+/**
+ * Tracks the height (and optionally width) of a DOM element using ResizeObserver.
+ * Falls back to window resize and MutationObserver in older browsers.
+ *
+ * @param ref A ref to the element being measured.
+ * @param options Optional settings.
+ * @returns The current height (and optionally width) of the element.
+ */
+export default function useElementSize(
+  ref: RefObject<HTMLElement>,
+  options?: UseElementSizeOptions
+): ElementSize;

package/core/hooks/layout/useElementSize.js

@@ -0,0 +1,18 @@
+function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{useState,useEffect,useRef}from'react';import throttle from'lodash/throttle';/** @typedef {import('./useElementSize').ElementSize} ElementSize */ /** @typedef {import('./useElementSize').UseElementSizeOptions} UseElementSizeOptions */ /** @typedef {import('react').RefObject<HTMLElement>} HTMLElementRef */ /**
+ * Tracks the height (and optionally width) of a DOM element using ResizeObserver,
+ * with a fallback to window resize and MutationObserver in older browsers.
+ *
+ * @param {HTMLElementRef} ref - A ref to the element being measured.
+ * @param {UseElementSizeOptions} [options={}] - Optional settings.
+ * @returns {ElementSize} The current height (and optionally width) of the element.
+ */export default function useElementSize(ref){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _options$throttleMs=options.throttleMs,throttleMs=_options$throttleMs===void 0?100:_options$throttleMs,_options$includeWidth=options.includeWidth,includeWidth=_options$includeWidth===void 0?false:_options$includeWidth;/**
+   * Holds the current element size in state.
+   */var _useState=useState(_extends({height:0},includeWidth&&{width:0})),_useState2=_slicedToArray(_useState,2),size=_useState2[0],setSize=_useState2[1];/**
+   * Tracks the most recent measured size to prevent unnecessary state updates.
+   */var sizeRef=useRef(size);useEffect(function(){var element=ref.current;if(!element)return undefined;/**
+     * Measures the current size of the element and updates state if it changed.
+     */var updateSize=function updateSize(){var newHeight=element.offsetHeight;var newWidth=includeWidth?element.offsetWidth:undefined;var hasChanged=newHeight!==sizeRef.current.height||includeWidth&&newWidth!==sizeRef.current.width;if(hasChanged){var newSize=_extends({height:newHeight},includeWidth?{width:newWidth}:{});sizeRef.current=newSize;setSize(newSize);}};/**
+     * Throttles the update function to limit how often measurements occur.
+     */var throttledUpdate=throttle(updateSize,throttleMs);/**
+     * Sets up ResizeObserver or fallback observers to trigger measurement.
+     */var cleanup=function cleanup(){};if('ResizeObserver'in window){var resizeObserver=new ResizeObserver(throttledUpdate);resizeObserver.observe(element);updateSize();cleanup=function cleanup(){resizeObserver.disconnect();throttledUpdate.cancel();};}else{window.addEventListener('resize',throttledUpdate);var mutationObserver=new MutationObserver(throttledUpdate);mutationObserver.observe(element,{childList:true,subtree:true,characterData:true});updateSize();cleanup=function cleanup(){window.removeEventListener('resize',throttledUpdate);mutationObserver.disconnect();throttledUpdate.cancel();};}return cleanup;},[ref,throttleMs,includeWidth]);return size;}

package/core/hooks/useAsyncMemo.js

@@ -0,0 +1,12 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React from'react';/**
+ * General purpose hook that allow a `React.useMemo` hook with
+ * extended async support. The output contains the output value
+ * from promise and a potential error object.
+ * @param {Function} asyncFunction The function that will be executed to generate memoized output.
+ * @param {Array} asyncFunctionDependencies
+ *  A list of dependencies (same behavior as with `React.useMemo`)
+ * @param {Any} initialValue The initial value that is set before promise is fulfilled.
+ * @returns {Array}
+ */export function useAsyncMemo(asyncFunction){var asyncFunctionDependencies=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var initialValue=arguments.length>2&&arguments[2]!==undefined?arguments[2]:null;var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),value=_React$useState2[0],setValue=_React$useState2[1];var _React$useState3=React.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),error=_React$useState4[0],setError=_React$useState4[1];/* eslint-disable react-hooks/exhaustive-deps */React.useEffect(function(){/**
+     * Wraps the async function as React doesn't allow direct async usage.
+     */var fn=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var output;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return asyncFunction();case 3:output=_context.sent;setValue(output);_context.next=10;break;case 7:_context.prev=7;_context.t0=_context["catch"](0);setError(_context.t0);case 10:case"end":return _context.stop();}},_callee,null,[[0,7]]);}));return function fn(){return _ref.apply(this,arguments);};}();fn();},asyncFunctionDependencies);/* eslint-enable react-hooks/exhaustive-deps */return[value,error];}

package/core/hooks/useFormState.js

@@ -0,0 +1,27 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";import _debounce from"lodash/debounce";function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{useRef,useState,useEffect,useCallback}from'react';import{useScrollTo}from"./useScrollTo";import{i18n}from"../helpers/i18n";import{useValidation}from"../validation";/**
+ * Converts validation errors into errors for form builder.
+ * @param {Object} validationErrors The validation errors.
+ * @returns {Array}
+ */export var convertValidationErrors=function convertValidationErrors(validationErrors){return Object.keys(validationErrors).map(function(key){return{path:key,message:i18n.text(validationErrors[key])};});};/**
+ * @param {Object} initialState The initial form state.
+ * @param {Function} complete The completion callback.
+ * @param {Object} validationConstraints validationConstraints
+ * @param {Object} [formContainerRef=null] A ref to a container with forms
+ * @param {number} [validationErrorScrollOffset=10] When a form container ref is passed with the
+ * parameters, whenever validation errors occur, the page will scroll to the first error. Depending
+ * on the page, the scroll logic might not be accurate. So this offset parameter can be used
+ * to influence scroll behavior.
+ * @returns {{ handleChange, handleSubmit, values, valid, validationErrors: ?Object, isSubmitting }}
+ */export function useFormState(initialState,complete){var validationConstraints=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var formContainerRef=arguments.length>3&&arguments[3]!==undefined?arguments[3]:null;var validationErrorScrollOffset=arguments.length>4&&arguments[4]!==undefined?arguments[4]:10;var _useScrollTo=useScrollTo(formContainerRef,validationErrorScrollOffset),scrollTo=_useScrollTo.scrollTo;// Submit lock prevents the form from being submitted multiple times
+var submitLock=useRef(false);var _useState=useState(initialState),_useState2=_slicedToArray(_useState,2),values=_useState2[0],setValues=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isSubmitting=_useState4[0],setSubmitting=_useState4[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),changed=_useState6[0],setChanged=_useState6[1];var _useState7=useState(false),_useState8=_slicedToArray(_useState7,2),ignoreErrors=_useState8[0],setIgnoreErrors=_useState8[1];var _useValidation=useValidation(validationConstraints),valid=_useValidation.valid,validationErrors=_useValidation.validationErrors,validate=_useValidation.validate,reset=_useValidation.reset;var scrollToError=useCallback(function(){var errorElement=document.querySelector('.validationError');if(errorElement){scrollTo('.validationError');var inputElement=errorElement.querySelector('input, select, textarea');if(inputElement){inputElement.focus();}}},[scrollTo]);// -- CHANGED ---------------
+useEffect(function(){var isEqual=JSON.stringify(values)===JSON.stringify(initialState);if(!isEqual&&!changed){setChanged(true);}else if(isEqual&&changed){setChanged(false);}},[changed,initialState,values]);// -- IS_SUBMITTING ---------
+/* eslint-disable react-hooks/exhaustive-deps */useEffect(function(){if(!isSubmitting){return;}var mounted=true;if((valid===true||ignoreErrors)&&!submitLock.current){submitLock.current=true;_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.next=2;return complete(values);case 2:if(mounted){setSubmitting(false);setChanged(false);submitLock.current=false;}case 3:case"end":return _context.stop();}},_callee);}))();}// eslint-disable-next-line consistent-return
+return function(){mounted=false;};},[isSubmitting,valid,ignoreErrors]);/* eslint-enable react-hooks/exhaustive-deps */useEffect(function(){scrollToError();},[isSubmitting,scrollToError]);useEffect(function(){return function(){submitLock.current=false;};},[]);// -- VALIDATION ON SUBMIT ---------
+useEffect(function(){if(ignoreErrors){return;}// Yest no validation on submit
+if(changed&&valid!==null){validate(values);}if(isSubmitting&&valid===null){validate(values);}if(isSubmitting&&valid===false){setSubmitting(false);}},[changed,validate,values,isSubmitting,valid,ignoreErrors]);var handleSetIgnoreErrors=useCallback(function(value){setIgnoreErrors(value);if(ignoreErrors===true){reset();}},[ignoreErrors,reset]);/**
+   * @param {string} sanitized The sanitized field value.
+   * @param {Object} event The change event object.
+   */var handleChange=useCallback(function(sanitized,event){if(!event){return;}setValues(_extends({},values,_defineProperty({},event.target.name,sanitized)));},[values]);/**
+   * Debounced (dbl-click) submit handler
+   * @param {Object} event The submit event object.
+   */var handleSubmit=_debounce(function(event){if(event===null||event===void 0?void 0:event.preventDefault){event.preventDefault();}setSubmitting(true);},300,{leading:true,trailing:false});return{resetValidationErrors:reset,handleChange:handleChange,handleSubmit:handleSubmit,values:values,valid:!ignoreErrors?valid:true,validationErrors:!ignoreErrors?validationErrors:[],isSubmitting:isSubmitting,setValues:setValues,scrollToError:scrollToError,setIgnoreErrors:handleSetIgnoreErrors,validate:validate};}

package/core/hooks/usePrevious.js

@@ -0,0 +1,2 @@
+import React from'react';// eslint-disable-next-line require-jsdoc
+export function usePrevious(value){var ref=React.useRef(value);React.useEffect(function(){ref.current=value;},[value]);return ref.current;}

package/core/hooks/useScrollTo.js

@@ -0,0 +1,5 @@
+import{useCallback}from'react';import{getCSSCustomProp}from'@shopgate/engage/styles';import{hasWebBridge}from"../helpers/bridge";/**
+ * @param {Object} ref A ref to the scroll container
+ * @param {number} [offset=10] Optional offset for the scroll operation
+ * @returns {Object}
+ */export var useScrollTo=function useScrollTo(ref){var offset=arguments.length>1&&arguments[1]!==undefined?arguments[1]:10;var scrollTo=useCallback(function(selector){if(!(ref===null||ref===void 0?void 0:ref.current)){return;}var firstElement=ref.current.querySelector(selector);if(firstElement){if(hasWebBridge()){var scrollOffset=offset;var appBarHeight=getCSSCustomProp('--app-bar-height')||0;var _firstElement$getBoun2=firstElement.getBoundingClientRect(),top=_firstElement$getBoun2.top;var scrollTop=top+window.pageYOffset-parseInt(appBarHeight,10)-scrollOffset;window.scroll({top:scrollTop,behavior:'smooth'});}else{firstElement.scrollIntoView({behavior:'smooth'});}}},[offset,ref]);return{scrollTo:scrollTo};};

package/core/hooks/useTheme.js

@@ -1,5 +1,41 @@
-var _excluded=["contexts"];function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}import{useContext}from'react';import{ThemeContext}from'@shopgate/pwa-common/context';/**
+var _excluded=["contexts"];function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}import{useContext}from'react';import{ThemeContext}from'@shopgate/pwa-common/context';// eslint-disable-next-line valid-jsdoc
+/**
  * Provides the theme API. This does not include the contexts.
- * @returns {Object}
+ * @deprecated
+ * Use `useThemeComponents()` instead.
+ *
+ * ```js
+ * import { useThemeComponents } from '@shopgate/engage/core/hooks';
+ * const { ProductCard } = useThemeComponents();
+ * ```
+ *
+ * This hook will NOT expose components that can be imported directly from the `@shopgate/engage`
+ * package (see list below).
+ *
+ * ---
+ * Use these updated imports instead of deprecated context values:
+ *
+ * ```js
+ * // Deprecated: Drawer → use SheetDrawer
+ * import { SheetDrawer } from '@shopgate/engage/components';
+ *
+ * // Deprecated: PriceDifference → use PriceDifference
+ * import { PriceDifference } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: ProductSlider → use ProductSlider
+ * import { ProductSlider } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: SelectOption → use SelectOption
+ * import { SelectOption } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: TextOption → use TextOption
+ * import { TextOption } from '@shopgate/engage/product/components';
+ *
+ * // Deprecated: View → use View
+ * import { View } from '@shopgate/engage/components'
+ *
+ * // Deprecated: { contexts: { ProductContext }} → use ProductContext
+ * import { ProductContext } from '@shopgate/engage/product/contexts';
+ * ```
  */export function useTheme(){// The contexts are left out in favor of other hooks.
 var _useContext=useContext(ThemeContext),contexts=_useContext.contexts,themeContext=_objectWithoutProperties(_useContext,_excluded);return themeContext;}

package/core/hooks/useThemeResources.js

@@ -0,0 +1,21 @@
+import{useContext}from'react';import ThemeResourcesContext from"../contexts/ThemeResourcesContext";/**
+ * @typedef  {import('../contexts/ThemeResourcesContext').ThemeResourcesContextType
+ * ThemeResourcesContextType}
+ */ /**
+ * @typedef {ThemeResourcesContextType['components']} ThemeComponentsType
+ */ /**
+ * @typedef {ThemeResourcesContextType['widgets']} ThemeWidgetsType
+ */ /**
+ * Hook to access to the ThemeResourceContext. The context provides access to different groups
+ * of React components provided by the active theme.
+ * @returns {ThemeResourcesContextType} Value of the ThemeResourceContext
+ */export function useThemeResources(){return useContext(ThemeResourcesContext);}/**
+ * Hook to access the components provided by the ThemeResourceContext
+ * @returns {ThemeComponentsType} Mapping object that contains multiple components provided by the
+ * theme.
+ * Key is the component name, value is the component
+ */export function useThemeComponents(){var _useThemeResources=useThemeResources(),components=_useThemeResources.components;return components;}/**
+ * Hook to access the widgets provided by the ThemeResourceContext
+ * @returns {ThemeWidgetsType} Mapping object that contains all available widgets.
+ * Key is the widget code, value is the widget component.
+ */export function useThemeWidgets(){var _useThemeResources2=useThemeResources(),widgets=_useThemeResources2.widgets;return widgets;}

package/core/hooks/useWidgetStyles.js

@@ -1,4 +1,4 @@
-import defaultsDeep from'lodash/defaultsDeep';import{useWidgetConfig}from"./useWidgetConfig";import{getThemeStyles}from"../config/getThemeStyles";/**
+import defaultsDeep from'lodash/defaultsDeep';import{useWidgetConfig}from"./useWidgetConfig";import{getThemeStyles}from"../config";/**
  * Retrieves the styles for a specific widget by its id. Returns an empty object when no styles
  * exist.
  *

package/core/index.js

@@ -1,11 +1,5 @@
-// --------------- CORE --------------- //
-// Emitters
-export{default as UIEvents}from'@shopgate/pwa-core/emitters/ui';// --------------- STORE --------------- //
-export*from'@shopgate/pwa-common/store';// --------------- CONTEXTS --------------- //
-export*from'@shopgate/pwa-common/context';export{default as AppContext}from"./contexts/AppContext";// --------------- PROVIDERS --------------- //
-export{default as LoadingProvider}from'@shopgate/pwa-common/providers/loading';export{default as LoadingContext}from'@shopgate/pwa-common/providers/loading/context';export{default as ToastProvider}from'@shopgate/pwa-common/providers/toast';export{default as ToastContext}from'@shopgate/pwa-common/providers/toast/context';export{default as AppProvider}from"./providers/AppProvider";// --------------- MODAL --------------- //
-// HOCs
-export{default as withShowModal}from'@shopgate/pwa-common/helpers/modal/withShowModal';// --------------- HOOKS --------------- //
-export{useRoute}from"./hooks/useRoute";export{useTheme}from"./hooks/useTheme";export{useCurrentProduct}from"./hooks/useCurrentProduct";export{useNavigation}from"./hooks/useNavigation";export{usePageConfig}from"./hooks/usePageConfig";export{usePageSettings}from"./hooks/usePageSettings";export{useWidgetConfig}from"./hooks/useWidgetConfig";export{useWidgetSettings}from"./hooks/useWidgetSettings";export{useWidgetStyles}from"./hooks/useWidgetStyles";export*from"./hooks/html";// --------------- HOCs --------------- //
-export{withTheme}from"./hocs/withTheme";export{withRoute}from"./hocs/withRoute";export{withCurrentProduct}from"./hocs/withCurrentProduct";export{withForwardedRef}from"./hocs/withForwardedRef";export{withNavigation}from"./hocs/withNavigation";export{withWidgetSettings}from"./hocs/withWidgetSettings";export{withWidgetStyles}from"./hocs/withWidgetStyles";export{withApp}from"./hocs/withApp";// --------------- CONFIG --------------- //
-export{ThemeConfigResolver}from"./config/ThemeConfigResolver";export{isBeta}from"./config/isBeta";export{getThemeConfig}from"./config/getThemeConfig";export{getThemeSettings}from"./config/getThemeSettings";export{getThemeColors}from"./config/getThemeColors";export{getThemeAssets}from"./config/getThemeAssets";export{getPageConfig}from"./config/getPageConfig";export{getPageSettings}from"./config/getPageSettings";export{getWidgetConfig}from"./config/getWidgetConfig";export{getWidgetSettings}from"./config/getWidgetSettings";export*from"./actions";export*from"./classes";export*from"./commands";export*from"./collections";export*from"./constants";export*from"./helpers";export*from"./initialization";export*from"./selectors";export*from"./streams";
+/** @module core */ // --------------- STORE --------------- //
+export*from'@shopgate/pwa-common/store';// --------------- CONFIG --------------- //
+export{ThemeConfigResolver}from"./config/ThemeConfigResolver";export{getThemeConfig}from"./config/getThemeConfig";export{getThemeSettings}from"./config/getThemeSettings";export{getThemeColors}from"./config/getThemeColors";export{getThemeAssets}from"./config/getThemeAssets";export{getPageConfig}from"./config/getPageConfig";export{getPageSettings}from"./config/getPageSettings";export{getWidgetConfig}from"./config/getWidgetConfig";export{getWidgetSettings}from"./config/getWidgetSettings";export*from"./actions";export*from"./action-creators";export*from"./classes";export*from"./collections";export*from"./commands";export*from"./constants";export*from"./contexts";export*from"./events";export*from"./helpers";// Only export HOCs that existed before the hoc folder existed
+export{withShowModal,withTheme,withRoute,withCurrentProduct,withForwardedRef,withNavigation,withWidgetSettings,withWidgetStyles,withApp}from"./hocs";// Only export hooks that existed before the hooks folder existed
+export{useAsyncMemo,useRoute,useTheme,useApp,useCurrentProduct,useNavigation,usePageConfig,usePageSettings,useWidgetConfig,useWidgetSettings,useWidgetStyles,useLoadImage,usePrevious,useResponsiveValue}from"./hooks";export*from"./initialization";export*from"./providers";export*from"./selectors";export*from"./streams";export*from"./validation";

package/core/initialization/index.js

@@ -1,9 +1,24 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{appWillInit,appWillStart}from'@shopgate/pwa-common/action-creators/app';import{appConfig}from'@shopgate/engage';import{i18n,configureStore,fetchClientInformation}from'@shopgate/engage/core';import{appInitialization,configuration}from'@shopgate/engage/core/collections';import{CONFIGURATION_COLLECTION_KEY_BASE_URL}from'@shopgate/engage/core/constants';import{getAppBaseUrl}from'@shopgate/engage/core/helpers';var _appConfig$locales=appConfig.locales;_appConfig$locales=_appConfig$locales===void 0?{}:_appConfig$locales;var _appConfig$locales$cu=_appConfig$locales.currency,currencyLocale=_appConfig$locales$cu===void 0?null:_appConfig$locales$cu;/**
+import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{withScope,captureMessage,Severity as SentrySeverity}from'@sentry/browser';import moment from'moment';import{configureStore}from'@shopgate/pwa-common/store';import{appWillInit,appWillStart}from'@shopgate/pwa-common/action-creators/app';import{i18n}from'@shopgate/engage/core';import fetchClientInformation from'@shopgate/pwa-common/actions/client/fetchClientInformation';import appConfig from'@shopgate/pwa-common/helpers/config';import{appInitialization,configuration}from'@shopgate/engage/core/collections';import{CONFIGURATION_COLLECTION_KEY_BASE_URL}from'@shopgate/engage/core/constants';import{getAppBaseUrl,isDev,hasSGJavaScriptBridge,hasWebBridge}from'@shopgate/engage/core/helpers';import{receiveShopSettings,receiveMerchantSettings,errorShopSettings}from"../action-creators";var _appConfig$locales=appConfig.locales,_appConfig$locales2=_appConfig$locales===void 0?{}:_appConfig$locales,_appConfig$locales2$c=_appConfig$locales2.currency,currencyLocale=_appConfig$locales2$c===void 0?null:_appConfig$locales2$c,settingsUrl=appConfig.settingsUrl,merchantSettingsUrl=appConfig.merchantSettingsUrl;var REQUEST_TIMEOUT=3000;/**
+ * Injects a script tag to fetch the shop settings JSONP.
+ * @param {string} id The script id
+ * @param {string} src The script url
+ * @param {Function} onError Callback for error situations.
+ */var injectScript=function injectScript(id,src,onError){var scriptTag=document.querySelector("#".concat(id));if(scriptTag){scriptTag.remove();}scriptTag=document.createElement('script');scriptTag.setAttribute('src',src);scriptTag.setAttribute('id',id);scriptTag.onerror=onError;document.querySelector('head').appendChild(scriptTag);};/**
+ * Fetches settings
+ * @param {Object} store Reference to the store
+ * @returns {Promise}
+ */var fetchSettings=function fetchSettings(store){return new Promise(function(resolve,reject){if(!settingsUrl){reject();return;}var timeout;var merchantReceived=null;var shopReceived=null;/**
+   * Evaluates if completed.
+   */var evaluateEnd=function evaluateEnd(){if(!merchantReceived&&merchantSettingsUrl||!shopReceived){return;}clearTimeout(timeout);timeout=null;resolve();};// Add the callbacks for the JSONP
+window.setShopSettings=function(settings){store.dispatch(receiveShopSettings(settings));shopReceived=true;evaluateEnd();};window.setMerchantSettings=function(settings){store.dispatch(receiveMerchantSettings(settings));merchantReceived=true;evaluateEnd();};// Error handling
+injectScript('shop-settings-jsonp',settingsUrl,function(error){withScope(function(scope){scope.setLevel(SentrySeverity.Error);scope.setExtra('settingsUrl',settingsUrl);captureMessage('Fetching shop settings failed');});clearTimeout(timeout);timeout=null;store.dispatch(errorShopSettings(error));reject();});if(merchantSettingsUrl){injectScript('merchant-settings-jsonp',merchantSettingsUrl,function(){withScope(function(scope){scope.setLevel(SentrySeverity.Error);scope.setExtra('settingsUrl',merchantSettingsUrl);captureMessage('Fetching merchant settings failed');});clearTimeout(timeout);timeout=null;reject();});}timeout=setTimeout(function(){withScope(function(scope){scope.setLevel(SentrySeverity.Warning);scope.setExtra('settingsUrl',settingsUrl);scope.setExtra('timeout',REQUEST_TIMEOUT);captureMessage('Fetching shop settings took too long');});},REQUEST_TIMEOUT);});};/**
  *
  * @param {Object} locales An object with locales.
  * @param {Function} reducers The reducers from the theme.
  * @param {Array} subscribers The subscribers to the streams middleware.
- */export var initialize=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(locales,reducers,subscribers){var store;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:i18n.init({locales:locales,lang:process.env.LOCALE,currencyLocale:currencyLocale});store=configureStore(reducers,subscribers);_context.prev=2;_context.next=5;return store.dispatch(fetchClientInformation());case 5:_context.next=9;break;case 7:_context.prev=7;_context.t0=_context["catch"](2);case 9:// Save the base url inside the configuration collection before any other code can apply
+ */export var initialize=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(locales,reducers,subscribers){var store;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:moment.locale(process.env.LOCALE);if(isDev){// Inject an object to the window that can be used to check if the PWA is running in dev mode
+window.SGConnectDev={// Indicates the the current dev app is running in a browser - not in the real app
+isDevBrowser:!hasWebBridge()&&!hasSGJavaScriptBridge(),// Indicates that the PWA is running in a dev environment
+isDev:isDev};}i18n.init({locales:locales,lang:process.env.LOCALE,currencyLocale:currencyLocale});store=configureStore(reducers,subscribers);_context.prev=4;_context.next=7;return store.dispatch(fetchClientInformation());case 7:_context.next=11;break;case 9:_context.prev=9;_context.t0=_context["catch"](4);case 11:// Save the base url inside the configuration collection before any other code can apply
 // url manipulations.
-configuration.set(CONFIGURATION_COLLECTION_KEY_BASE_URL,getAppBaseUrl());store.dispatch(appWillInit("".concat(window.location.pathname).concat(window.location.search)));// Execute all registered handlers from the AppInitialization collection
-_context.next=13;return appInitialization.initialize({dispatch:store.dispatch,getState:store.getState});case 13:store.dispatch(appWillStart("".concat(window.location.pathname).concat(window.location.search)));return _context.abrupt("return",{store:store});case 15:case"end":return _context.stop();}}},_callee,null,[[2,7]]);}));return function initialize(_x,_x2,_x3){return _ref.apply(this,arguments);};}();
+configuration.set(CONFIGURATION_COLLECTION_KEY_BASE_URL,getAppBaseUrl());store.dispatch(appWillInit("".concat(window.location.pathname).concat(window.location.search)));_context.prev=13;_context.next=16;return fetchSettings(store);case 16:_context.next=20;break;case 18:_context.prev=18;_context.t1=_context["catch"](13);case 20:_context.next=22;return appInitialization.initialize({dispatch:store.dispatch,getState:store.getState});case 22:store.dispatch(appWillStart("".concat(window.location.pathname).concat(window.location.search)));return _context.abrupt("return",{store:store});case 24:case"end":return _context.stop();}},_callee,null,[[4,9],[13,18]]);}));return function initialize(_x,_x2,_x3){return _ref.apply(this,arguments);};}();

package/core/providers/AppProvider.js

@@ -1,18 +1,18 @@
-function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import appConfig from'@shopgate/pwa-common/helpers/config';import{APP_EVENT_VIEW_WILL_APPEAR,APP_EVENT_VIEW_WILL_DISAPPEAR}from'@shopgate/pwa-core/constants/AppEvents';import event from'@shopgate/pwa-core/classes/Event';import AppContext from"../contexts/AppContext";/**
+function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Component}from'react';import PropTypes from'prop-types';import appConfig from'@shopgate/pwa-common/helpers/config';import{APP_EVENT_VIEW_WILL_APPEAR,APP_EVENT_VIEW_WILL_DISAPPEAR}from'@shopgate/pwa-core/constants/AppEvents';import event from'@shopgate/pwa-core/classes/Event';import AppContext from"../contexts/AppContext";/**
  * The AppProvider component.
- */var AppProvider=/*#__PURE__*/function(_Component){_inherits(AppProvider,_Component);var _super=_createSuper(AppProvider);/**
-   * @param {Object} props The component props.
-   */function AppProvider(props){var _this;_classCallCheck(this,AppProvider);_this=_super.call(this,props);_defineProperty(_assertThisInitialized(_this),"setVisible",function(){_this.setIsVisible(true);});_defineProperty(_assertThisInitialized(_this),"setHidden",function(){_this.setIsVisible(false);});_this.state={isVisible:true};event.addCallback(APP_EVENT_VIEW_WILL_APPEAR,_this.setVisible);event.addCallback(APP_EVENT_VIEW_WILL_DISAPPEAR,_this.setHidden);return _this;}/**
+ */var AppProvider=/*#__PURE__*/function(_Component){function AppProvider(props){var _this2;_classCallCheck(this,AppProvider);_this2=_callSuper(this,AppProvider,[props]);/**
+   * Sets the isVisible state to TRUE.
+   */_defineProperty(_this2,"setVisible",function(){_this2.setIsVisible(true);});/**
+   * Sets the isVisible state to TRUE.
+   */_defineProperty(_this2,"setHidden",function(){_this2.setIsVisible(false);});_this2.state={isVisible:true};event.addCallback(APP_EVENT_VIEW_WILL_APPEAR,_this2.setVisible);event.addCallback(APP_EVENT_VIEW_WILL_DISAPPEAR,_this2.setHidden);return _this2;}/**
    * Removes the event listeners when the component unmounts.
-   */_createClass(AppProvider,[{key:"componentWillUnmount",value:function componentWillUnmount(){event.removeCallback(APP_EVENT_VIEW_WILL_APPEAR,this.setVisible);event.removeCallback(APP_EVENT_VIEW_WILL_DISAPPEAR,this.setHidden);}/**
+   */_inherits(AppProvider,_Component);return _createClass(AppProvider,[{key:"componentWillUnmount",value:function componentWillUnmount(){event.removeCallback(APP_EVENT_VIEW_WILL_APPEAR,this.setVisible);event.removeCallback(APP_EVENT_VIEW_WILL_DISAPPEAR,this.setHidden);}/**
    * Returns the context value to be passed to consumers.
    * @returns {Object}
-   */},{key:"provided",get:function get(){return{appConfig:appConfig,isVisible:this.state.isVisible,setIsVisible:this.setIsVisible};}/**
-   * Sets the isVisible state to TRUE.
-   */},{key:"setIsVisible",value:/**
+   */},{key:"provided",get:function get(){return{appConfig:appConfig,isVisible:this.state.isVisible,setIsVisible:this.setIsVisible};}},{key:"setIsVisible",value:/**
    * Sets the isVisible state. It indicates if Engage is visible,
    * or another WebView is presented to the user.
    * @param {boolean} value The new value
    */function setIsVisible(value){this.setState({isVisible:value});}/**
    * @returns {JSX}
-   */},{key:"render",value:function render(){return/*#__PURE__*/React.createElement(AppContext.Provider,{value:this.provided},this.props.children);}}]);return AppProvider;}(Component);export default AppProvider;
+   */},{key:"render",value:function render(){return React.createElement(AppContext.Provider,{value:this.provided},this.props.children);}}]);}(Component);export default AppProvider;

package/core/providers/ThemeResourcesProvider.js

@@ -0,0 +1,15 @@
+import React,{useMemo}from'react';import PropTypes from'prop-types';import{ThemeContext as LegacyThemeContext}from'@shopgate/pwa-common/context';import{ThemeResourcesContext}from"../contexts";/**
+ * @typedef {Object<string, React.ComponentType<any>>} ComponentMap
+ */ /**
+ * ThemeResourcesProvider component.
+ * @param {Object} props The component props.
+ * @param {ComponentMap} props.widgets Mapping object with all available widget components for the
+ * theme. Key is the widget code, value is the widget component.
+ * @param {ComponentMap} props.components Object with shared theme components. Can be used by
+ * extensions the get unified visual presentation.
+ * @param {ComponentMap} [props.legacyThemeAPI] Object with shared theme components. Can be used by
+ * extensions the get unified visual presentation.
+ * Kept for backward compatibility with existing extensions which use the deprecated `ThemeContext`.
+ * @param {React.ReactNode} props.children The component children.
+ * @returns {JSX.Element}
+ */var ThemeResourcesProvider=function ThemeResourcesProvider(_ref){var widgets=_ref.widgets,components=_ref.components,legacyThemeAPI=_ref.legacyThemeAPI,children=_ref.children;var value=useMemo(function(){return{widgets:widgets,components:components};},[components,widgets]);return React.createElement(ThemeResourcesContext.Provider,{value:value},legacyThemeAPI?React.createElement(LegacyThemeContext.Provider,{value:legacyThemeAPI},children):children);};ThemeResourcesProvider.defaultProps={legacyThemeAPI:null};export default ThemeResourcesProvider;

package/core/providers/index.js

@@ -0,0 +1 @@
+export{default as LoadingProvider}from'@shopgate/pwa-common/providers/loading';export{default as LoadingContext}from'@shopgate/pwa-common/providers/loading/context';export{default as ToastProvider}from'@shopgate/pwa-common/providers/toast';export{default as ToastContext}from'@shopgate/pwa-common/providers/toast/context';export{default as AppProvider}from"./AppProvider";export{default as ThemeResourcesProvider}from"./ThemeResourcesProvider";

package/core/reducers/index.js

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

package/core/reducers/merchantSettings.js

@@ -0,0 +1,6 @@
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{produce}from'immer';import appConfig from'@shopgate/pwa-common/helpers/config';import{RECEIVE_MERCHANT_SETTINGS,MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED,MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED,MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS,MERCHANT_SETTINGS_DEFAULT_CURRENCY,MERCHANT_SETTINGS_ENABLE_WEB_INDEXING}from"../constants";var _appConfig$locales=appConfig.locales,_appConfig$locales2=_appConfig$locales===void 0?{}:_appConfig$locales,_appConfig$locales2$c=_appConfig$locales2.currency,currency=_appConfig$locales2$c===void 0?null:_appConfig$locales2$c;var defaultState=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED,false),MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED,false),MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS,false),MERCHANT_SETTINGS_DEFAULT_CURRENCY,currency),MERCHANT_SETTINGS_ENABLE_WEB_INDEXING,false);/**
+ * Stores the merchant settings.
+ * @param {Object} [state={}] The current state.
+ * @param {Object} action The action object.
+ * @returns {Object} The new state.
+ */export default function merchantSettings(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;/* eslint-disable no-param-reassign */var producer=produce(function(draft){switch(action.type){case RECEIVE_MERCHANT_SETTINGS:{Object.keys(action.settings).forEach(function(key){draft[key]=action.settings[key];});break;}default:break;}});/* eslint-enable no-param-reassign */return producer(state);}

package/core/reducers/shopSettings.js

@@ -0,0 +1,6 @@
+var _defaultState;function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}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}from"../constants";var defaultState=(_defaultState={},_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultState,SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE,null),SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT,null),SHOP_SETTING_ORDER_SUPPLEMENTAL_CONTENT,null),SHOP_SETTING_SHOW_SHOP_LOGO_IN_WEB,true),SHOP_SETTING_SHOW_SHOP_LOGO_IN_APP,true),SHOP_SETTING_PRODUCTS_SORT_ORDER,SORT_RELEVANCE),SHOP_SETTING_NUMBER_OF_ADDRESS_LINES,2),SHOP_SETTING_IMAGES,_defineProperty(_defineProperty(_defineProperty({},SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER,null),SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER,null),SHOP_SETTING_IMAGES_FAVICON,null)),SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED,false),SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED,false),_defineProperty(_defineProperty(_defaultState,SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED,true),SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE,true));/**
+ * Stores the product locations by the location code.
+ * @param {Object} [state={}] The current state.
+ * @param {Object} action The action object.
+ * @returns {Object} The new state.
+ */export default function shopSettings(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;/* eslint-disable no-param-reassign */var producer=produce(function(draft){switch(action.type){case RECEIVE_SHOP_SETTINGS:{Object.keys(action.settings).forEach(function(key){draft[key]=action.settings[key];});break;}case ERROR_SHOP_SETTINGS:{draft=_extends({},defaultState,{},state);break;}default:break;}});/* eslint-enable no-param-reassign */return producer(state);}

package/core/selectors/index.js

@@ -1,4 +1,4 @@
-export*from"./app";// --------------- CLIENT --------------- //
+export{getState as getShopSettingsState,makeGetShopSettingByKey,makeGetShopSettings,getProductImagePlaceholder,getCategoryImagePlaceholder,getFavicon,getNumberOfAddressLines,getGoogleSiteVerificationCode,getRegistrationMode,getWishlistItemQuantityEnabled,getWishlistItemNotesEnabled,getShowWishlistItemsCountBadge,getLoadWishlistOnAppStartEnabled}from"./shopSettings";export{getIsLocationBasedShopping,getFulfillmentSchedulingEnabled,getRestrictMultiLocationOrders,getDefaultCurrency,getEnableWebIndexing,getProductShowAlternativeLocation,getProductListShowInventory}from"./merchantSettings";export*from"../config/config.selectors";export*from"./app";// --------------- CLIENT --------------- //
 export*from'@shopgate/pwa-common/selectors/client';// --------------- ROUTER --------------- //
 export*from'@shopgate/pwa-common/selectors/router';export*from'@shopgate/pwa-common/selectors/history';// --------------- URL --------------- //
 export*from'@shopgate/pwa-common/selectors/url';// --------------- MENU --------------- //

package/core/selectors/merchantSettings.js

@@ -0,0 +1,10 @@
+import{createSelector}from'reselect';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}from"../constants";/**
+ * Retrieves the merchantSettings state from the store.
+ * @param {Object} state The current application state.
+ * @return {Object} The locations state.
+ */var getState=function getState(state){var _state$settings;return(state===null||state===void 0?void 0:(_state$settings=state.settings)===null||_state$settings===void 0?void 0:_state$settings.merchantSettings)||{};};/**
+ * 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}
+ */var makeGetMerchantSettingByKey=function makeGetMerchantSettingByKey(key){var fallback=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;return createSelector(getState,function(state){return typeof(state===null||state===void 0?void 0:state[key])!=='undefined'?state===null||state===void 0?void 0:state[key]:fallback;});};export var getIsLocationBasedShopping=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_LOCATION_BASED_SHOPPING_ENABLED,false);export var getSubstitutionPreferencesEnabled=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_SUBSTITUTION_PREFERENCES_ENABLED,false);export var getMerchantCustomerAttributes=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_CUSTOMER_ATTRIBUTES,[]);export var getFulfillmentSchedulingEnabled=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_FULFILLMENT_SCHEDULED_ENABLED,false);export var getRestrictMultiLocationOrders=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_RESTRICT_MULTI_LOCATION_ORDERS,false);export var getDefaultCurrency=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_DEFAULT_CURRENCY);export var getEnableWebIndexing=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_ENABLE_WEB_INDEXING,false);export var getProductShowAlternativeLocation=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION,false);export var getProductListShowInventory=makeGetMerchantSettingByKey(MERCHANT_SETTINGS_PRODUCTLIST_SHOW_INVENTORY,false);

package/core/selectors/shopSettings.js

@@ -0,0 +1,25 @@
+import{createSelector}from'reselect';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}from"../constants/shopSettings";/**
+ * Retrieves the shopSettings state from the store.
+ * @param {Object} state The current application state.
+ * @return {Object} The locations state.
+ */export var getState=function getState(state){var _state$settings;return(state===null||state===void 0?void 0:(_state$settings=state.settings)===null||_state$settings===void 0?void 0:_state$settings.shopSettings)||{};};/**
+ * 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 var makeGetShopSettingByKey=function makeGetShopSettingByKey(key){var fallback=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;return createSelector(getState,function(state){return typeof(state===null||state===void 0?void 0:state[key])!=='undefined'?state===null||state===void 0?void 0:state[key]:fallback;});};/**
+ * Creates a selector to retrieve multiple shop setting.
+ * @param {Array} [keys=[]] Optional keys to filter.
+ * @returns {Function}
+ */export var makeGetShopSettings=function makeGetShopSettings(){var keys=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return createSelector(getState,function(state){var result=Object.keys(state).filter(function(key){if(Array.isArray(keys)&&keys.length>0){return keys.includes(key);}return true;}).reduce(function(acc,key){if(state===null||state===void 0?void 0:state[key]){acc[key]=state[key];}return acc;},{});return result;});};/** Selects the current wishlist mode */export var getWishlistMode=makeGetShopSettingByKey(SHOP_SETTING_WISHLIST_MODE,WISHLIST_MODE_PERSIST_ON_ADD);var getShopSettingImages=makeGetShopSettingByKey(SHOP_SETTING_IMAGES,{});/**
+ * Selects the placeholder image for products
+ */export var getProductImagePlaceholder=createSelector(getShopSettingImages,function(images){return(images===null||images===void 0?void 0:images[SHOP_SETTING_IMAGES_PRODUCT_PLACEHOLDER])||null;});/**
+ * Selects the placeholder image for products
+ */export var getCategoryImagePlaceholder=createSelector(getShopSettingImages,function(images){return(images===null||images===void 0?void 0:images[SHOP_SETTING_IMAGES_CATEGORY_PLACEHOLDER])||null;});/**
+ * Selects the placeholder image for products
+ */export var getFavicon=createSelector(getShopSettingImages,function(images){return(images===null||images===void 0?void 0:images[SHOP_SETTING_IMAGES_FAVICON])||null;});/**
+ * Selects the number of address lines for registration / address forms
+ */export var getNumberOfAddressLines=makeGetShopSettingByKey(SHOP_SETTING_NUMBER_OF_ADDRESS_LINES,2);export var getGoogleSiteVerificationCode=makeGetShopSettingByKey(SHOP_SETTING_GOOGLE_SITE_VERIFICATION_CODE,'');export var 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 var getRegistrationMode=makeGetShopSettingByKey(SHOP_SETTING_REGISTRATION_MODE,SHOP_SETTING_REGISTRATION_MODE_EXTENDED);export var getWishlistItemQuantityEnabled=makeGetShopSettingByKey(SHOP_SETTING_WISHLIST_ITEM_QUANTITY_ENABLED,false);export var getWishlistItemNotesEnabled=makeGetShopSettingByKey(SHOP_SETTING_WISHLIST_ITEM_NOTES_ENABLED,false);export var getLoadWishlistOnAppStartEnabled=makeGetShopSettingByKey(SHOP_SETTING_LOAD_WISHLIST_ON_APP_START_ENABLED,true);export var getShowWishlistItemsCountBadge=createSelector(getLoadWishlistOnAppStartEnabled,makeGetShopSettingByKey(SHOP_SETTING_SHOW_WISHLIST_ITEMS_COUNT_BADGE,true),function(loadWishlistOnAppStartEnabled,showWishlistItemsCountBadge){return loadWishlistOnAppStartEnabled?showWishlistItemsCountBadge:false;});

package/core/streams/app.js

@@ -1,4 +1,4 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _toArray(arr){return _arrayWithHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{Observable}from'rxjs/Observable';import{ACTION_RESET}from'@virtuous/conductor';import{main$}from'@shopgate/pwa-common/streams/main';import{routeDidEnter$}from'@shopgate/pwa-common/streams';import{routeDidEnter}from'@shopgate/pwa-common/action-creators';import{getRouterStack}from'@shopgate/engage/core/selectors';import{RELOAD_APP}from"../constants";import{historyReset}from"../actions";/**
+function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _toArray(arr){return _arrayWithHoles(arr)||_iterableToArray(arr)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArray(iter){if(Symbol.iterator in Object(iter)||Object.prototype.toString.call(iter)==="[object Arguments]")return Array.from(iter);}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{Observable}from'rxjs/Observable';import{ACTION_RESET}from'@virtuous/conductor';import{main$}from'@shopgate/pwa-common/streams/main';import{routeDidEnter$}from'@shopgate/pwa-common/streams';import{routeDidEnter}from'@shopgate/pwa-common/action-creators';import{getRouterStack}from'@shopgate/engage/core/selectors';import{RELOAD_APP}from"../constants";import{historyReset}from"../actions";/**
  * Gets triggered when the app is supposed to be reloaded
  * @type {Observable}
  */export var reloadApp$=main$.filter(function(_ref){var action=_ref.action;return action.type===RELOAD_APP;}).switchMap(function(params){var dispatch=params.dispatch,getState=params.getState;var _getRouterStack=getRouterStack(getState()),_getRouterStack2=_toArray(_getRouterStack),initialRoute=_getRouterStack2[0],otherRoutes=_getRouterStack2.slice(1);if(!otherRoutes.length){// When the initial route is the only route inside the router stack, routeDidEnter$ will

package/core/streams/index.js

@@ -1,4 +1,4 @@
-export*from"./app";export*from"./appPermissions";export*from'@shopgate/pwa-common/streams/main';export*from'@shopgate/pwa-common/streams/error';// --------------- APP --------------- //
+export*from"./app";export*from"./appPermissions";export*from"./optIns";export*from'@shopgate/pwa-common/streams/main';export*from'@shopgate/pwa-common/streams/error';export*from'@shopgate/pwa-common/streams/view';// --------------- APP --------------- //
 export*from'@shopgate/pwa-common/streams/app';// --------------- CLIENT --------------- //
 export*from'@shopgate/pwa-common/streams/client';// --------------- ROUTER --------------- //
 export*from'@shopgate/pwa-common/streams/router';