@shopgate/pwa-common 7.30.0-alpha.7 → 7.30.0-alpha.8

package/styles/reset/table.js

@@ -1,3 +1,12 @@
 /**
  * @deprecated used @shopgate/engage/styles instead
- */import{css}from'glamor';css.global('table',{borderCollapse:'collapse',minWidth:'100%'});css.global('td, th',{verticalAlign:'top'});
+ */
+
+import { css } from 'glamor';
+css.global('table', {
+  borderCollapse: 'collapse',
+  minWidth: '100%'
+});
+css.global('td, th', {
+  verticalAlign: 'top'
+});

package/styles/reset/typography.js

@@ -1,3 +1,28 @@
 /**
  * @deprecated used @shopgate/engage/styles instead
- */import{css}from'glamor';import{rem}from"../../helpers/style";css.global('a',{color:'inherit',textDecoration:'none',WebkitTextDecorationSkip:'objects'});css.global('a:hover, a:focus, a:active, [tabindex]',{outline:0});css.global('ol, ul',{listStyle:'none',margin:0,paddingLeft:0});css.global('b, strong',{fontWeight:700});css.global('small',{fontSize:rem(13)});css.global('sub, sup',{lineHeight:0});
+ */
+
+import { css } from 'glamor';
+import { rem } from "../../helpers/style";
+css.global('a', {
+  color: 'inherit',
+  textDecoration: 'none',
+  WebkitTextDecorationSkip: 'objects'
+});
+css.global('a:hover, a:focus, a:active, [tabindex]', {
+  outline: 0
+});
+css.global('ol, ul', {
+  listStyle: 'none',
+  margin: 0,
+  paddingLeft: 0
+});
+css.global('b, strong', {
+  fontWeight: 700
+});
+css.global('small', {
+  fontSize: rem(13)
+});
+css.global('sub, sup', {
+  lineHeight: 0
+});

package/subscriptions/app.js

