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

package/core/helpers/appFeatures.js

@@ -1,13 +1,25 @@
-import{APP_FEATURE_PUSH_OPT_IN,APP_FEATURE_COOKIE_CONSENT}from'@shopgate/engage/core/constants';import{hasSGJavaScriptBridge}from'@shopgate/pwa-core/helpers';/**
+import{APP_FEATURE_PUSH_OPT_IN,APP_FEATURE_COOKIE_CONSENT,APP_FEATURE_ANDROID_EDGE_TO_EDGE}from'@shopgate/engage/core/constants';import{hasSGJavaScriptBridge,hasWebBridge,hasNewServices,isAndroidOs}from'@shopgate/engage/core/helpers';/**
+ * Checks if a specific feature flag is enabled.
+ *
+ * @param {string} category The top-level category of the featureFlags object
+ * (e.g., 'Push', 'Analytics', 'StatusBar').
+ * @param {string} flag  The feature flag constant to look for.
+ * @returns {boolean}
+ */function isFeatureFlagEnabled(category,flag){var _window,_window$SGAppInfo,_window$SGAppInfo$fea,_window$SGAppInfo$fea2,_window$SGAppInfo$fea3;// Check if app provides the feature flags of the requested category
+var flags=(_window=window)===null||_window===void 0?void 0:(_window$SGAppInfo=_window.SGAppInfo)===null||_window$SGAppInfo===void 0?void 0:(_window$SGAppInfo$fea=_window$SGAppInfo.featureFlags)===null||_window$SGAppInfo$fea===void 0?void 0:(_window$SGAppInfo$fea2=_window$SGAppInfo$fea[category])===null||_window$SGAppInfo$fea2===void 0?void 0:(_window$SGAppInfo$fea3=_window$SGAppInfo$fea2['1'])===null||_window$SGAppInfo$fea3===void 0?void 0:_window$SGAppInfo$fea3.flags;// CHeck if the feature flag is provided
+return Array.isArray(flags)&&flags.includes(flag);}/**
  * Determines if the app supports the push opt-in feature
  * @returns {boolean}
- */export var appSupportsPushOptIn=function appSupportsPushOptIn(){var _window,_window$SGAppInfo,_window$SGAppInfo$fea,_window$SGAppInfo$fea2,_window$SGAppInfo$fea3;if(!hasSGJavaScriptBridge()){// Always supported in development
-return true;}if(!Array.isArray((_window=window)===null||_window===void 0?void 0:(_window$SGAppInfo=_window.SGAppInfo)===null||_window$SGAppInfo===void 0?void 0:(_window$SGAppInfo$fea=_window$SGAppInfo.featureFlags)===null||_window$SGAppInfo$fea===void 0?void 0:(_window$SGAppInfo$fea2=_window$SGAppInfo$fea.Push)===null||_window$SGAppInfo$fea2===void 0?void 0:(_window$SGAppInfo$fea3=_window$SGAppInfo$fea2['1'])===null||_window$SGAppInfo$fea3===void 0?void 0:_window$SGAppInfo$fea3.flags)){// Not supported on app versions that don't provide the featureFlags object
-return false;}// Supported when the feature flags contain the push opt-in flag
-return window.SGAppInfo.featureFlags.Push['1'].flags.includes(APP_FEATURE_PUSH_OPT_IN);};/**
+ */export var appSupportsPushOptIn=function appSupportsPushOptIn(){if(hasWebBridge()||hasNewServices()){// Not push notifications in browser mode. Deactivated for new system for now
+return false;}if(!hasSGJavaScriptBridge()){// Always supported in development
+return true;}return isFeatureFlagEnabled('Push',APP_FEATURE_PUSH_OPT_IN);};/**
  * Determines if the app supports the cookie consent feature
  * @returns {boolean}
- */export var appSupportsCookieConsent=function appSupportsCookieConsent(){var _window2,_window2$SGAppInfo,_window2$SGAppInfo$fe,_window2$SGAppInfo$fe2,_window2$SGAppInfo$fe3;if(!hasSGJavaScriptBridge()){// Always supported in development
-return true;}if(!Array.isArray((_window2=window)===null||_window2===void 0?void 0:(_window2$SGAppInfo=_window2.SGAppInfo)===null||_window2$SGAppInfo===void 0?void 0:(_window2$SGAppInfo$fe=_window2$SGAppInfo.featureFlags)===null||_window2$SGAppInfo$fe===void 0?void 0:(_window2$SGAppInfo$fe2=_window2$SGAppInfo$fe.Analytics)===null||_window2$SGAppInfo$fe2===void 0?void 0:(_window2$SGAppInfo$fe3=_window2$SGAppInfo$fe2['1'])===null||_window2$SGAppInfo$fe3===void 0?void 0:_window2$SGAppInfo$fe3.flags)){// Not supported on app versions that don't provide the featureFlags object
-return false;}// Supported when the feature flags contain the cookie consent flag
-return window.SGAppInfo.featureFlags.Analytics['1'].flags.includes(APP_FEATURE_COOKIE_CONSENT);};
+ */export var appSupportsCookieConsent=function appSupportsCookieConsent(){if(hasWebBridge()){// Deactivated in browser mode for now
+return false;}if(!hasSGJavaScriptBridge()){// Always supported in development
+return true;}return isFeatureFlagEnabled('Analytics',APP_FEATURE_COOKIE_CONSENT);};/**
+ * Determines if the app supports Android with edge-to-edge screens
+ * @returns {boolean}
+ */export var appSupportsAndroidEdgeToEdge=function appSupportsAndroidEdgeToEdge(){if(hasWebBridge()){// Deactivated in browser mode
+return false;}if(!hasSGJavaScriptBridge()&&isAndroidOs){// Active in dev environment with Android user agent
+return true;}return isFeatureFlagEnabled('StatusBar',APP_FEATURE_ANDROID_EDGE_TO_EDGE);};

package/core/helpers/appPermissions.js

