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

package/streams/app.js

@@ -1,17 +1,69 @@
-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{getCurrentRoute}from"../selectors/router";import{APP_WILL_INIT,APP_DID_START,APP_WILL_START,PWA_DID_APPEAR,PWA_DID_DISAPPEAR,OPEN_PUSH_NOTIFICATION,OPEN_UNIVERSAL_LINK,OPEN_DEEP_LINK}from"../constants/ActionTypes";import{main$}from"./main";export var appWillInit$=main$.filter(function(_ref){var action=_ref.action;return action.type===APP_WILL_INIT;});/**
+import { getCurrentRoute } from "../selectors/router";
+import { APP_WILL_INIT, APP_DID_START, APP_WILL_START, PWA_DID_APPEAR, PWA_DID_DISAPPEAR, OPEN_PUSH_NOTIFICATION, OPEN_UNIVERSAL_LINK, OPEN_DEEP_LINK } from "../constants/ActionTypes";
+import { main$ } from "./main";
+export const appWillInit$ = main$.filter(({
+  action
+}) => action.type === APP_WILL_INIT);
+
+/**
  * Gets triggered before the app starts.
  * @type {Observable}
- */export var appWillStart$=main$.filter(function(_ref2){var action=_ref2.action;return action.type===APP_WILL_START;});/**
+ */
+export const appWillStart$ = main$.filter(({
+  action
+}) => action.type === APP_WILL_START);
+
+/**
  * Gets triggered when the app starts.
  * @type {Observable}
- */export var appDidStart$=main$.filter(function(_ref3){var action=_ref3.action;return action.type===APP_DID_START;});/**
+ */
+export const appDidStart$ = main$.filter(({
+  action
+}) => action.type === APP_DID_START);
+
+/**
  * Emits when the PWA appeared again after navigating back from a legacy page.
- */export var pwaDidAppear$=main$.filter(function(_ref4){var action=_ref4.action;return action.type===PWA_DID_APPEAR;}).map(function(params){return _extends({},params,{action:_extends({},params.action,{route:getCurrentRoute(params.getState())})});});/**
+ */
+export const pwaDidAppear$ = main$.filter(({
+  action
+}) => action.type === PWA_DID_APPEAR).map(params => ({
+  ...params,
+  action: {
+    ...params.action,
+    route: getCurrentRoute(params.getState())
+  }
+}));
+
+/**
  * Emits when the PWA disappears
- */export var pwaDidDisappear$=main$.filter(function(_ref5){var action=_ref5.action;return action.type===PWA_DID_DISAPPEAR;}).map(function(params){return _extends({},params,{action:_extends({},params.action,{route:getCurrentRoute(params.getState())})});});/**
+ */
+export const pwaDidDisappear$ = main$.filter(({
+  action
+}) => action.type === PWA_DID_DISAPPEAR).map(params => ({
+  ...params,
+  action: {
+    ...params.action,
+    route: getCurrentRoute(params.getState())
+  }
+}));
+
+/**
  * Emits when a push message was opened.
- */export var pushNotificationOpened$=main$.filter(function(_ref6){var action=_ref6.action;return action.type===OPEN_PUSH_NOTIFICATION;});/**
+ */
+export const pushNotificationOpened$ = main$.filter(({
+  action
+}) => action.type === OPEN_PUSH_NOTIFICATION);
+
+/**
  * Emits when a universal link was opened.
- */export var universalLinkOpened$=main$.filter(function(_ref7){var action=_ref7.action;return action.type===OPEN_UNIVERSAL_LINK;});/**
+ */
+export const universalLinkOpened$ = main$.filter(({
+  action
+}) => action.type === OPEN_UNIVERSAL_LINK);
+
+/**
  * Emits when a deeplink was opened.
- */export var deeplinkOpened$=main$.filter(function(_ref8){var action=_ref8.action;return action.type===OPEN_DEEP_LINK;});
+ */
+export const deeplinkOpened$ = main$.filter(({
+  action
+}) => action.type === OPEN_DEEP_LINK);

package/streams/client.js