@@ -1,27 +1,158 @@
-import{event,emitter as errorEmitter,registerEvents,closeInAppBrowser,onload}from'@shopgate/pwa-core';import{EVENT_KEYBOARD_WILL_CHANGE,APP_EVENT_VIEW_WILL_APPEAR,APP_EVENT_VIEW_DID_APPEAR,APP_EVENT_VIEW_WILL_DISAPPEAR,APP_EVENT_VIEW_DID_DISAPPEAR}from'@shopgate/pwa-core/constants/AppEvents';import{SOURCE_APP,SOURCE_PIPELINE}from'@shopgate/pwa-core/constants/ErrorManager';import pipelineManager from'@shopgate/pwa-core/classes/PipelineManager';import*as errorCodes from'@shopgate/pwa-core/constants/Pipeline';import{onWillPush,onDidPush,onWillPop,onDidPop,onWillReplace,onDidReplace,onWillReset,onDidReset,onUpdate}from'@virtuous/conductor';import{appConfig}from'@shopgate/engage';import{UI_VISIBILITY_CHANGE}from"../constants/ui";import{appError,pipelineError,pwaDidAppear,pwaDidDisappear}from"../action-creators";import{historyPush,routeWillPush,routeDidPush,routeWillPop,routeDidPop,routeWillReplace,routeDidReplace,routeWillReset,routeDidReset,routeDidUpdate}from"../actions/router";import{receiveClientConnectivity}from"../action-creators/client";import{appWillStart$,appDidStart$,clientInformationDidUpdate$,navigate$}from"../streams";import registerLinkEvents from"../actions/app/registerLinkEvents";import{APP_PLATFORM}from"../constants/Configuration";import{getPlatform,isAndroid}from"../selectors/client";import{prepareLegacyNavigation,showPreviousTab,pageContext}from"../helpers/legacy";import{embeddedMedia,configuration}from"../collections";import{Vimeo,YouTube}from"../collections/media-providers";import clearUpInAppBrowser from"./helpers/clearUpInAppBrowser";/**
+import { event, emitter as errorEmitter, registerEvents, closeInAppBrowser, onload } from '@shopgate/pwa-core';
+import { EVENT_KEYBOARD_WILL_CHANGE, APP_EVENT_VIEW_WILL_APPEAR, APP_EVENT_VIEW_DID_APPEAR, APP_EVENT_VIEW_WILL_DISAPPEAR, APP_EVENT_VIEW_DID_DISAPPEAR } from '@shopgate/pwa-core/constants/AppEvents';
+import { SOURCE_APP, SOURCE_PIPELINE } from '@shopgate/pwa-core/constants/ErrorManager';
+import pipelineManager from '@shopgate/pwa-core/classes/PipelineManager';
+import * as errorCodes from '@shopgate/pwa-core/constants/Pipeline';
+import { onWillPush, onDidPush, onWillPop, onDidPop, onWillReplace, onDidReplace, onWillReset, onDidReset, onUpdate } from '@virtuous/conductor';
+import { appConfig } from '@shopgate/engage';
+import { UI_VISIBILITY_CHANGE } from "../constants/ui";
+import { appError, pipelineError, pwaDidAppear, pwaDidDisappear } from "../action-creators";
+import { historyPush, routeWillPush, routeDidPush, routeWillPop, routeDidPop, routeWillReplace, routeDidReplace, routeWillReset, routeDidReset, routeDidUpdate } from "../actions/router";
+import { receiveClientConnectivity } from "../action-creators/client";
+import { appWillStart$, appDidStart$, clientInformationDidUpdate$, navigate$ } from "../streams";
+import registerLinkEvents from "../actions/app/registerLinkEvents";
+import { APP_PLATFORM } from "../constants/Configuration";
+import { getPlatform, isAndroid } from "../selectors/client";
+import { prepareLegacyNavigation, showPreviousTab, pageContext } from "../helpers/legacy";
+import { embeddedMedia, configuration } from "../collections";
+import { Vimeo, YouTube } from "../collections/media-providers";
+import clearUpInAppBrowser from "./helpers/clearUpInAppBrowser";
+
+/**
  * App subscriptions.
  * @param {Function} subscribe The subscribe function.
- */export default function app(subscribe){// Gets triggered before the app starts.
-subscribe(appWillStart$,function(_ref){var _appConfig$responsify,_appConfig$responsify2;var dispatch=_ref.dispatch,action=_ref.action,getState=_ref.getState,events=_ref.events;embeddedMedia.addProvider(new Vimeo({responsify:appConfig===null||appConfig===void 0?void 0:(_appConfig$responsify=appConfig.responsifyVideos)===null||_appConfig$responsify===void 0?void 0:_appConfig$responsify.vimeo}));embeddedMedia.addProvider(new YouTube({responsify:appConfig===null||appConfig===void 0?void 0:(_appConfig$responsify2=appConfig.responsifyVideos)===null||_appConfig$responsify2===void 0?void 0:_appConfig$responsify2.youTube}));dispatch(registerLinkEvents(action.location));onWillPush(function(_ref2){var prev=_ref2.prev,next=_ref2.next;return dispatch(routeWillPush(prev,next));});onDidPush(function(_ref3){var prev=_ref3.prev,next=_ref3.next;return dispatch(routeDidPush(prev,next));});onWillPop(function(_ref4){var prev=_ref4.prev,next=_ref4.next;return dispatch(routeWillPop(prev,next));});onDidPop(function(_ref5){var prev=_ref5.prev,next=_ref5.next;return dispatch(routeDidPop(prev,next));});onWillReplace(function(_ref6){var prev=_ref6.prev,next=_ref6.next;return dispatch(routeWillReplace(prev,next));});onDidReplace(function(_ref7){var prev=_ref7.prev,next=_ref7.next;return dispatch(routeDidReplace(prev,next));});onWillReset(function(_ref8){var prev=_ref8.prev,next=_ref8.next;return dispatch(routeWillReset(prev,next));});onDidReset(function(_ref9){var prev=_ref9.prev,next=_ref9.next;return dispatch(routeDidReset(prev,next));});onUpdate(function(updated){return dispatch(routeDidUpdate(updated));});// Suppress errors globally
-pipelineManager.addSuppressedErrors([errorCodes.EACCESS,errorCodes.ENOTFOUND,errorCodes.EVALIDATION]);// Map the error events into the Observable streams.
-errorEmitter.addListener(SOURCE_APP,function(error){return dispatch(appError(error));});errorEmitter.addListener(SOURCE_PIPELINE,function(error){return dispatch(pipelineError(error));});/** @returns {*} */var viewVisibility=function viewVisibility(){return events.emit(UI_VISIBILITY_CHANGE);};event.addCallback('routeDidChange',viewVisibility);event.addCallback(APP_EVENT_VIEW_DID_DISAPPEAR,function(){dispatch(pwaDidDisappear());viewVisibility();});event.addCallback(APP_EVENT_VIEW_DID_APPEAR,function(){dispatch(pwaDidAppear());clearUpInAppBrowser(isAndroid(getState()));});});/**
+ */
+export default function app(subscribe) {
+  // Gets triggered before the app starts.
+  subscribe(appWillStart$, ({
+    dispatch,
+    action,
+    getState,
+    events
+  }) => {
+    embeddedMedia.addProvider(new Vimeo({
+      responsify: appConfig?.responsifyVideos?.vimeo
+    }));
+    embeddedMedia.addProvider(new YouTube({
+      responsify: appConfig?.responsifyVideos?.youTube
+    }));
+    dispatch(registerLinkEvents(action.location));
+    onWillPush(({
+      prev,
+      next
+    }) => dispatch(routeWillPush(prev, next)));
+    onDidPush(({
+      prev,
+      next
+    }) => dispatch(routeDidPush(prev, next)));
+    onWillPop(({
+      prev,
+      next
+    }) => dispatch(routeWillPop(prev, next)));
+    onDidPop(({
+      prev,
+      next
+    }) => dispatch(routeDidPop(prev, next)));
+    onWillReplace(({
+      prev,
+      next
+    }) => dispatch(routeWillReplace(prev, next)));
+    onDidReplace(({
+      prev,
+      next
+    }) => dispatch(routeDidReplace(prev, next)));
+    onWillReset(({
+      prev,
+      next
+    }) => dispatch(routeWillReset(prev, next)));
+    onDidReset(({
+      prev,
+      next
+    }) => dispatch(routeDidReset(prev, next)));
+    onUpdate(updated => dispatch(routeDidUpdate(updated)));
+
+    // Suppress errors globally
+    pipelineManager.addSuppressedErrors([errorCodes.EACCESS, errorCodes.ENOTFOUND, errorCodes.EVALIDATION]);
+
+    // Map the error events into the Observable streams.
+    errorEmitter.addListener(SOURCE_APP, error => dispatch(appError(error)));
+    errorEmitter.addListener(SOURCE_PIPELINE, error => dispatch(pipelineError(error)));
+
+    /** @returns {*} */
+    const viewVisibility = () => events.emit(UI_VISIBILITY_CHANGE);
+    event.addCallback('routeDidChange', viewVisibility);
+    event.addCallback(APP_EVENT_VIEW_DID_DISAPPEAR, () => {
+      dispatch(pwaDidDisappear());
+      viewVisibility();
+    });
+    event.addCallback(APP_EVENT_VIEW_DID_APPEAR, () => {
+      dispatch(pwaDidAppear());
+      clearUpInAppBrowser(isAndroid(getState()));
+    });
+  });
+
+  /**
    * Gets triggered when the app starts.
-   */subscribe(appDidStart$,function(_ref10){var dispatch=_ref10.dispatch,getState=_ref10.getState;// Register for custom events
-registerEvents([EVENT_KEYBOARD_WILL_CHANGE,'showPreviousTab','closeInAppBrowser',// TODO The iOS apps don't emit the event to the webviews without registration till Lib 15.2.
-// This needs to be removed, when IOS-1886 is done and the the iOS apps are updated.
-'httpResponse','connectivityDidChange']);// Add event callbacks
-event.addCallback('pageContext',pageContext);// Handle native/legacy navigation bar
-event.addCallback(APP_EVENT_VIEW_WILL_APPEAR,prepareLegacyNavigation);event.addCallback('showPreviousTab',showPreviousTab);/**
+   */
+  subscribe(appDidStart$, ({
+    dispatch,
+    getState
+  }) => {
+    // Register for custom events
+    registerEvents([EVENT_KEYBOARD_WILL_CHANGE, 'showPreviousTab', 'closeInAppBrowser',
+    // TODO The iOS apps don't emit the event to the webviews without registration till Lib 15.2.
+    // This needs to be removed, when IOS-1886 is done and the the iOS apps are updated.
+    'httpResponse', 'connectivityDidChange']);
+
+    // Add event callbacks
+    event.addCallback('pageContext', pageContext);
+    // Handle native/legacy navigation bar
+    event.addCallback(APP_EVENT_VIEW_WILL_APPEAR, prepareLegacyNavigation);
+    event.addCallback('showPreviousTab', showPreviousTab);
+    /**
      * This event is triggered form the desktop shop in the inAppBrowser.
      * We have to close the inAppBrowser and redirect the user to the given url.
-     */event.addCallback('closeInAppBrowser',function(){var data=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(data.redirectTo){dispatch(historyPush({pathname:data.redirectTo}));}closeInAppBrowser(isAndroid(getState()));});event.addCallback('connectivityDidChange',function(data){dispatch(receiveClientConnectivity(data));});/**
+     */
+    event.addCallback('closeInAppBrowser', (data = {}) => {
+      if (data.redirectTo) {
+        dispatch(historyPush({
+          pathname: data.redirectTo
+        }));
+      }
+      closeInAppBrowser(isAndroid(getState()));
+    });
+    event.addCallback('connectivityDidChange', data => {
+      dispatch(receiveClientConnectivity(data));
+    });
+
+    /**
      * The following events are sometimes sent by the app, but don't need to be handled right now.
      * To avoid console warnings from the event system, empty handlers are registered here.
-     */event.addCallback(APP_EVENT_VIEW_WILL_DISAPPEAR,function(){// Stop all playing video
-embeddedMedia.stop();});event.addCallback('pageInsetsChanged',function(){});/*
+     */
+    event.addCallback(APP_EVENT_VIEW_WILL_DISAPPEAR, () => {
+      // Stop all playing video
+      embeddedMedia.stop();
+    });
+    event.addCallback('pageInsetsChanged', () => {});
+
+    /*
      * Onload must be send AFTER app did start.
      * Interjections events (like openPushMessage) would not work if this command is sent
      * before registering to interjections.
-     */onload();});// Add platform to runtime config
-subscribe(clientInformationDidUpdate$,function(_ref11){var getState=_ref11.getState;var platform=getPlatform(getState());configuration.set(APP_PLATFORM,platform);});// Stop all playing video on navigation
-subscribe(navigate$,function(){embeddedMedia.stop();});}
+     */
+    onload();
+  });
+
+  // Add platform to runtime config
+  subscribe(clientInformationDidUpdate$, ({
+    getState
+  }) => {
+    const platform = getPlatform(getState());
+    configuration.set(APP_PLATFORM, platform);
+  });
+
+  // Stop all playing video on navigation
+  subscribe(navigate$, () => {
+    embeddedMedia.stop();
+  });
+}