@@ -0,0 +1,58 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";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);});};}import{COMMAND_GET_APP_PERMISSIONS,COMMAND_REQUEST_APP_PERMISSIONS}from'@shopgate/pwa-core/constants/AppCommands';import{PERMISSION_STATUS_NOT_DETERMINED,PERMISSION_STATUS_NOT_SUPPORTED,PERMISSION_STATUS_GRANTED,PERMISSION_STATUS_DENIED,PERMISSION_ID_LOCATION,PERMISSION_ID_PUSH,PERMISSION_ID_CAMERA}from'@shopgate/pwa-core/constants/AppPermissions';import geolocationRequestBrowser from"../classes/GeolocationRequestBrowser";var MOCK_PERMISSIONS_KEY='sg-mocked-app-permissions';var getMockedAppPermissions;/**
+ * In development within the browser, app permissions can be mocked by calling a global functions
+ * on the MockedPermissions object. The values are persisted in local storage, so that they survive
+ * reload of the PWA.
+ *
+ * Permissions are stored "globally" and will affect every shop.
+ *
+ * Example:
+ * MockedAppPermissions.setGetAppPermissionsResponse('push', 'notDetermined')
+ * MockedAppPermissions.setRequestAppPermissionsResponse('push', 'denied')
+ *
+ * The object also provides access to the relevant constants.
+ *
+ * Example:
+ * MockedAppPermissions.ID_PUSH
+ * MockedAppPermissions.STATUS_DENIED
+ *
+ * Complete Example:
+ * MockedAppPermissions.setRequestAppPermissionsResponse(
+ *   MockedAppPermissions.ID_PUSH,
+ *   MockedAppPermissions.STATUS_DENIED
+ * )
+ */if(process.env.NODE_ENV==='development'){/**
+   * Retrieves mocked app permissions from the local storage
+   * @returns {Object|null}
+   */getMockedAppPermissions=function getMockedAppPermissions(){return JSON.parse(localStorage.getItem(MOCK_PERMISSIONS_KEY));};/**
+   * Sets a single mocked app permission status from the local storage
+   * @param {string} commandType Command type for which the status is set (get / request)
+   * @param {string} permissionId The permissionId for which the status is set
+   * @param {string} status The mocked permission status
+   */var setMockedAppPermission=function setMockedAppPermission(commandType,permissionId,status){var _current;var current=getMockedAppPermissions();if(current===null){current={};}if(!((_current=current)===null||_current===void 0?void 0:_current[permissionId])){// Add defaults for the permissionId when not set yet
+current[permissionId]={get:PERMISSION_STATUS_GRANTED,request:PERMISSION_STATUS_GRANTED};}// Add the status to the mocked app permissions
+current[permissionId][commandType]=status;// Update local storage
+localStorage.setItem(MOCK_PERMISSIONS_KEY,JSON.stringify(current));};/**
+   * Prepare global object in DEV environment to mock app permissions
+   */var obj={setGetAppPermissionsResponse:function setGetAppPermissionsResponse(permissionId){var status=arguments.length>1&&arguments[1]!==undefined?arguments[1]:PERMISSION_STATUS_GRANTED;setMockedAppPermission('get',permissionId,status);},setRequestAppPermissionsResponse:function setRequestAppPermissionsResponse(permissionId){var status=arguments.length>1&&arguments[1]!==undefined?arguments[1]:PERMISSION_STATUS_GRANTED;setMockedAppPermission('request',permissionId,status);}};// Populate useful constants
+obj.STATUS_GRANTED=PERMISSION_STATUS_GRANTED;obj.STATUS_DENIED=PERMISSION_STATUS_DENIED;obj.STATUS_NOT_DETERMINED=PERMISSION_STATUS_NOT_DETERMINED;obj.STATUS_NOT_SUPPORTED=PERMISSION_STATUS_NOT_SUPPORTED;obj.ID_PUSH=PERMISSION_ID_PUSH;obj.ID_CAMERA=PERMISSION_ID_CAMERA;obj.ID_LOCATION=PERMISSION_ID_LOCATION;window.MockedAppPermissions=obj;}/**
+ * Mapping of states from the browser permissions API to app permissions.
+ */var permissionsApiStateMapping={prompt:PERMISSION_STATUS_NOT_DETERMINED,granted:PERMISSION_STATUS_GRANTED,denied:PERMISSION_STATUS_DENIED};/**
+ * Determines geolocation permissions from the browser permissions API.
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Permissions_API
+ * @returns {string|null}
+ */var getGeolocationPermissionsFromPermissionsApi=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var state,_ref2;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return navigator.permissions.query({name:'geolocation'});case 3:_ref2=_context.sent;state=_ref2.state;_context.next=9;break;case 7:_context.prev=7;_context.t0=_context["catch"](0);case 9:return _context.abrupt("return",{state:permissionsApiStateMapping[state]||null});case 10:case"end":return _context.stop();}},_callee,null,[[0,7]]);}));return function getGeolocationPermissionsFromPermissionsApi(){return _ref.apply(this,arguments);};}();/**
+ * Determines geolocation permissions from the browser geolocation API.
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API
+ * @returns {string}
+ */var getGeolocationPermissionsFromGeolocationApi=/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){var state,geolocation,_ref4$code,code;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:state=PERMISSION_STATUS_GRANTED;_context2.prev=1;_context2.next=4;return geolocationRequestBrowser.dispatch();case 4:geolocation=_context2.sent;_context2.next=12;break;case 7:_context2.prev=7;_context2.t0=_context2["catch"](1);_ref4$code=_context2.t0.code;code=_ref4$code===void 0?null:_ref4$code;if(code!==null){state=PERMISSION_STATUS_DENIED;}case 12:return _context2.abrupt("return",{state:state,geolocation:geolocation});case 13:case"end":return _context2.stop();}},_callee2,null,[[1,7]]);}));return function getGeolocationPermissionsFromGeolocationApi(){return _ref3.apply(this,arguments);};}();/**
+ * Creates mocked app permissions to support development within browser environments.
+ * @param {string} commandName The name of the command for which the permissions are created
+ * @param {Object} [commandParams={}] The command params.
+ * @param {string} [fallbackStatus] The status that's returned when no status could be determined.
+ * @returns {Array}
+ */var mockedPermissions=/*#__PURE__*/function(){var _ref5=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(commandName){var commandParams,fallbackStatus,permissionIds,permissions,geolocationState,result,_args3=arguments;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:commandParams=_args3.length>1&&_args3[1]!==undefined?_args3[1]:{};fallbackStatus=_args3.length>2&&_args3[2]!==undefined?_args3[2]:PERMISSION_STATUS_GRANTED;permissionIds=commandParams.permissionIds;permissions=commandParams.permissions;if(permissions){permissionIds=permissions.map(function(permission){return permission.permissionId;});}if(!permissionIds.includes(PERMISSION_ID_LOCATION)){_context3.next=14;break;}if(!(commandName===COMMAND_GET_APP_PERMISSIONS)){_context3.next=10;break;}_context3.next=9;return getGeolocationPermissionsFromPermissionsApi();case 9:geolocationState=_context3.sent;case 10:if(!(commandName===COMMAND_REQUEST_APP_PERMISSIONS)){_context3.next=14;break;}_context3.next=13;return getGeolocationPermissionsFromGeolocationApi();case 13:geolocationState=_context3.sent;case 14:result=permissionIds.map(function(permissionId){var _geolocationState;var state=fallbackStatus;var geolocation;var useLocalStorageMock=false;// Use mocked permissions from local storage if available
+if(typeof getMockedAppPermissions==='function'){var _permissionMock$permi;var permissionMock=getMockedAppPermissions();var type=commandName===COMMAND_GET_APP_PERMISSIONS?'get':'request';var mockValue=permissionMock===null||permissionMock===void 0?void 0:(_permissionMock$permi=permissionMock[permissionId])===null||_permissionMock$permi===void 0?void 0:_permissionMock$permi[type];if(mockValue){useLocalStorageMock=true;state=mockValue||PERMISSION_STATUS_GRANTED;}}if(!useLocalStorageMock&&permissionId===PERMISSION_ID_LOCATION&&((_geolocationState=geolocationState)===null||_geolocationState===void 0?void 0:_geolocationState.state)){var _geolocationState2=geolocationState;state=_geolocationState2.state;geolocation=_geolocationState2.geolocation;}return _extends({permissionId:permissionId,status:state},geolocation?{data:geolocation}:{});});return _context3.abrupt("return",result);case 16:case"end":return _context3.stop();}},_callee3);}));return function mockedPermissions(_x){return _ref5.apply(this,arguments);};}();/**
+ * Creates a function to mock app permissions.
+ * @param {string} [fallbackStatus] The status that's returned when no status could be determined.
+ * @returns {Function}
+ */export var createMockedPermissions=function createMockedPermissions(){var fallbackStatus=arguments.length>0&&arguments[0]!==undefined?arguments[0]:PERMISSION_STATUS_GRANTED;return function(commandName,commandParams){return mockedPermissions(commandName,commandParams,fallbackStatus);};};