@@ -1,4 +1,10 @@
-import{RECEIVE_CLIENT_INFORMATION}from"../constants/ActionTypes";import{main$}from"./main";/**
+import { RECEIVE_CLIENT_INFORMATION } from "../constants/ActionTypes";
+import { main$ } from "./main";
+
+/**
  * Gets triggered after the client information was updated
  * @type {Observable}
- */export var clientInformationDidUpdate$=main$.filter(function(_ref){var action=_ref.action;return action.type===RECEIVE_CLIENT_INFORMATION;});
+ */
+export const clientInformationDidUpdate$ = main$.filter(({
+  action
+}) => action.type === RECEIVE_CLIENT_INFORMATION);

package/streams/error.js

@@ -1,7 +1,18 @@
-import{APP_ERROR,PIPELINE_ERROR}from"../constants/ActionTypes";import{main$}from"./main";/**
+import { APP_ERROR, PIPELINE_ERROR } from "../constants/ActionTypes";
+import { main$ } from "./main";
+
+/**
  * Gets triggered when an app error is received.
  * @type {Observable}
- */export var appError$=main$.filter(function(_ref){var action=_ref.action;return action.type===APP_ERROR;});/**
+ */
+export const appError$ = main$.filter(({
+  action
+}) => action.type === APP_ERROR);
+
+/**
  * Gets triggered when an pipeline error is received.
  * @type {Observable}
- */export var pipelineError$=main$.filter(function(_ref2){var action=_ref2.action;return action.type===PIPELINE_ERROR;});
+ */
+export const pipelineError$ = main$.filter(({
+  action
+}) => action.type === PIPELINE_ERROR);

package/streams/index.js

@@ -1 +1,6 @@
-export*from"./app";export*from"./client";export*from"./error";export*from"./main";export*from"./router";export*from"./user";
+export * from "./app";
+export * from "./client";
+export * from "./error";
+export * from "./main";
+export * from "./router";
+export * from "./user";

package/streams/interval.js

@@ -1,4 +1,8 @@
-import{Observable}from'rxjs/Observable';import'rxjs/add/observable/interval';/**
+import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/observable/interval';
+
+/**
  * Gets triggered every second.
  * @type {Observable}
- */export var second$=Observable.interval(1000);
+ */
+export const second$ = Observable.interval(1000);

package/streams/main.js

@@ -1,4 +1,29 @@
-import{Observable}from'rxjs/Observable';import'rxjs/add/observable/from';import'rxjs/add/operator/buffer';import'rxjs/add/operator/bufferTime';import'rxjs/add/operator/filter';import'rxjs/add/operator/first';import'rxjs/add/operator/map';import'rxjs/add/operator/merge';import'rxjs/add/operator/mergeMap';import'rxjs/add/operator/delay';import'rxjs/add/operator/zip';import'rxjs/add/operator/do';import'rxjs/add/operator/shareReplay';import'rxjs/add/operator/distinctUntilChanged';import'rxjs/add/operator/pairwise';import'rxjs/add/operator/debounceTime';import'rxjs/add/operator/switchMap';import'rxjs/add/operator/withLatestFrom';import'rxjs/add/operator/startWith';import{mainSubject}from"../store/middelwares/streams";/**
+import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/observable/from';
+import 'rxjs/add/operator/buffer';
+import 'rxjs/add/operator/bufferTime';
+import 'rxjs/add/operator/filter';
+import 'rxjs/add/operator/first';
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/merge';
+import 'rxjs/add/operator/mergeMap';
+import 'rxjs/add/operator/delay';
+import 'rxjs/add/operator/zip';
+import 'rxjs/add/operator/do';
+import 'rxjs/add/operator/shareReplay';
+import 'rxjs/add/operator/distinctUntilChanged';
+import 'rxjs/add/operator/pairwise';
+import 'rxjs/add/operator/debounceTime';
+import 'rxjs/add/operator/switchMap';
+import 'rxjs/add/operator/withLatestFrom';
+import 'rxjs/add/operator/startWith';
+import { mainSubject } from "../store/middelwares/streams";
+
+/**
  * Gets triggered on every redux action that is dispatched.
  * @type {Observable}
- */export var main$=Observable.from(mainSubject);if(window.Cypress){window.main$=main$;}
+ */
+export const main$ = Observable.from(mainSubject);
+if (window.Cypress) {
+  window.main$ = main$;
+}