package/subscriptions/error.js

@@ -1,15 +1,294 @@
-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 after from'lodash/after';import before from'lodash/before';import over from'lodash/over';import{isAvailable}from'@shopgate/native-modules';import{init,addBreadcrumb,configureScope,captureException,captureMessage,captureEvent,withScope,Severity as SentrySeverity}from'@sentry/browser';import{EBIGAPI,emitter,errorManager,ETIMEOUT,ENETUNREACH,EUNKNOWN,EFAVORITE}from'@shopgate/pwa-core';import{hasWebBridge}from'@shopgate/engage/core';import{SOURCE_TRACKING,SOURCE_CONSOLE,Severity}from'@shopgate/pwa-core/constants/ErrorManager';import{main$}from"../streams/main";import{// eslint-disable-next-line import/no-named-default
-default as appConfig,themeName,pckVersion}from"../helpers/config";import{env}from"../helpers/environment";import{transformGeneralPipelineError}from"./helpers/pipeline";import{historyPop}from"../actions/router";import showModal from"../actions/modal/showModal";import{getUserData}from"../selectors/user";import{userDidUpdate$}from"../streams/user";import{clientInformationDidUpdate$}from"../streams/client";import{appWillInit$,appWillStart$,appDidStart$}from"../streams/app";import{appError$,pipelineError$}from"../streams/error";import{getRouterStack}from"../selectors/router";import{MODAL_PIPELINE_ERROR}from"../constants/ModalTypes";import ToastProvider from"../providers/toast";/**
+import after from 'lodash/after';
+import before from 'lodash/before';
+import over from 'lodash/over';
+import { isAvailable } from '@shopgate/native-modules';
+import { init, addBreadcrumb, configureScope, captureException, captureMessage, captureEvent, withScope, Severity as SentrySeverity } from '@sentry/browser';
+import { EBIGAPI, emitter, errorManager, ETIMEOUT, ENETUNREACH, EUNKNOWN, EFAVORITE } from '@shopgate/pwa-core';
+import { hasWebBridge } from '@shopgate/engage/core';
+import { SOURCE_TRACKING, SOURCE_CONSOLE, Severity } from '@shopgate/pwa-core/constants/ErrorManager';
+import { main$ } from "../streams/main";
+import {
+// eslint-disable-next-line import/no-named-default
+default as appConfig, themeName, pckVersion } from "../helpers/config";
+import { env } from "../helpers/environment";
+import { transformGeneralPipelineError } from "./helpers/pipeline";
+import { historyPop } from "../actions/router";
+import showModal from "../actions/modal/showModal";
+import { getUserData } from "../selectors/user";
+import { userDidUpdate$ } from "../streams/user";
+import { clientInformationDidUpdate$ } from "../streams/client";
+import { appWillInit$, appWillStart$, appDidStart$ } from "../streams/app";
+import { appError$, pipelineError$ } from "../streams/error";
+import { getRouterStack } from "../selectors/router";
+import { MODAL_PIPELINE_ERROR } from "../constants/ModalTypes";
+import ToastProvider from "../providers/toast";
+
+/**
  * App errors subscriptions.
  * @param {Function} subscribe The subscribe function.
- */export default(function(subscribe){/** Set general error transformations */subscribe(appWillStart$,function(){errorManager.setMessage({code:EUNKNOWN,message:transformGeneralPipelineError}).setMessage({code:EBIGAPI,message:transformGeneralPipelineError}).setMessage({code:ETIMEOUT,message:'modal.body_error'}).setMessage({code:ENETUNREACH,message:'modal.body_error'}).setMessage({code:EFAVORITE,message:'favorites.error_general'});});/** Show a message to the user in case of pipeline error */subscribe(pipelineError$,function(_ref){var dispatch=_ref.dispatch,getState=_ref.getState,events=_ref.events,action=_ref.action;var error=action.error;var message=error.message,code=error.code,context=error.context,_error$meta=error.meta,meta=_error$meta===void 0?{}:_error$meta;var behavior=meta.behavior;if(behavior){behavior({dispatch:dispatch,getState:getState,events:events,error:error});return;}/** Show modal thunk */var showModalError=function showModalError(){dispatch(showModal({confirm:'modal.ok',dismiss:null,title:null,message:message,type:MODAL_PIPELINE_ERROR,params:{pipeline:context,request:meta.input,message:meta.message,code:code}}));};var shouldShowToast=message==='error.general';if([ETIMEOUT,ENETUNREACH].includes(code)&&message==='modal.body_error'){shouldShowToast=true;}// It was transformed general error. let it popup after 10 toast clicks
-if(shouldShowToast){var showToastAfter=after(9,showModalError);// Recursively show same toast message until clicked 10 times
-var showToast=before(10,function(){events.emit(ToastProvider.ADD,{id:'pipeline.error',message:'error.general',action:over([showToast,showToastAfter])});});showToast();return;}showModalError();});// This subscription is always active despite sentry activation
-subscribe(appError$,function(_ref2){var dispatch=_ref2.dispatch;// Show modal to user
-dispatch(showModal({confirm:null,message:'modal.body_error',title:'modal.title_error'}));dispatch(historyPop());});var _appConfig$sentry=appConfig.sentry,enabled=_appConfig$sentry.enabled,level=_appConfig$sentry.level,sampleRate=_appConfig$sentry.sampleRate;// Is not enabled
-if(!enabled){return;}var severityMap=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},Severity.Fatal,SentrySeverity.Fatal),Severity.Error,SentrySeverity.Error),Severity.Critical,SentrySeverity.Critical),Severity.Warning,SentrySeverity.Warning),Severity.Info,SentrySeverity.Info),Severity.Debug,SentrySeverity.Debug);var ignoredDefaultBreadcrumbs=['console','fetch','xhr','ui.click'];var trackedSeverities=Object.getOwnPropertySymbols(severityMap).map(function(s){return severityMap[s];});var minSeverityIndex=trackedSeverities.indexOf(level);if(minSeverityIndex>-1){trackedSeverities=trackedSeverities.slice(0,minSeverityIndex+1);}subscribe(appWillInit$,function(_ref3){var getState=_ref3.getState;init({dsn:'https://1a444b262ac6405594ab33fb0102b377@sentry.io/1398210',environment:appConfig.omniStage||env,debug:env==='development',release:pckVersion,attachStacktrace:true,sampleRate:sampleRate,beforeBreadcrumb:function beforeBreadcrumb(breadcrumb){if(ignoredDefaultBreadcrumbs.includes(breadcrumb.category)){return null;}return breadcrumb;},beforeSend:function beforeSend(event){if(event.level&&!trackedSeverities.includes(event.level)){return null;}// eslint-disable-next-line no-param-reassign
-event.extra=_extends({},event.extra||{},{routerStack:getRouterStack(getState()).slice(-5)});return event;}});configureScope(function(scope){scope.setTag('marketId',appConfig.marketId);scope.setTag('appId',appConfig.appId);scope.setTag('pwaVersion',pckVersion);scope.setTag('theme',themeName);scope.setTag('language',appConfig.language);scope.setTag('isWebsite',hasWebBridge());scope.setTag('isReactNativeApp',isAvailable());scope.setTag('merchantCode',appConfig.omniMerchantCode);});if(window){window.onerror=function(message,source,lineno,colno,error){captureException(error);};}emitter.addListener(SOURCE_TRACKING,function(error){withScope(function(scope){if(error.context){scope.setExtra('trackerName',error.context);}captureException(error);});});emitter.addListener(SOURCE_CONSOLE,function(args){withScope(function(scope){scope.setLevel(SentrySeverity.Error);scope.setExtra('error',args);captureMessage('Console error');});});});subscribe(main$,function(_ref4){var action=_ref4.action;addBreadcrumb({category:'redux',message:"[Redux] ".concat(action.type),level:SentrySeverity.Info,data:_extends({},action)});});subscribe(userDidUpdate$,function(_ref5){var getState=_ref5.getState;var _getUserData=getUserData(getState()),userId=_getUserData.id;configureScope(function(scope){scope.setTag('userId',userId);});});// Add client lib versions
-subscribe(clientInformationDidUpdate$,function(_ref6){var action=_ref6.action;var _action$data=action.data,appVersion=_action$data.appVersion,libVersion=_action$data.libVersion,deviceId=_action$data.deviceId;configureScope(function(scope){scope.setTag('appVersion',appVersion);scope.setTag('libVersion',libVersion);scope.setTag('deviceId',deviceId);});});// Add app start event for debugging
-subscribe(appDidStart$,function(){withScope(function(scope){scope.setLevel(SentrySeverity.Debug);captureMessage('App did start');});});// Add some stack trace and log to sentry
-subscribe(appError$,function(_ref7){var action=_ref7.action;withScope(function(scope){if(action.error.stack){scope.setExtra('stack',action.error.stack);}captureException(action.error);});});var allErrors$=pipelineError$.merge(appError$);// Log all error messages which are presented to the user
-subscribe(allErrors$,function(_ref8){var action=_ref8.action;var _action$error=action.error,error=_action$error===void 0?{}:_action$error;var code=error.code,message=error.message,_error$meta2=error.meta,_error$meta3=_error$meta2===void 0?{}:_error$meta2,metaMessage=_error$meta3.message;withScope(function(scope){scope.setTag('error','E_USER');scope.setTag('errorCode',code);scope.setTag('errorMessage',message);captureEvent({message:metaMessage||message,extra:error});});});});
+ */
+export default subscribe => {
+  /** Set general error transformations */
+  subscribe(appWillStart$, () => {
+    errorManager.setMessage({
+      code: EUNKNOWN,
+      message: transformGeneralPipelineError
+    }).setMessage({
+      code: EBIGAPI,
+      message: transformGeneralPipelineError
+    }).setMessage({
+      code: ETIMEOUT,
+      message: 'modal.body_error'
+    }).setMessage({
+      code: ENETUNREACH,
+      message: 'modal.body_error'
+    }).setMessage({
+      code: EFAVORITE,
+      message: 'favorites.error_general'
+    });
+  });
+
+  /** Show a message to the user in case of pipeline error */
+  subscribe(pipelineError$, ({
+    dispatch,
+    getState,
+    events,
+    action
+  }) => {
+    const {
+      error
+    } = action;
+    const {
+      message,
+      code,
+      context,
+      meta = {}
+    } = error;
+    const {
+      behavior
+    } = meta;
+    if (behavior) {
+      behavior({
+        dispatch,
+        getState,
+        events,
+        error
+      });
+      return;
+    }
+
+    /** Show modal thunk */
+    const showModalError = () => {
+      dispatch(showModal({
+        confirm: 'modal.ok',
+        dismiss: null,
+        title: null,
+        message,
+        type: MODAL_PIPELINE_ERROR,
+        params: {
+          pipeline: context,
+          request: meta.input,
+          message: meta.message,
+          code
+        }
+      }));
+    };
+    let shouldShowToast = message === 'error.general';
+    if ([ETIMEOUT, ENETUNREACH].includes(code) && message === 'modal.body_error') {
+      shouldShowToast = true;
+    }
+    // It was transformed general error. let it popup after 10 toast clicks
+    if (shouldShowToast) {
+      const showToastAfter = after(9, showModalError);
+      // Recursively show same toast message until clicked 10 times
+      const showToast = before(10, () => {
+        events.emit(ToastProvider.ADD, {
+          id: 'pipeline.error',
+          message: 'error.general',
+          action: over([showToast, showToastAfter])
+        });
+      });
+      showToast();
+      return;
+    }
+    showModalError();
+  });
+
+  // This subscription is always active despite sentry activation
+  subscribe(appError$, ({
+    dispatch
+  }) => {
+    // Show modal to user
+    dispatch(showModal({
+      confirm: null,
+      message: 'modal.body_error',
+      title: 'modal.title_error'
+    }));
+    dispatch(historyPop());
+  });
+  const {
+    enabled,
+    level,
+    sampleRate
+  } = appConfig.sentry;
+  // Is not enabled
+  if (!enabled) {
+    return;
+  }
+  const severityMap = {
+    [Severity.Fatal]: SentrySeverity.Fatal,
+    [Severity.Error]: SentrySeverity.Error,
+    [Severity.Critical]: SentrySeverity.Critical,
+    [Severity.Warning]: SentrySeverity.Warning,
+    [Severity.Info]: SentrySeverity.Info,
+    [Severity.Debug]: SentrySeverity.Debug
+  };
+  const ignoredDefaultBreadcrumbs = ['console', 'fetch', 'xhr', 'ui.click'];
+  let trackedSeverities = Object.getOwnPropertySymbols(severityMap).map(s => severityMap[s]);
+  const minSeverityIndex = trackedSeverities.indexOf(level);
+  if (minSeverityIndex > -1) {
+    trackedSeverities = trackedSeverities.slice(0, minSeverityIndex + 1);
+  }
+  subscribe(appWillInit$, ({
+    getState
+  }) => {
+    init({
+      dsn: 'https://1a444b262ac6405594ab33fb0102b377@sentry.io/1398210',
+      environment: appConfig.omniStage || env,
+      debug: env === 'development',
+      release: pckVersion,
+      attachStacktrace: true,
+      sampleRate,
+      beforeBreadcrumb(breadcrumb) {
+        if (ignoredDefaultBreadcrumbs.includes(breadcrumb.category)) {
+          return null;
+        }
+        return breadcrumb;
+      },
+      beforeSend(event) {
+        if (event.level && !trackedSeverities.includes(event.level)) {
+          return null;
+        }
+        // eslint-disable-next-line no-param-reassign
+        event.extra = {
+          ...(event.extra || {}),
+          routerStack: getRouterStack(getState()).slice(-5)
+        };
+        return event;
+      }
+    });
+    configureScope(scope => {
+      scope.setTag('marketId', appConfig.marketId);
+      scope.setTag('appId', appConfig.appId);
+      scope.setTag('pwaVersion', pckVersion);
+      scope.setTag('theme', themeName);
+      scope.setTag('language', appConfig.language);
+      scope.setTag('isWebsite', hasWebBridge());
+      scope.setTag('isReactNativeApp', isAvailable());
+      scope.setTag('merchantCode', appConfig.omniMerchantCode);
+    });
+    if (window) {
+      window.onerror = (message, source, lineno, colno, error) => {
+        captureException(error);
+      };
+    }
+    emitter.addListener(SOURCE_TRACKING, error => {
+      withScope(scope => {
+        if (error.context) {
+          scope.setExtra('trackerName', error.context);
+        }
+        captureException(error);
+      });
+    });
+    emitter.addListener(SOURCE_CONSOLE, args => {
+      withScope(scope => {
+        scope.setLevel(SentrySeverity.Error);
+        scope.setExtra('error', args);
+        captureMessage('Console error');
+      });
+    });
+  });
+  subscribe(main$, ({
+    action
+  }) => {
+    addBreadcrumb({
+      category: 'redux',
+      message: `[Redux] ${action.type}`,
+      level: SentrySeverity.Info,
+      data: {
+        ...action
+      }
+    });
+  });
+  subscribe(userDidUpdate$, ({
+    getState
+  }) => {
+    const {
+      id: userId
+    } = getUserData(getState());
+    configureScope(scope => {
+      scope.setTag('userId', userId);
+    });
+  });
+
+  // Add client lib versions
+  subscribe(clientInformationDidUpdate$, ({
+    action
+  }) => {
+    const {
+      appVersion,
+      libVersion,
+      deviceId
+    } = action.data;
+    configureScope(scope => {
+      scope.setTag('appVersion', appVersion);
+      scope.setTag('libVersion', libVersion);
+      scope.setTag('deviceId', deviceId);
+    });
+  });
+
+  // Add app start event for debugging
+  subscribe(appDidStart$, () => {
+    withScope(scope => {
+      scope.setLevel(SentrySeverity.Debug);
+      captureMessage('App did start');
+    });
+  });
+
+  // Add some stack trace and log to sentry
+  subscribe(appError$, ({
+    action
+  }) => {
+    withScope(scope => {
+      if (action.error.stack) {
+        scope.setExtra('stack', action.error.stack);
+      }
+      captureException(action.error);
+    });
+  });
+  const allErrors$ = pipelineError$.merge(appError$);
+  // Log all error messages which are presented to the user
+  subscribe(allErrors$, ({
+    action
+  }) => {
+    const {
+      error = {}
+    } = action;
+    const {
+      code,
+      message,
+      meta: {
+        message: metaMessage
+      } = {}
+    } = error;
+    withScope(scope => {
+      scope.setTag('error', 'E_USER');
+      scope.setTag('errorCode', code);
+      scope.setTag('errorMessage', message);
+      captureEvent({
+        message: metaMessage || message,
+        extra: error
+      });
+    });
+  });
+};