package/core/helpers/baseUrl.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;}/**
+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;}/**
  * Regular expression to decode all possible types of base url from an url
  *
  * URLs of deployed apps

package/core/helpers/bridge.js

@@ -0,0 +1,4 @@
+/* global SGJavascriptBridge */import{hasSGJavaScriptBridge}from'@shopgate/pwa-core';/**
+ * Checks whether the web bridge is active.
+ * @returns {boolean}
+ */export function hasWebBridge(){var _SGJavascriptBridge;if(!hasSGJavaScriptBridge()){return false;}return['web','desktop','mobile'].includes((_SGJavascriptBridge=SGJavascriptBridge)===null||_SGJavascriptBridge===void 0?void 0:_SGJavascriptBridge.type);}

package/core/helpers/deviceType.js

@@ -0,0 +1,5 @@
+import{hasWebBridge}from"./bridge";import{DEVICE_TYPE_SMARTPHONE,DEVICE_TYPE_TABLET}from"../constants/deviceTypes";/**
+ * Determines the type of device that should be used for CMS pages.
+ * @returns {string}
+ */export var getDeviceTypeForCms=function getDeviceTypeForCms(){return(// use the CMS pages configured for tablets for the storefront website
+hasWebBridge()?DEVICE_TYPE_TABLET:DEVICE_TYPE_SMARTPHONE);};

package/core/helpers/environment.js

@@ -0,0 +1,4 @@
+import{configuration}from'@shopgate/pwa-common/collections';import{IS_CONNECT_EXTENSION_ATTACHED}from'@shopgate/pwa-common/constants/Configuration';/**
+ * Determines if the PWA uses the new backend services
+ * @returns {boolean}
+ */export var hasNewServices=function hasNewServices(){return!!configuration.get(IS_CONNECT_EXTENSION_ATTACHED);};

package/core/helpers/errorBehavior.js

@@ -0,0 +1,32 @@
+import{ToastProvider}from'@shopgate/pwa-common/providers';import{MODAL_PIPELINE_ERROR}from'@shopgate/pwa-common/constants/ModalTypes';import showModal from'@shopgate/pwa-common/actions/modal/showModal';import{logger,i18n}from'@shopgate/engage/core/helpers';/**
+ * Creates an error message for a pipeline and a code
+ * @param {string} message The pipeline message
+ * @param {Object} params Additional params for the message
+ * @param {string} [pipeline=''] Name of the pipeline which caused the error
+ * @returns {string}
+ */var getErrorMessage=function getErrorMessage(message){var params=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var pipeline=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'';if(!/^((\w+)\.){1,}/gi.test(message)){// Stop processing when the message is no i18n key
+return i18n.text(message,params);}var segments=message.split('.');var code=segments.pop();var pipelineKeys=[];var codeKeys=[];var genericKeys=[];var keys=[];// Generate a bunch of lookup keys from the message
+while(segments.length){pipelineKeys.push([].concat(segments,[pipeline,code]));codeKeys.push([].concat(segments,[code]));genericKeys.push([].concat(segments,['generic']));segments.pop();}// Add common keys
+keys=[].concat(pipelineKeys,codeKeys,genericKeys,["common.errors.".concat(code),'common.errors.generic']);var match=keys.find(function(key){return i18n.getPath(key);});try{return i18n.text(match,params);}catch(e){return i18n.text(keys[keys.length-1]);}};/**
+ * Generates an error object for the error behaviors
+ * @param {Object} originalError The original error object
+ * @returns {Object}
+ */var getErrorObject=function getErrorObject(originalError){var code=originalError.code,_originalError$contex=originalError.context,pipeline=_originalError$contex===void 0?'':_originalError$contex,meta=originalError.meta;var _meta$input=meta.input,pipelineInput=_meta$input===void 0?{}:_meta$input,originalMessage=meta.message,additionalParams=meta.additionalParams,translated=meta.translated;var message=translated?originalMessage:getErrorMessage(originalMessage,additionalParams,pipeline);var sanitized={code:code?code.toString():code,pipeline:pipeline,pipelineInput:pipelineInput,originalMessage:originalMessage,message:message,additionalParams:additionalParams,translated:translated};return sanitized;};/**
+ * Enables a custom implementation for an error behavior. The passed callback will be invoked with
+ * an object similar to streams (dispatch, getState, events). Additionally it contains the error
+ * object and the error message.
+ * @param {Function} callback A callback function for the custom error behavior
+ * @returns {Function}
+ */var custom=function custom(callback){return function(_ref){var dispatch=_ref.dispatch,getState=_ref.getState,events=_ref.events,error=_ref.error;if(typeof callback!=='function'){logger.error('errorBehavior.custom: Please provide a callback function');return;}var sanitized=getErrorObject(error);callback({dispatch:dispatch,getState:getState,events:events,error:sanitized,message:sanitized.message});};};/**
+ * Enables to dispatch a Redux action via a passed callback.
+ * The callback is invoked with the error message.
+ * @param {Function} callback A callback function for the custom error behavior
+ * @returns {Function}
+ */var dispatchAction=function dispatchAction(callback){return function(_ref2){var dispatch=_ref2.dispatch,error=_ref2.error;var _getErrorObject=getErrorObject(error),message=_getErrorObject.message;dispatch(callback(message));};};/**
+ * Displays a pipeline error as a modal.
+ * @returns {Function}
+ */var modal=function modal(){return function(_ref3){var dispatch=_ref3.dispatch,error=_ref3.error;var _getErrorObject2=getErrorObject(error),code=_getErrorObject2.code,pipeline=_getErrorObject2.pipeline,message=_getErrorObject2.message,pipelineInput=_getErrorObject2.pipelineInput,originalMessage=_getErrorObject2.originalMessage,additionalParams=_getErrorObject2.additionalParams,translated=_getErrorObject2.translated;dispatch(showModal({confirm:'modal.ok',dismiss:null,title:null,message:message,type:MODAL_PIPELINE_ERROR,params:{pipeline:pipeline,request:pipelineInput,message:originalMessage,code:code,translated:translated,messageParams:additionalParams}}));};};/**
+ * Displays a pipeline error as a toast message.
+ * @param {number} duration An optional display duration in ms for the toast
+ * @returns {Function}
+ */var toast=function toast(duration){return function(_ref4){var events=_ref4.events,error=_ref4.error;var _getErrorObject3=getErrorObject(error),message=_getErrorObject3.message;events.emit(ToastProvider.ADD,{id:'pipeline.error',message:message,duration:duration});};};export default{getErrorMessage:getErrorMessage,toast:toast,modal:modal,custom:custom,dispatchAction:dispatchAction};

package/core/helpers/featureFlag.js