package/streams/router.js

@@ -1,16 +1,53 @@
-import{main$}from"./main";import{NAVIGATE,ROUTE_WILL_ENTER,ROUTE_DID_ENTER,ROUTE_WILL_LEAVE,ROUTE_DID_LEAVE,ROUTE_DID_UPDATE,WINDOW_OPEN_OVERRIDE}from"../constants/ActionTypes";/**
+import { main$ } from "./main";
+import { NAVIGATE, ROUTE_WILL_ENTER, ROUTE_DID_ENTER, ROUTE_WILL_LEAVE, ROUTE_DID_LEAVE, ROUTE_DID_UPDATE, WINDOW_OPEN_OVERRIDE } from "../constants/ActionTypes";
+
+/**
  * @type {Observable}
- */export var navigate$=main$.filter(function(_ref){var action=_ref.action;return action.type===NAVIGATE;});/**
+ */
+export const navigate$ = main$.filter(({
+  action
+}) => action.type === NAVIGATE);
+
+/**
  * @type {Observable}
- */export var routeWillEnter$=main$.filter(function(_ref2){var action=_ref2.action;return action.type===ROUTE_WILL_ENTER;});/**
+ */
+export const routeWillEnter$ = main$.filter(({
+  action
+}) => action.type === ROUTE_WILL_ENTER);
+
+/**
  * @type {Observable}
- */export var routeDidEnter$=main$.filter(function(_ref3){var action=_ref3.action;return action.type===ROUTE_DID_ENTER;});/**
+ */
+export const routeDidEnter$ = main$.filter(({
+  action
+}) => action.type === ROUTE_DID_ENTER);
+
+/**
  * @type {Observable}
- */export var routeWillLeave$=main$.filter(function(_ref4){var action=_ref4.action;return action.type===ROUTE_WILL_LEAVE;});/**
+ */
+export const routeWillLeave$ = main$.filter(({
+  action
+}) => action.type === ROUTE_WILL_LEAVE);
+
+/**
  * @type {Observable}
- */export var routeDidLeave$=main$.filter(function(_ref5){var action=_ref5.action;return action.type===ROUTE_DID_LEAVE;});/**
+ */
+export const routeDidLeave$ = main$.filter(({
+  action
+}) => action.type === ROUTE_DID_LEAVE);
+
+/**
  * @type {Observable}
- */export var routeDidUpdate$=main$.filter(function(_ref6){var action=_ref6.action;return action.type===ROUTE_DID_UPDATE;});/**
+ */
+export const routeDidUpdate$ = main$.filter(({
+  action
+}) => action.type === ROUTE_DID_UPDATE);
+
+/**
  * @type {Observable}
  * @deprecated use routeDidEnter$
- */export var routeDidChange$=routeDidEnter$;export var windowOpenOverride$=main$.filter(function(_ref7){var action=_ref7.action;return action.type===WINDOW_OPEN_OVERRIDE;});
+ */
+export const routeDidChange$ = routeDidEnter$;
+export const windowOpenOverride$ = main$.filter(({
+  action
+}) => action.type === WINDOW_OPEN_OVERRIDE);

package/streams/user.js