package/subscriptions/helpers/buildRegisterUrl.js

@@ -1,11 +1,30 @@
-import queryString from'query-string';import{CHECKOUT_PATH,INDEX_PATH}from"../../constants/RoutePaths";/**
+import queryString from 'query-string';
+import { CHECKOUT_PATH, INDEX_PATH } from "../../constants/RoutePaths";
+
+/**
  * Generates an url for registrations via the webcheckout. It injects additional parameters
  * for redirections after a successful registration or checkout.
  * @param {string} url The pure register url.
  * @param {string} [redirect=''] An url which is supposed to be opened after registration.
  * @return {string}
- */var getRegisterUrl=function getRegisterUrl(url){var redirect=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'';var parsed=queryString.parseUrl(url);// Generate the final redirect url. Checkout redirects are mapped to the start page.
-var redirectTo=redirect&&!redirect.startsWith(CHECKOUT_PATH)?redirect:INDEX_PATH;// Build the callback data.
-parsed.query.sgcloud_callback_data=JSON.stringify({redirectTo:redirectTo});// Explicitly check if we are about to be redirected to the checkout.
-if(redirect.startsWith(CHECKOUT_PATH)){parsed.query.sgcloud_checkout=1;}// Recombine the url parts.
-return"".concat(parsed.url,"?").concat(queryString.stringify(parsed.query));};export default getRegisterUrl;
+ */
+const getRegisterUrl = (url, redirect = '') => {
+  const parsed = queryString.parseUrl(url);
+
+  // Generate the final redirect url. Checkout redirects are mapped to the start page.
+  const redirectTo = redirect && !redirect.startsWith(CHECKOUT_PATH) ? redirect : INDEX_PATH;
+
+  // Build the callback data.
+  parsed.query.sgcloud_callback_data = JSON.stringify({
+    redirectTo
+  });
+
+  // Explicitly check if we are about to be redirected to the checkout.
+  if (redirect.startsWith(CHECKOUT_PATH)) {
+    parsed.query.sgcloud_checkout = 1;
+  }
+
+  // Recombine the url parts.
+  return `${parsed.url}?${queryString.stringify(parsed.query)}`;
+};
+export default getRegisterUrl;

package/subscriptions/helpers/clearUpInAppBrowser.js

@@ -1,6 +1,17 @@
-import cleanTab from'@shopgate/pwa-core/commands/cleanTab';/**
+import cleanTab from '@shopgate/pwa-core/commands/cleanTab';
+
+/**
  * @param {boolean} isAndroid Tells if the function was called on an Android device.
- */var clearUpInAppBrowser=function clearUpInAppBrowser(isAndroid){/**
+ */
+const clearUpInAppBrowser = isAndroid => {
+  /**
    * Remove leftover pages from the inAppBrowser on Android when the PWA view reappears.
    * Otherwise it the previous page would get visible again when the native back button is pressed.
-   */if(isAndroid){cleanTab({targetTab:'in_app_browser'});}};export default clearUpInAppBrowser;
+   */
+  if (isAndroid) {
+    cleanTab({
+      targetTab: 'in_app_browser'
+    });
+  }
+};
+export default clearUpInAppBrowser;