@@ -0,0 +1,11 @@
+import{themeName,shopNumber}from'@shopgate/pwa-common/helpers/config';import{isDev}from'@shopgate/engage/core/helpers';var STORE_KEY_PREFIX="sgFeatureFlag_".concat(shopNumber,"_").concat(themeName,"__");/**
+ * @param {string} key key
+ * @returns {string}
+ */export function getFeatureFlag(key){return window.localStorage.getItem("".concat(STORE_KEY_PREFIX).concat(key));}/**
+ * @param {string} key key
+ */export function setABFeatureFlag(key){var hasFlag=getFeatureFlag(key);// flag is already set for user
+if(hasFlag!==null){return;}var random=Math.round(Math.random()*100+1);window.localStorage.setItem("".concat(STORE_KEY_PREFIX).concat(key),random);}/**
+ * @param {string} key Key
+ * @param {number} percentage percentage for how many users the flag should be set
+ * @returns {boolean}
+ */export function isFeatureEnabled(key){var percentage=arguments.length>1&&arguments[1]!==undefined?arguments[1]:10;if(isDev){return true;}var featureFlagRandomNumber=getFeatureFlag(key);return featureFlagRandomNumber<=percentage;}

package/core/helpers/getFullImageSource.js

@@ -1,8 +1,27 @@
-import{getProductImageSettings}from"../../product/helpers";import{getImageFormat}from"./getImageFormat";/**
+import{CONFIGURATION_COLLECTION_CREATE_EXTERNAL_IMAGE_URL}from'@shopgate/engage/core/constants';import{configuration}from'@shopgate/engage/core/collections';import{getProductImageSettings}from"../../product/helpers";import{getImageFormat}from"./getImageFormat";/**
+ * Regex to detect the "fill" query parameter
+ */var fillParamRegex=/(fill|fillc)=(\w+)%2C(\d)($|&)/i;/**
+ * Appends image service parameters to an image service url
+ * @param {string} baseUrl The base url
+ * @param {Object} params Additional params for the url
+ * @returns {string}
+ */var buildUrl=function buildUrl(baseUrl){var params=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var parsedUrl=new URL(baseUrl);/**
+   * To improve caching of images, we need to create urls with a consistent order of query params.
+   * Otherwise it can happen that different urls create equal images, just because of different
+   * ordered query params.
+   * To reach this goal we utilize the "append" method of the URLSearchParams object and apply
+   * the params in the order given by the "params" object. Since "append" could create duplicate
+   * query params, each param needs to be removed from the URLSearchParams before it's added again.
+   */Object.keys(params).forEach(function(key){parsedUrl.searchParams["delete"](key);return parsedUrl.searchParams.append(key,params[key]);});/**
+   * The "fill" parameter contains a ",". Since this would be url encoded by toString(), and the
+   * service will not recognize it anymore, we need to replace the encoding with a ",".
+   */return parsedUrl.toString().replace(fillParamRegex,'$1=$2,$3$4');};/**
  * Returns the actual url to the image, by adding url parameters with the dimensions for img-cdn
  * @param {string} src Source to the image.
  * @param {Object} dimension Dimension of the requested image.
  * @param {number} dimension.width Width in pixels.
  * @param {number} dimension.height Height in pixels.
  * @returns {string}
- */export var getFullImageSource=function getFullImageSource(src,_ref){var width=_ref.width,height=_ref.height;if(src&&src.includes('images.shopgate.services/v2/images')){var _getProductImageSetti=getProductImageSettings(),fillColor=_getProductImageSetti.fillColor,quality=_getProductImageSetti.quality;var format=getImageFormat();return"".concat(src,"&format=").concat(format,"&width=").concat(width,"&height=").concat(height,"&quality=").concat(quality,"&fill=").concat(fillColor.replace('#',''));}if(src&&src.startsWith('https://img-cdn.shopgate.com')&&!src.includes('?')){return"".concat(src,"?w=").concat(width,"&h=").concat(height,"&q=70&zc=resize&fillc=FFFFFF");}return src;};
+ */export var getFullImageSource=function getFullImageSource(src){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},width=_ref.width,height=_ref.height;if(src&&src.includes('images.shopgate.services/v2/images')){var _getProductImageSetti2=getProductImageSettings(),fillColor=_getProductImageSetti2.fillColor,quality=_getProductImageSetti2.quality;var format=getImageFormat();return buildUrl(src,{format:format,width:width,height:height,quality:quality,fill:fillColor.replace('#','')});}if(src&&src.startsWith('https://img-cdn.shopgate.com')&&!src.includes('?')){return buildUrl(src,{w:width,h:height,q:70,zd:'resize',fillc:'FFFFFF'});}// Check if an extension registered an external image url handler within the config collection.
+var createUrlFn=configuration.get(CONFIGURATION_COLLECTION_CREATE_EXTERNAL_IMAGE_URL);if(typeof createUrlFn==='function'){var _getProductImageSetti4=getProductImageSettings(),_fillColor=_getProductImageSetti4.fillColor,_quality=_getProductImageSetti4.quality;var _format=getImageFormat();// Invoke the handler with all relevant parameters.
+var externalUrl=createUrlFn(src,{width:width,height:height,fillColor:_fillColor,quality:_quality,format:_format});if(!!externalUrl&&typeof externalUrl==='string'){return externalUrl;}}return src;};

package/core/helpers/googleMaps.js

@@ -0,0 +1,8 @@
+var BASE_URL='https://www.google.com/maps';/**
+ * Generates a universal link to google maps that shows the direction to given address.
+ * @param {Object} address The address object.
+ * @param {string} address.street Street name and number
+ * @param {string} address.city City name
+ * @param {string} address.postalCode Postal code.
+ * @returns {string}
+ */export var generateGoogleMapsDirectionsUrl=function generateGoogleMapsDirectionsUrl(){var address=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var mapDestination=encodeURIComponent("".concat(address.street,", ").concat(address.city," ").concat(address.postalCode));var url="".concat(BASE_URL,"/dir/?api=1&destination=").concat(mapDestination);return url;};

package/core/helpers/i18n.js