@@ -1,42 +1,116 @@
-import{Observable}from'rxjs/Observable';import'rxjs/add/observable/interval';import'rxjs/add/operator/takeUntil';import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,ERROR_LEGACY_CONNECT_REGISTER,REQUEST_LOGOUT,SUCCESS_LOGOUT,RECEIVE_USER,ERROR_USER}from"../constants/ActionTypes";import{appDidStart$}from"./app";import{main$}from"./main";import{SESSION_EXPIRY_CHECK_INTERVAL}from"../constants/user";import{getSessionExpiry,getIsSessionExpired}from"../selectors/user";/**
+import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/observable/interval';
+import 'rxjs/add/operator/takeUntil';
+import { REQUEST_LOGIN, SUCCESS_LOGIN, ERROR_LOGIN, ERROR_LEGACY_CONNECT_REGISTER, REQUEST_LOGOUT, SUCCESS_LOGOUT, RECEIVE_USER, ERROR_USER } from "../constants/ActionTypes";
+import { appDidStart$ } from "./app";
+import { main$ } from "./main";
+import { SESSION_EXPIRY_CHECK_INTERVAL } from "../constants/user";
+import { getSessionExpiry, getIsSessionExpired } from "../selectors/user";
+
+/**
  * Gets triggered when user is requesting to login.
  * @type {Observable}
- */export var userWillLogin$=main$.filter(function(_ref){var action=_ref.action;return action.type===REQUEST_LOGIN;});/**
+ */
+export const userWillLogin$ = main$.filter(({
+  action
+}) => action.type === REQUEST_LOGIN);
+
+/**
  * Gets triggered when user login request has gained a response.
  * @type {Observable}
- */export var userLoginResponse$=main$.filter(function(_ref2){var action=_ref2.action;return action.type===SUCCESS_LOGIN||action.type===ERROR_LOGIN;});/**
+ */
+export const userLoginResponse$ = main$.filter(({
+  action
+}) => action.type === SUCCESS_LOGIN || action.type === ERROR_LOGIN);
+
+/**
  * Gets triggered when user has logged in.
  * @type {Observable}
- */export var userDidLogin$=main$.filter(function(_ref3){var action=_ref3.action;return action.type===SUCCESS_LOGIN;});/**
+ */
+export const userDidLogin$ = main$.filter(({
+  action
+}) => action.type === SUCCESS_LOGIN);
+
+/**
  * Gets triggered when user is requesting to logout.
  * @type {Observable}
- */export var userWillLogout$=main$.filter(function(_ref4){var action=_ref4.action;return action.type===REQUEST_LOGOUT;});/**
+ */
+export const userWillLogout$ = main$.filter(({
+  action
+}) => action.type === REQUEST_LOGOUT);
+
+/**
  * Gets triggered when user has logged out.
  * @type {Observable}
- */export var userDidLogout$=main$.filter(function(_ref5){var action=_ref5.action;return action.type===SUCCESS_LOGOUT;});/**
+ */
+export const userDidLogout$ = main$.filter(({
+  action
+}) => action.type === SUCCESS_LOGOUT);
+
+/**
  * Gets triggered when the user data was updated.
  * @type {Observable}
- */export var userDidUpdate$=main$.filter(function(_ref6){var action=_ref6.action;return action.type===RECEIVE_USER||action.type===SUCCESS_LOGOUT||action.type===ERROR_USER;});/**
+ */
+export const userDidUpdate$ = main$.filter(({
+  action
+}) => action.type === RECEIVE_USER || action.type === SUCCESS_LOGOUT || action.type === ERROR_USER);
+
+/**
  * Gets triggered when we have a stable login state of the user. Since user data is persisted,
  * some parts of the code might not rely on the redux states.
  * @type {Observable}
- */export var userDidInitialize$=appDidStart$.switchMap(function(){return main$.filter(function(_ref7){var action=_ref7.action;return action.type===RECEIVE_USER||action.type===ERROR_USER;});}).first();/**
+ */
+export const userDidInitialize$ = appDidStart$.switchMap(() => main$.filter(({
+  action
+}) => action.type === RECEIVE_USER || action.type === ERROR_USER)).first();
+
+/**
  * Gets triggered when we received the user data.
  * @type {Observable}
- */export var userDataReceived$=userDidUpdate$.filter(function(_ref8){var action=_ref8.action;return action.type===RECEIVE_USER;});/**
+ */
+export const userDataReceived$ = userDidUpdate$.filter(({
+  action
+}) => action.type === RECEIVE_USER);
+
+/**
  * Gets triggered when the login failed.
  * @type {Observable}
- */export var loginDidFail$=main$.filter(function(_ref9){var action=_ref9.action;return action.type===ERROR_LOGIN;});/**
+ */
+export const loginDidFail$ = main$.filter(({
+  action
+}) => action.type === ERROR_LOGIN);
+
+/**
  * Gets triggered when the legacy sgconnect registration failed
  * @type {Observable}
- */export var legacyConnectRegisterDidFail$=main$.filter(function(_ref10){var action=_ref10.action;return action.type===ERROR_LEGACY_CONNECT_REGISTER;});/**
+ */
+export const legacyConnectRegisterDidFail$ = main$.filter(({
+  action
+}) => action.type === ERROR_LEGACY_CONNECT_REGISTER);
+
+/**
  * Emits when user session expiry needs to be checked. That's the case when the login state in
  * Redux contains a numeric value for the "expires" property.
  * Checks are performed at appStart since there might be a persisted value in Redux from the last
  * sessions, or it happens after login when the login response contained a session lease.
- */export var sessionExpiryNeedsToBeChecked$=appDidStart$.merge(userDidLogin$).filter(function(_ref11){var getState=_ref11.getState;var expiry=getSessionExpiry(getState());return expiry!==null;});/**
+ */
+export const sessionExpiryNeedsToBeChecked$ = appDidStart$.merge(userDidLogin$).filter(({
+  getState
+}) => {
+  const expiry = getSessionExpiry(getState());
+  return expiry !== null;
+});
+
+/**
  * Emits when a user session with an expiry expires. Therefore it performs an interval check to
  * check if the session is still active.
- */export var userSessionExpired$=sessionExpiryNeedsToBeChecked$.switchMap(function(data){// At first check if the session already expired - necessary for appDidStart$
-if(getIsSessionExpired(data.getState())){return Observable.of(data);}// Setup an interval that periodically checks if the session expired - runs till user logged out
-return Observable.interval(SESSION_EXPIRY_CHECK_INTERVAL).takeUntil(userDidLogout$).filter(function(){return getIsSessionExpired(data.getState());}).switchMap(function(){return Observable.of(data);});});
+ */
+export const userSessionExpired$ = sessionExpiryNeedsToBeChecked$.switchMap(data => {
+  // At first check if the session already expired - necessary for appDidStart$
+  if (getIsSessionExpired(data.getState())) {
+    return Observable.of(data);
+  }
+
+  // Setup an interval that periodically checks if the session expired - runs till user logged out
+  return Observable.interval(SESSION_EXPIRY_CHECK_INTERVAL).takeUntil(userDidLogout$).filter(() => getIsSessionExpired(data.getState())).switchMap(() => Observable.of(data));
+});

