@shopgate/engage/development/selectors/settings.js

Shopgate's ENGAGE library.

import{createSelector}from'reselect';import MobileDetect from'mobile-detect';import{isDev as isDevelopment,hasSGJavaScriptBridge}from'@shopgate/engage/core/helpers';var md=new MobileDetect(navigator.userAgent);/**
 * Retrieves the development settings state from the store.
 * @param {Object} state The current application state.
 * @return {Object} The development settings state.
 */var getState=function getState(state){return state.development.settings;};/**
 * Creates a selector to determine if development mode is enabled.
 * @type {(state: any) => boolean}
 */export var getIsDev=createSelector(function(){return isDevelopment;});/**
 * Creates a selector to determine if the simulated iOS insets are supposed to be shown.
 * @type {(state: any) => boolean}
 */export var getAreInsetsVisible=createSelector(getIsDev,getState,function(isDev,settings){if(!isDev){return false;}return settings.showInsets;});/**
 * Creates a selector to determine if the inset highlight is visible.
 * @type {(state: any) => boolean}
 */export var getIsInsetHighlightVisible=createSelector(getIsDev,getState,function(isDev,settings){if(!isDev){return false;}return settings.showInsetHighlight;});/**
 * Creates a selector to check if simulated safe area insets are supposed to be injected.
 * @type {(state: any) => boolean}
 */export var getAreSimulatedInsetsInjected=createSelector(getIsDev,getAreInsetsVisible,function(isDev,insetsVisible){// No insets injected if the app is not in development mode.
if(!isDev){return false;}// No insets injected if PWA is running inside the app
if(hasSGJavaScriptBridge()){return false;}// If the state contains a bool value, respect is.
if(typeof insetsVisible==='boolean'){return insetsVisible;}// Show insets on simulated iOS devices by default if insets decision is not set.
return insetsVisible===null&&md.os()==='iOS';});