@@ -1,4 +1,4 @@
-import{getTranslator,getPriceFormatter,getDateFormatter,getTimeFormatter,getNumberFormatter}from'@shopgate/pwa-common/helpers/i18n';import{logger}from'@shopgate/pwa-core/helpers';/**
+import get from'lodash/get';import{getTranslator,getPriceFormatter,getDateFormatter,getTimeFormatter,getNumberFormatter}from'@shopgate/pwa-common/helpers/i18n';import{logger}from'@shopgate/pwa-core/helpers';/**
  * @typedef {Object} I18nHelpers
  * @property {Function} init - Inits locales.
  * @property {Function} text - Text translator.
@@ -7,14 +7,19 @@ import{getTranslator,getPriceFormatter,getDateFormatter,getTimeFormatter,getNumb
  * @property {Function} date - Date translator.
  * @property {Function} time - Time translator.
  * @property {Function} number - Number translator
+ * @property {Function} getSupplementalData - Get Supplemental Data
+ * @property {Function} getPath - Get locale data by path
+ * @property {Function} getLang - Get locale lang code, eg de-DE
  */ /**
  * I18n helpers.
  * @returns {I18nHelpers}
  */var I18n=function I18n(){var didInit=false;/**
    * Function that throws when called. Used in a default instance of i18n to notify developer
    * when the module is used without initialization.
-   */var notReadyCb=function notReadyCb(){logger.error('i18n is not yet ready. Please postpone translations until App is bootstrapped.');};return{init:function init(_ref){var _this=this;var locales=_ref.locales,lang=_ref.lang,_ref$currencyLocale=_ref.currencyLocale,currencyLocale=_ref$currencyLocale===void 0?null:_ref$currencyLocale;if(didInit){logger.warn('Looks like i18n locales are already inited. Changing locales now may lead to inconsistent translations.');}didInit=true;this.text=getTranslator(locales,lang);this.textWithDefault=function(key,defaultText){var text=_this.text(key);return text===key?defaultText:text;};this.price=getPriceFormatter(currencyLocale||lang);this.date=getDateFormatter(lang);this.time=getTimeFormatter(lang);this.number=getNumberFormatter(lang);// If component decides to act accordingly this information should be exposed.
-this.ready=true;},text:notReadyCb,textWithDefault:notReadyCb,price:notReadyCb,date:notReadyCb,time:notReadyCb,number:notReadyCb,ready:false};};/**
- *
+   */var notReadyCb=function notReadyCb(){logger.error('i18n is not yet ready. Please postpone translations until App is bootstrapped.');};return{init:function init(_ref){var _this=this;var locales=_ref.locales,lang=_ref.lang,_ref$currencyLocale=_ref.currencyLocale,currencyLocale=_ref$currencyLocale===void 0?null:_ref$currencyLocale;if(didInit){logger.warn('Looks like i18n locales are already initialized. Changing locales now may lead to inconsistent translations.');}didInit=true;this.text=getTranslator(locales,lang);this.textWithDefault=function(key,defaultText){var text=_this.text(key);return text===key?defaultText:text;};this.price=getPriceFormatter(currencyLocale||lang);this.date=getDateFormatter(lang);this.time=getTimeFormatter(lang);this.number=getNumberFormatter(lang);this.getSupplementalData=function(){return locales.supplementalData||{};};this.getPath=function(path){return get(locales,path);};this.getLang=function(){return lang;};// If component decides to act accordingly this information should be exposed.
+this.ready=true;},text:notReadyCb,textWithDefault:notReadyCb,price:notReadyCb,date:notReadyCb,time:notReadyCb,number:notReadyCb,getSupplementalData:notReadyCb,getPath:notReadyCb,getLang:notReadyCb,ready:false};};/**
  * @type {I18nHelpers}
- */export var i18n=I18n();
+ */export var i18n=I18n();/**
+ * Return order of week days, based on firstDay of week locale settings
+ * @returns {string[]}
+ */export var getWeekDaysOrder=function getWeekDaysOrder(){var _i18n$getSupplemental=i18n.getSupplementalData(),_i18n$getSupplemental2=_i18n$getSupplemental.weekData,_i18n$getSupplemental3=_i18n$getSupplemental2===void 0?{}:_i18n$getSupplemental2,_i18n$getSupplemental4=_i18n$getSupplemental3.firstDay,firstDay=_i18n$getSupplemental4===void 0?'sun':_i18n$getSupplemental4;var days=['sun','mon','tue','wed','thu','fri','sat'];var dayIndex=days.findIndex(function(d){return d===firstDay;});return days.slice(dayIndex).concat(days.slice(0,dayIndex));};

package/core/helpers/index.js

@@ -1,7 +1,7 @@
-/** @module core */import{getCurrentRoute as getCurrentRouteHelper,router,history,parseQueryStringToObject,parseObjectToQueryString}from'@shopgate/pwa-common/helpers/router';export*from"./appFeatures";export*from"./baseUrl";export{getFullImageSource}from"./getFullImageSource";export{getImageFormat}from"./getImageFormat";export{i18n}from"./i18n";export{updateLegacyNavigationBar}from"./updateLegacyNavigationBar";// --------------- CORE --------------- //
-export*from'@shopgate/pwa-core/helpers';export{default as logGroup}from'@shopgate/pwa-core/helpers/logGroup';export*from'@shopgate/pwa-core/helpers/version';export*from'@shopgate/pwa-common/helpers/data';export*from'@shopgate/pwa-common/helpers/date';export*from'@shopgate/pwa-common/helpers/dom';export*from'@shopgate/pwa-common/helpers/environment';export{default as decodeHTML}from'@shopgate/pwa-common/helpers/html/decodeHTML';export*from'@shopgate/pwa-common/helpers/html/handleDOM';export{default as parseHTML}from'@shopgate/pwa-common/helpers/html/parseHTML';export{default as getTranslator}from'@shopgate/pwa-common/helpers/i18n/getTranslator';export{default as getPriceFormatter}from'@shopgate/pwa-common/helpers/i18n/getPriceFormatter';export{default as getDateFormatter}from'@shopgate/pwa-common/helpers/i18n/getDateFormatter';export{default as getTimeFormatter}from'@shopgate/pwa-common/helpers/i18n/getTimeFormatter';export{default as getNumberFormatter}from'@shopgate/pwa-common/helpers/i18n/getNumberFormatter';export*from'@shopgate/pwa-common/helpers/legacy';// TODO: Can only be exported once the theme uses it. causes issues with the custom routes feature.
+/** @module core */import{getCurrentRoute as getCurrentRouteHelper,router,history,parseQueryStringToObject,parseObjectToQueryString}from'@shopgate/pwa-common/helpers/router';export*from"./environment";export*from"./appFeatures";export*from"./appPermissions";export*from"./baseUrl";export*from"./bridge";export{isBeta}from"../config/isBeta";export{getFullImageSource}from"./getFullImageSource";export{getImageFormat}from"./getImageFormat";export{svgToDataUrl}from"./svgToDataUrl";export{i18n,getWeekDaysOrder}from"./i18n";export{updateLegacyNavigationBar}from"./updateLegacyNavigationBar";export{updateAndroidNavigationBarColor}from"./androidNavigationBar";export{default as nl2br}from"./nl2br";export*from"./string";export{isIOSTheme}from"./isIOSTheme";export{isTouchDevice}from"./isTouchDevice";export{generateGoogleMapsDirectionsUrl}from"./googleMaps";export{useScrollContainer}from"./scrollContainer";export{getDeviceTypeForCms}from"./deviceType";export*from"./featureFlag";// --------------- CORE --------------- //
+export{logger,ajaxUrl,hasSGJavaScriptBridge,useBrowserConnector,hasWebBridgeCore,logDeprecationMessage}from'@shopgate/pwa-core/helpers';export{default as logGroup}from'@shopgate/pwa-core/helpers/logGroup';export*from'@shopgate/pwa-core/helpers/version';export*from'@shopgate/pwa-common/helpers/data';export*from'@shopgate/pwa-common/helpers/date';export*from'@shopgate/pwa-common/helpers/dom';export{env,isDev,isProd,isRemote,isStaging,isWindows}from'@shopgate/pwa-common/helpers/environment';export{default as decodeHTML}from'@shopgate/pwa-common/helpers/html/decodeHTML';export*from'@shopgate/pwa-common/helpers/html/handleDOM';export{default as parseHTML}from'@shopgate/pwa-common/helpers/html/parseHTML';export{default as getTranslator}from'@shopgate/pwa-common/helpers/i18n/getTranslator';export{default as getPriceFormatter}from'@shopgate/pwa-common/helpers/i18n/getPriceFormatter';export{default as getDateFormatter}from'@shopgate/pwa-common/helpers/i18n/getDateFormatter';export{default as getTimeFormatter}from'@shopgate/pwa-common/helpers/i18n/getTimeFormatter';export{default as getNumberFormatter}from'@shopgate/pwa-common/helpers/i18n/getNumberFormatter';export*from'@shopgate/pwa-common/helpers/legacy';// TODO: Can only be exported once the theme uses it. causes issues with the custom routes feature.
 /*
 export { default as portalCollection } from '@shopgate/pwa-common/helpers/portals/portalCollection';
 export { default as routePortals } from '@shopgate/pwa-common/helpers/portals/routePortals';
-*/export*from'@shopgate/pwa-common/helpers/redux';export*from'@shopgate/pwa-common/helpers/style';export*from'@shopgate/pwa-common/helpers/tracking';export*from'@shopgate/pwa-common/helpers/validation';// --------------- ROUTER --------------- //
+*/export*from'@shopgate/pwa-common/helpers/redux';export*from'@shopgate/pwa-common/helpers/style';export*from'@shopgate/pwa-common/helpers/tracking';export*from'@shopgate/pwa-common/helpers/validation';export{default as errorBehavior}from"./errorBehavior";// --------------- ROUTER --------------- //
 export{getCurrentRouteHelper,router,history,parseQueryStringToObject,parseObjectToQueryString};export{push,pop,replace,reset}from"../router/helpers";