package/streams/view.js

@@ -1,34 +1,106 @@
-import{Observable}from'rxjs/Observable';import{Subject}from'rxjs/Subject';import{async as asyncScheduler}from'rxjs/scheduler/async';import'rxjs/add/observable/from';import'rxjs/add/observable/fromEvent';import'rxjs/add/operator/do';import'rxjs/add/operator/throttleTime';export var eventsSubject=new Subject();/**
+import { Observable } from 'rxjs/Observable';
+import { Subject } from 'rxjs/Subject';
+import { async as asyncScheduler } from 'rxjs/scheduler/async';
+import 'rxjs/add/observable/from';
+import 'rxjs/add/observable/fromEvent';
+import 'rxjs/add/operator/do';
+import 'rxjs/add/operator/throttleTime';
+export const eventsSubject = new Subject();
+
+/**
  * Cold observable for View scroll events
  * Use this to listen for scroll-related changes in any part of the app.
  * @type {Observable}
- */export var viewScroll$=Observable.from(eventsSubject);/**
+ */
+export const viewScroll$ = Observable.from(eventsSubject);
+
+/**
  * Sets up throttled scroll event stream for a given element or window.
  * Emits enriched scroll info such as direction and distance.
  *
  * @param {HTMLElement|Window} element - DOM node or window to observe
  * @param {number} throttleTime - Time in ms to throttle scroll events
  * @returns {Observable} - Observable emitting scroll-related data
- */export var emitScrollEvents=function emitScrollEvents(element){var throttleTime=arguments.length>1&&arguments[1]!==undefined?arguments[1]:250;// In rare situation during unmounting a react dom ref might
-// be null due to the execution order of events in fiber nodes.
-if(!element){return undefined;}var previousScrollTop=0;// Tracks scroll direction ('up' or 'down')
-var lastDirection=null;// Minimum distance to consider a real scroll
-var minDelta=10;// Pixels from bottom to consider "at bottom"
-var bottomThreshold=20;// Prevent scrollUp triggering in this zone
-var deadZoneThreshold=30;var scroll$=Observable.fromEvent(element,'scroll').throttleTime(throttleTime,asyncScheduler,{leading:false,trailing:true}).map(function(event){// Determine if element is the window/document or a scrollable container
-var isWindow=element===window||element===document.body||element===document.documentElement;// Get current scroll position
-var rawScrollTop=isWindow?window.scrollY||window.pageYOffset||0:element.scrollTop;// Compute max scroll value
-var maxScrollTop=isWindow?Math.max(document.documentElement.scrollHeight,document.body.scrollHeight)-window.innerHeight:element.scrollHeight-element.clientHeight;// Clamp scrollTop to prevent overshoot from iOS bounce
-var scrollTop=Math.min(rawScrollTop,maxScrollTop);var delta=scrollTop-previousScrollTop;var isScrollingDown=delta>0;var isScrollingUp=delta<0;// Determine direction
-var direction=lastDirection;if(isScrollingDown)direction='down';else if(isScrollingUp)direction='up';// Are we near the bottom of the scrollable area?
-var nearBottom=scrollTop>=maxScrollTop-bottomThreshold;var inDeadZone=scrollTop>=maxScrollTop-deadZoneThreshold;// Detect downward scroll beyond threshold and not near bottom
-var scrollDown=isScrollingDown&&delta>minDelta&&!nearBottom;// Detect upward scroll beyond threshold
-var scrollUp=isScrollingUp&&Math.abs(delta)>minDelta;// Suppress scrollUp events in dead zone to avoid iOS bounce
-if(scrollUp&&inDeadZone&&direction==='up'){scrollUp=false;}// Detect a bounce-back: scrollDown followed by a quick scrollUp at the bottom
-var bounced=lastDirection==='down'&&direction==='up'&&nearBottom;// Final scrolled flag — only emit if meaningful and not a bounce
-var scrolled=(scrollDown||scrollUp)&&!bounced;// Update direction and scrollTop memory
-lastDirection=direction;return{event:event,scrollTop:scrollTop,previousScrollTop:previousScrollTop,scrolled:scrolled,scrollUp:scrollUp,scrollDown:scrollDown&&!bounced,direction:direction,scrollOut:scrollDown&&!bounced,// legacy compatibility
-scrollIn:scrollUp// legacy compatibility
-};})["do"](function(event){// Store current scrollTop for next event comparison
-previousScrollTop=event.scrollTop;});// Pipe scroll data into the shared stream for global consumers
-scroll$.subscribe(viewScroll$);return scroll$;};
+ */
+export const emitScrollEvents = (element, throttleTime = 250) => {
+  // In rare situation during unmounting a react dom ref might
+  // be null due to the execution order of events in fiber nodes.
+  if (!element) {
+    return undefined;
+  }
+  let previousScrollTop = 0;
+  // Tracks scroll direction ('up' or 'down')
+  let lastDirection = null;
+  // Minimum distance to consider a real scroll
+  const minDelta = 10;
+  // Pixels from bottom to consider "at bottom"
+  const bottomThreshold = 20;
+  // Prevent scrollUp triggering in this zone
+  const deadZoneThreshold = 30;
+  const scroll$ = Observable.fromEvent(element, 'scroll').throttleTime(throttleTime, asyncScheduler, {
+    leading: false,
+    trailing: true
+  }).map(event => {
+    // Determine if element is the window/document or a scrollable container
+    const isWindow = element === window || element === document.body || element === document.documentElement;
+
+    // Get current scroll position
+    const rawScrollTop = isWindow ? window.scrollY || window.pageYOffset || 0 : element.scrollTop;
+
+    // Compute max scroll value
+    const maxScrollTop = isWindow ? Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - window.innerHeight : element.scrollHeight - element.clientHeight;
+
+    // Clamp scrollTop to prevent overshoot from iOS bounce
+    const scrollTop = Math.min(rawScrollTop, maxScrollTop);
+    const delta = scrollTop - previousScrollTop;
+    const isScrollingDown = delta > 0;
+    const isScrollingUp = delta < 0;
+
+    // Determine direction
+    let direction = lastDirection;
+    if (isScrollingDown) direction = 'down';else if (isScrollingUp) direction = 'up';
+
+    // Are we near the bottom of the scrollable area?
+    const nearBottom = scrollTop >= maxScrollTop - bottomThreshold;
+    const inDeadZone = scrollTop >= maxScrollTop - deadZoneThreshold;
+
+    // Detect downward scroll beyond threshold and not near bottom
+    const scrollDown = isScrollingDown && delta > minDelta && !nearBottom;
+
+    // Detect upward scroll beyond threshold
+    let scrollUp = isScrollingUp && Math.abs(delta) > minDelta;
+
+    // Suppress scrollUp events in dead zone to avoid iOS bounce
+    if (scrollUp && inDeadZone && direction === 'up') {
+      scrollUp = false;
+    }
+
+    // Detect a bounce-back: scrollDown followed by a quick scrollUp at the bottom
+    const bounced = lastDirection === 'down' && direction === 'up' && nearBottom;
+
+    // Final scrolled flag — only emit if meaningful and not a bounce
+    const scrolled = (scrollDown || scrollUp) && !bounced;
+
+    // Update direction and scrollTop memory
+    lastDirection = direction;
+    return {
+      event,
+      scrollTop,
+      previousScrollTop,
+      scrolled,
+      scrollUp,
+      scrollDown: scrollDown && !bounced,
+      direction,
+      scrollOut: scrollDown && !bounced,
+      // legacy compatibility
+      scrollIn: scrollUp // legacy compatibility
+    };
+  }).do(event => {
+    // Store current scrollTop for next event comparison
+    previousScrollTop = event.scrollTop;
+  });
+
+  // Pipe scroll data into the shared stream for global consumers
+  scroll$.subscribe(viewScroll$);
+  return scroll$;
+};

package/styles/reset/form.js

@@ -1,11 +1,63 @@
 /**
  * @deprecated used @shopgate/engage/styles instead
- */import{css}from'glamor';/**
+ */
+
+import { css } from 'glamor';
+
+/**
  * 1. Correct the inability to style clickable types in iOS and Safari.
- */css.global('button, html [type="button"], [type="reset"], [type="submit"]',{WebkitAppearance:'button'});// since iOS 15 button has a default color of blue rgb(0, 122, 255);
-css.global('button',{color:'inherit'});/**
+ */
+css.global('button, html [type="button"], [type="reset"], [type="submit"]', {
+  WebkitAppearance: 'button'
+});
+
+// since iOS 15 button has a default color of blue rgb(0, 122, 255);
+css.global('button', {
+  color: 'inherit'
+});
+
+/**
  * 1. Change font properties to `inherit` in Safari.
  * 2. Correct the inability to style clickable types in iOS and Safari.
- */css.global('::-webkit-file-upload-button',{font:'inherit',WebkitAppearance:'button'});/**
+ */
+css.global('::-webkit-file-upload-button', {
+  font: 'inherit',
+  WebkitAppearance: 'button'
+});
+
+/**
  * Remove the inner padding and cancel buttons in Chrome and Safari for OS X.
- */css.global('::-webkit-search-cancel-button, ::-webkit-search-decoration',{WebkitAppearance:'none'});css.global('button, input, select, textarea',{background:'transparent',border:0,fontSize:'1em',margin:0});css.global('input, select, textarea',{fontFamily:'inherit'});css.global('button, textarea',{fontFamily:'inherit',lineHeight:'inherit'});css.global('button',{borderRadius:0});css.global('button, label, [type="checkbox"], [type="radio"]',{cursor:'pointer'});css.global('label',{display:'inline-block'});css.global('textarea',{minHeight:'5em',maxWidth:'100%',resize:'none'});css.global('[type="search"]',{WebkitAppearance:'textfield'});
+ */
+css.global('::-webkit-search-cancel-button, ::-webkit-search-decoration', {
+  WebkitAppearance: 'none'
+});
+css.global('button, input, select, textarea', {
+  background: 'transparent',
+  border: 0,
+  fontSize: '1em',
+  margin: 0
+});
+css.global('input, select, textarea', {
+  fontFamily: 'inherit'
+});
+css.global('button, textarea', {
+  fontFamily: 'inherit',
+  lineHeight: 'inherit'
+});
+css.global('button', {
+  borderRadius: 0
+});
+css.global('button, label, [type="checkbox"], [type="radio"]', {
+  cursor: 'pointer'
+});
+css.global('label', {
+  display: 'inline-block'
+});
+css.global('textarea', {
+  minHeight: '5em',
+  maxWidth: '100%',
+  resize: 'none'
+});
+css.global('[type="search"]', {
+  WebkitAppearance: 'textfield'
+});