package/core/helpers/isIOSTheme.js

@@ -0,0 +1,4 @@
+/**
+ * Checks if current theme is an iOS theme.
+ * @returns {boolean}
+ */export function isIOSTheme(){if(!process.env.THEME){return false;}return process.env.THEME.includes('ios');}

package/core/helpers/isTouchDevice.js

@@ -0,0 +1,4 @@
+/**
+ * Checks if the device is a touch device.
+ * @returns {boolean}
+ */export var isTouchDevice=function isTouchDevice(){try{document.createEvent('TouchEvent');return true;}catch(e){return false;}};

package/core/helpers/nl2br.js

@@ -0,0 +1 @@
+export default(function(str){var isXhtml=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var breakTag=isXhtml?'<br />':'<br>';return String(str).replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g,"$1".concat(breakTag,"$2"));});

package/core/helpers/scrollContainer.js

@@ -0,0 +1,4 @@
+import{hasWebBridge}from"./bridge";/**
+ * Checks whether the app shall use a scroll container
+ * @returns {boolean}
+ */export var useScrollContainer=function useScrollContainer(){return!hasWebBridge();};

package/core/helpers/string.js

@@ -0,0 +1,9 @@
+/**
+ * Takes a string and transforms the string into upper case.
+ * @param {string} text The string to modify.
+ * @returns {string}
+ */export var toUpperCase=function toUpperCase(text){return text.toUpperCase();};/**
+ * Takes a string and transforms the string into lower case.
+ * @param {string} text The string to modify.
+ * @returns {string}
+ */export var toLowerCase=function toLowerCase(text){return text.toLowerCase();};

package/core/helpers/svgToDataUrl.js

@@ -0,0 +1,9 @@
+/**
+ * Converts a raw SVG markup string into a Base64-encoded data URL
+ * @param {string} svg the SVG which should be converted
+ * @param {string} [fallbackSVG] the fallback SVG in case the first isn't available
+ * @returns {string|null} data URL
+ */export var svgToDataUrl=function svgToDataUrl(svg,fallbackSVG){if(!svg){return fallbackSVG||null;}try{// encode svg string to UTF-8 byte array to handle non-Latin1 characters
+// (e.g. Unicode characters like emojis)
+var utf8Encoder=new TextEncoder();var svgBytes=utf8Encoder.encode(svg);// Convert the byte array to a Base64 string
+var base64Svg=btoa(String.fromCharCode.apply(null,svgBytes));return"data:image/svg+xml;base64,".concat(base64Svg);}catch(e){return fallbackSVG||null;}};

package/core/helpers/updateLegacyNavigationBar.js

@@ -1,4 +1,7 @@
-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);}import Color from'color';import broadcastEvent from'@shopgate/pwa-core/commands/broadcastEvent';/**
+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);}import Color from'color';import{isAvailable,StatusBar}from'@shopgate/native-modules';import{broadcastEvent}from'@shopgate/engage/core/commands';import{isDev}from'@shopgate/engage/core/helpers';import{UIEvents}from'@shopgate/engage/core/events';/**
  * Updates the styles of the navigation bar of iOS devices.
  * @param {Object} options Options for the status bar.
- */export var updateLegacyNavigationBar=function updateLegacyNavigationBar(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var targetTab=options.targetTab||'main';var isDefault=options.isDefault;var styles=_extends({},options.color&&{color:options.color},options.background&&{background:options.background},options.buttonColor&&{buttonColor:options.buttonColor},options.buttonColorDisabled&&{buttonColorDisabled:options.buttonColorDisabled},options.statusBarBackground&&{statusBarBackground:options.statusBarBackground});if(!styles.statusBarBackground&&styles.background){styles.statusBarBackground=styles.background;}var statusBarStyle;if(options.statusBarStyle){statusBarStyle=options.statusBarStyle;}else if(styles.statusBarBackground){statusBarStyle=Color(styles.statusBarBackground).isDark()?'light':'dark';}broadcastEvent({event:'updateNavigationBarStyle',parameters:[_extends({},statusBarStyle&&{statusBarStyle:statusBarStyle},isDefault&&{isDefault:isDefault},{targetTab:targetTab,styles:styles})]});};
+ */export var updateLegacyNavigationBar=function updateLegacyNavigationBar(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var targetTab=options.targetTab||'main';var isDefault=options.isDefault;var styles=_extends({},options.color&&{color:options.color},{},options.background&&{background:options.background},{},options.buttonColor&&{buttonColor:options.buttonColor},{},options.buttonColorDisabled&&{buttonColorDisabled:options.buttonColorDisabled},{},options.statusBarBackground&&{statusBarBackground:options.statusBarBackground});if(!styles.statusBarBackground&&styles.background){styles.statusBarBackground=styles.background;}var statusBarStyle;if(options.statusBarStyle){statusBarStyle=options.statusBarStyle;}else if(styles.statusBarBackground){if(styles.statusBarBackground==='transparent'){statusBarStyle='none';}else{statusBarStyle=Color(styles.statusBarBackground).isDark()?'light':'dark';}}// Status bar update via native-modules deactivated for now since it doesn't work
+// reliable when opening a page inside the In-App-Browser.
+if(false&&isAvailable()){var style=statusBarStyle==='dark'?'dark-content':'light-content';StatusBar.setBarStyle({style:style});if(styles.statusBarBackground){StatusBar.setBackgroundColor({color:styles.statusBarBackground});}return;}var payload=_extends({},statusBarStyle&&{statusBarStyle:statusBarStyle},{},isDefault&&{isDefault:isDefault},{targetTab:targetTab,styles:styles});broadcastEvent({event:'updateNavigationBarStyle',parameters:[payload]});if(isDev){// Dispatch the payload in dev as regular event, so that simulated top inset can adopt the color
+UIEvents.emit('devInternalUpdateStatusBarStyle',payload);}};