package/styles/reset/index.js

@@ -1,3 +1,8 @@
 /**
  * @deprecated used @shopgate/engage/styles/reset instead
- */import"./root";import"./typography";import"./media";import"./form";import"./table";
+ */
+import "./root";
+import "./typography";
+import "./media";
+import "./form";
+import "./table";

package/styles/reset/media.js

@@ -1,3 +1,24 @@
 /**
  * @deprecated used @shopgate/engage/styles/reset instead
- */import{css}from'glamor';css.global('audio:not([controls])',{display:'none',height:0});css.global('figure',{margin:0});css.global('iframe',{border:0,display:'block',width:'100%'});css.global('img, svg',{display:'block',maxWidth:'100%'});css.global('progress',{verticalAlign:'baseline'});
+ */
+
+import { css } from 'glamor';
+css.global('audio:not([controls])', {
+  display: 'none',
+  height: 0
+});
+css.global('figure', {
+  margin: 0
+});
+css.global('iframe', {
+  border: 0,
+  display: 'block',
+  width: '100%'
+});
+css.global('img, svg', {
+  display: 'block',
+  maxWidth: '100%'
+});
+css.global('progress', {
+  verticalAlign: 'baseline'
+});

package/styles/reset/root.js

@@ -1,3 +1,35 @@
 /**
  * @deprecated used @shopgate/engage/styles instead
- */import{css}from'glamor';import{themeConfig}from"../../helpers/config";var typography=themeConfig.typography;css.global('*, *:before, *:after',{boxSizing:'border-box'});css.global('html, body',{WebkitTapHighlightColor:'transparent',width:'100%',height:'100%'});css.global('html',{overflow:'hidden',MozOsxFontSmoothing:'grayscale',WebkitFontSmoothing:'antialiased',MsTextSizeAdjust:'100%',WebkitTextSizeAdjust:'100%',minHeight:'100%'});css.global('body',{font:"".concat(typography.rootSize,"px/").concat(typography.lineHeight," ").concat(typography.family),overflow:'auto',margin:0,WebkitOverflowScrolling:'touch',WebkitUserSelect:'none'});css.global('[data-pattern]',{height:'100% !important'});
+ */
+
+import { css } from 'glamor';
+import { themeConfig } from "../../helpers/config";
+const {
+  typography
+} = themeConfig;
+css.global('*, *:before, *:after', {
+  boxSizing: 'border-box'
+});
+css.global('html, body', {
+  WebkitTapHighlightColor: 'transparent',
+  width: '100%',
+  height: '100%'
+});
+css.global('html', {
+  overflow: 'hidden',
+  MozOsxFontSmoothing: 'grayscale',
+  WebkitFontSmoothing: 'antialiased',
+  MsTextSizeAdjust: '100%',
+  WebkitTextSizeAdjust: '100%',
+  minHeight: '100%'
+});
+css.global('body', {
+  font: `${typography.rootSize}px/${typography.lineHeight} ${typography.family}`,
+  overflow: 'auto',
+  margin: 0,
+  WebkitOverflowScrolling: 'touch',
+  WebkitUserSelect: 'none'
+});
+css.global('[data-pattern]', {
+  height: '100% !important'
+});