package/core/hocs/index.js

@@ -0,0 +1 @@
+export{default as withShowModal}from'@shopgate/pwa-common/helpers/modal/withShowModal';export{withTheme}from"./withTheme";export{withRoute}from"./withRoute";export{withCurrentProduct}from"./withCurrentProduct";export{withForwardedRef}from"./withForwardedRef";export{withNavigation}from"./withNavigation";export{withWidgetSettings}from"./withWidgetSettings";export{withWidgetStyles}from"./withWidgetStyles";export{withApp}from"./withApp";export{withThemeResources,withThemeComponents,withThemeWidgets}from"./withThemeResources";

package/core/hocs/withApp.js

@@ -6,4 +6,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithApp=function WithApp(props){return/*#__PURE__*/React.createElement(AppContext.Consumer,null,function(appContext){return/*#__PURE__*/React.createElement(WrappedComponent,_extends({app:appContext},props));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithApp.displayName="WithApp(".concat(displayName,")");return WithApp;}
+   */var WithApp=function WithApp(props){return React.createElement(AppContext.Consumer,null,function(appContext){return React.createElement(WrappedComponent,_extends({app:appContext},props));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithApp.displayName="WithApp(".concat(displayName,")");return WithApp;}

package/core/hocs/withCurrentProduct.js

@@ -1,4 +1,4 @@
-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);}import React from'react';import{ThemeContext}from'@shopgate/pwa-common/context';/**
+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);}import React,{useContext}from'react';import{ThemeContext}from'@shopgate/pwa-common/context';/**
  * Gets the context props for the wrapped component.
  * @param {Object} context The context.
  * @param {string|null} prop The optional prop name.
@@ -7,10 +7,10 @@ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj
  * Injects the current Product Context information into the desired component.
  * @param {Function} WrappedComponent The react component to wrap.
  * @param {Object} [options] A optional prop name to inject the current product properties.
- * @param {string} options.prop An optional prop name to inject the current product properties.
+ * @param {string} [options.prop] An optional prop name to inject the current product properties.
  * @returns {JSX}
  */export function withCurrentProduct(WrappedComponent){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithCurrentProduct=function WithCurrentProduct(props){return/*#__PURE__*/React.createElement(ThemeContext.Consumer,null,function(_ref2){var ProductContext=_ref2.contexts.ProductContext;return/*#__PURE__*/React.createElement(ProductContext.Consumer,null,function(productProps){return/*#__PURE__*/React.createElement(WrappedComponent,_extends({},getInjectedProps(productProps,options.prop),props));});});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithCurrentProduct.displayName="WithCurrentProduct(".concat(displayName,")");return WithCurrentProduct;}
+   */function WithCurrentProduct(props){var _useContext=useContext(ThemeContext),ProductContext=_useContext.contexts.ProductContext;var productProps=useContext(ProductContext);return React.createElement(WrappedComponent,_extends({},getInjectedProps(productProps,options.prop),props));}var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithCurrentProduct.displayName="WithCurrentProduct(".concat(displayName,")");return WithCurrentProduct;}

package/core/hocs/withForwardedRef.js

@@ -10,4 +10,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
    * @param {Object} props The component props.
    * @param {Object} ref The forwarded ref.
    * @returns {JSX}
-   */var WithForwardedRef=function WithForwardedRef(props,ref){var injected=_defineProperty({},options.prop||'forwardedRef',ref);return/*#__PURE__*/React.createElement(WrappedComponent,_extends({},props,injected));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithForwardedRef.displayName="WithForwardedRef(".concat(displayName,")");return/*#__PURE__*/forwardRef(WithForwardedRef);}
+   */var WithForwardedRef=function WithForwardedRef(props,ref){var injected=_defineProperty({},options.prop||'forwardedRef',ref);return React.createElement(WrappedComponent,_extends({},props,injected));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithForwardedRef.displayName="WithForwardedRef(".concat(displayName,")");return forwardRef(WithForwardedRef);}

package/core/hocs/withNavigation.js

@@ -12,4 +12,4 @@ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithNavigation=function WithNavigation(props){return/*#__PURE__*/React.createElement(WrappedComponent,_extends({},getInjectedProps(options.prop),props));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithNavigation.displayName="WithNavigation(".concat(displayName,")");return WithNavigation;}
+   */var WithNavigation=function WithNavigation(props){return React.createElement(WrappedComponent,_extends({},getInjectedProps(options.prop),props));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithNavigation.displayName="WithNavigation(".concat(displayName,")");return WithNavigation;}

package/core/hocs/withRoute.js

@@ -13,4 +13,4 @@ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithRoute=function WithRoute(props){return/*#__PURE__*/React.createElement(RouteContext.Consumer,null,function(routeContext){return/*#__PURE__*/React.createElement(WrappedComponent,_extends({},getInjectedProps(routeContext,options.prop),props));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithRoute.displayName="WithRoute(".concat(displayName,")");return WithRoute;}
+   */var WithRoute=function WithRoute(props){return React.createElement(RouteContext.Consumer,null,function(routeContext){return React.createElement(WrappedComponent,_extends({},getInjectedProps(routeContext,options.prop),props));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithRoute.displayName="WithRoute(".concat(displayName,")");return WithRoute;}

package/core/hocs/withTheme.js

@@ -8,10 +8,49 @@ var _excluded=["contexts"];function _objectWithoutProperties(source,excluded){if
  * @param {Function} WrappedComponent The react component to wrap.
  * @param {Object} [options={}] Options for the HOC.
  * @param {string} [options.prop] An optional prop name to inject the theme properties.
- * @returns {JSX}
+ * @deprecated
+ *
+ * Use `withThemeComponents()` instead.
+ * ```js
+ * import { withThemeComponents } from '@shopgate/engage/core/hocs';
+ *
+ * function MyComponent({ themeComponents }) {
+ *   const { ProductCard } = themeComponents;
+ *   return <ProductCard />;
+ * }
+ * ````
+ * This HOC 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';
+ * ```
+ * @returns {JSX.Element}
  */export function withTheme(WrappedComponent){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
    * The actual HOC.
    * @param {Object} props The component props.
-   * @returns {JSX}
-   */var WithTheme=function WithTheme(props){return/*#__PURE__*/React.createElement(ThemeContext.Consumer,null,function(_ref2){var contexts=_ref2.contexts,themeContext=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/ (// The contexts are left out in favor of other HOCs.
+   * @returns {JSX.Element}
+   */var WithTheme=function WithTheme(props){return React.createElement(ThemeContext.Consumer,null,function(_ref2){var contexts=_ref2.contexts,themeContext=_objectWithoutProperties(_ref2,_excluded);return(// The contexts are left out in favor of other HOCs.
 React.createElement(WrappedComponent,_extends({},getInjectedProps(themeContext,options.prop),props)));});};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithTheme.displayName="WithTheme(".concat(displayName,")");return WithTheme;}

package/core/hocs/withThemeResources.js

@@ -0,0 +1,16 @@
+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);}import React from'react';import{useThemeResources,useThemeComponents,useThemeWidgets}from'@shopgate/engage/core/hooks';/**
+ * HOC that injects the value of the ThemeResources context as a prop called `themeResources`.
+ * The context provides access to different groups of React components provided by the theme.
+ * @param {React.ComponentType<any>} WrappedComponent The wrapped component
+ * @returns {React.FC<any>}
+ */export var withThemeResources=function withThemeResources(WrappedComponent){return function ThemeResourcesWrapper(props){var themeResources=useThemeResources();return React.createElement(WrappedComponent,_extends({},props,{themeResources:themeResources}));};};/**
+ * HOC that injects the `components` value of the ThemeResources context as a prop called
+ * `themeComponents`.
+ * @param {React.ComponentType<any>} WrappedComponent The wrapped component
+ * @returns {React.FC<any>}
+ */export var withThemeComponents=function withThemeComponents(WrappedComponent){return function ThemeResourcesWrapper(props){var themeComponents=useThemeComponents();return React.createElement(WrappedComponent,_extends({},props,{themeComponents:themeComponents}));};};/**
+ * HOC that injects the `widgets` value of the ThemeResources context as a prop called
+ * `themeWidgets`.
+ * @param {React.ComponentType<any>} WrappedComponent The wrapped component
+ * @returns {React.FC<any>}
+ */export var withThemeWidgets=function withThemeWidgets(WrappedComponent){return function ThemeResourcesWrapper(props){var themeWidgets=useThemeWidgets();return React.createElement(WrappedComponent,_extends({},props,{themeWidgets:themeWidgets}));};};

package/core/hocs/withWidgetSettings.js

@@ -10,4 +10,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithWidgetSettings=function WithWidgetSettings(props){var settings=useWidgetSettings(widgetId,index);return/*#__PURE__*/React.createElement(WrappedComponent,_extends({widgetSettings:settings},props));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithWidgetSettings.displayName="WithWidgetSettings(".concat(displayName,")");return WithWidgetSettings;}
+   */var WithWidgetSettings=function WithWidgetSettings(props){var settings=useWidgetSettings(widgetId,index);return React.createElement(WrappedComponent,_extends({widgetSettings:settings},props));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithWidgetSettings.displayName="WithWidgetSettings(".concat(displayName,")");return WithWidgetSettings;}

package/core/hocs/withWidgetStyles.js

@@ -8,4 +8,4 @@ function _extends(){_extends=Object.assign||function(target){for(var i=1;i<argum
    * The actual HOC.
    * @param {Object} props The component props.
    * @returns {JSX}
-   */var WithWidgetStyles=function WithWidgetStyles(props){var styles=useWidgetStyles(widgetId,index);return/*#__PURE__*/React.createElement(WrappedComponent,_extends({widgetStyles:styles},props));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithWidgetStyles.displayName="WithWidgetStyles(".concat(displayName,")");return WithWidgetStyles;}
+   */var WithWidgetStyles=function WithWidgetStyles(props){var styles=useWidgetStyles(widgetId,index);return React.createElement(WrappedComponent,_extends({widgetStyles:styles},props));};var displayName=WrappedComponent.displayName||WrappedComponent.name||'Component';WithWidgetStyles.displayName="WithWidgetStyles(".concat(displayName,")");return WithWidgetStyles;}

package/core/hooks/events/index.js

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

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

@@ -0,0 +1,68 @@
+import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
+
+export interface LongPressHandlers {
+  /**
+   * Attach to `onMouseDown` event.
+   */
+  onMouseDown: (e: ReactMouseEvent | TouchEvent) => void;
+
+  /**
+   * Attach to `onTouchStart` event.
+   */
+  onTouchStart: (e: ReactTouchEvent | TouchEvent) => void;
+
+  /**
+   * Attach to `onMouseUp` event.
+   */
+  onMouseUp: (e: ReactMouseEvent | TouchEvent) => void;
+
+  /**
+   * Attach to `onMouseLeave` event.
+   */
+  onMouseLeave: (e: ReactMouseEvent | TouchEvent) => void;
+
+  /**
+   * Attach to `onTouchEnd` event.
+   */
+  onTouchEnd: (e: ReactTouchEvent | TouchEvent) => void;
+
+  /**
+   * Attach to `onContextMenu` event to prevent the native context menu.
+   */
+  onContextMenu: (e: MouseEvent) => void;
+}
+
+export interface UseLongPressOptions {
+  /**
+   * Duration in milliseconds to trigger long press.
+   * @default 1000
+   */
+  threshold?: number;
+
+  /**
+   * Called when the press starts.
+   */
+  onStart?: (e: ReactMouseEvent | ReactTouchEvent) => void;
+
+  /**
+   * Called when the long press completes.
+   */
+  onFinish?: (e: ReactMouseEvent | ReactTouchEvent) => void;
+
+  /**
+   * Called when the press is cancelled before the threshold.
+   */
+  onCancel?: (e: ReactMouseEvent | ReactTouchEvent) => void;
+}
+
+/**
+ * Custom hook to handle long press interactions.
+ *
+ * @param callback Function to call on long press.
+ * @param options Configuration and lifecycle callbacks.
+ * @returns An object containing event handlers for mouse and touch events.
+ */
+export default function useLongPress(
+  callback: (e: ReactMouseEvent | ReactTouchEvent) => void,
+  options?: UseLongPressOptions
+): LongPressHandlers;

package/core/hooks/events/useLongPress.js

@@ -0,0 +1,13 @@
+// @ts-check
+import{useRef,useCallback}from'react';/** @typedef {import('./useLongPress').LongPressHandlers} LongPressHandlers */ /** @typedef {import('./useLongPress').UseLongPressOptions} UseLongPressOptions */ /**
+ * Prevents the default context menu from appearing on long press.
+ * @param {MouseEvent} e The event object.
+ */var preventContextMenu=function preventContextMenu(e){e.preventDefault();};// eslint-disable-next-line valid-jsdoc
+/**
+ * Custom hook to handle long press interactions.
+ *
+ * @param {(e: Event) => void} callback - Function to call on long press.
+ * @param {UseLongPressOptions} [options={}] - Configuration and lifecycle callbacks.
+ * @returns {LongPressHandlers} An object containing event handlers for mouse and touch events.
+ */export default function useLongPress(callback){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref$threshold=_ref.threshold,threshold=_ref$threshold===void 0?1000:_ref$threshold,onStart=_ref.onStart,onFinish=_ref.onFinish,onCancel=_ref.onCancel;var timerRef=useRef(null);var triggeredRef=useRef(false);var start=useCallback(function(e){if(onStart)onStart(e);triggeredRef.current=false;timerRef.current=setTimeout(function(){callback(e);triggeredRef.current=true;if(onFinish)onFinish(e);},threshold);},[onStart,threshold,callback,onFinish]);var cancel=useCallback(function(e){clearTimeout(timerRef.current);if(!triggeredRef.current&&onCancel){onCancel(e);}},[onCancel]);return{onMouseDown:start,onTouchStart:start,onMouseUp:cancel,onMouseLeave:cancel,onTouchEnd:cancel,// prevents right-click or long-press menu
+onContextMenu:preventContextMenu};}