@shopgate/engage 7.3.4-beta.1 → 7.3.5-beta.1

package/components/ScrollHeader/index.js

@@ -1,5 +1,5 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useContext,useRef,useCallback}from'react';import PropTypes from'prop-types';import classNames from'classnames';import{useScroll}from'@shopgate/engage/core';import{header,hidden}from"./style";import{ViewContext}from"../View";/**
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useContext,useRef,useCallback,useEffect}from'react';import PropTypes from'prop-types';import classNames from'classnames';import get from'lodash/get';import{useScroll,hasWebBridge}from'@shopgate/engage/core';import{header,hidden}from"./style";import{ViewContext}from"../View";/**
  * Scroll Header component
  * @param {Object} props props
  * @returns {JSX}
- */function ScrollHeader(_ref){var className=_ref.className,children=_ref.children;var ref=useRef();var _useState=useState(false),_useState2=_slicedToArray(_useState,2),shouldHideHeader=_useState2[0],setShouldHideHeader=_useState2[1];var _useContext=useContext(ViewContext),contentRef=_useContext.contentRef;var _useState3=useState(0),_useState4=_slicedToArray(_useState3,2),offset=_useState4[0],setOffset=_useState4[1];var onScroll=useCallback(function(callbackData){var previousScrollTop=callbackData.previousScrollTop,currentScrollTop=callbackData.currentScrollTop;if(previousScrollTop!==currentScrollTop){var isScrolledDown=previousScrollTop<currentScrollTop;var box=ref.current.getBoundingClientRect();var stickHeader=currentScrollTop>=offset+100;if(!previousScrollTop){setOffset(currentScrollTop+box.top);}setShouldHideHeader(isScrolledDown&&stickHeader);}},[offset]);useScroll(onScroll,contentRef===null||contentRef===void 0?void 0:contentRef.current);return React.createElement("div",{ref:ref,className:classNames(header,shouldHideHeader&&hidden,className)},children);}ScrollHeader.defaultProps={className:null};export default ScrollHeader;
+ */function ScrollHeader(_ref){var className=_ref.className,children=_ref.children;var ref=useRef();var _useState=useState(false),_useState2=_slicedToArray(_useState,2),shouldHideHeader=_useState2[0],setShouldHideHeader=_useState2[1];var _useContext=useContext(ViewContext),contentRef=_useContext.contentRef;var _useState3=useState(0),_useState4=_slicedToArray(_useState3,2),offset=_useState4[0],setOffset=_useState4[1];var _useState5=useState(0),_useState6=_slicedToArray(_useState5,2),offsetTop=_useState6[0],setOffsetTop=_useState6[1];var onScroll=useCallback(function(callbackData){var previousScrollTop=callbackData.previousScrollTop,currentScrollTop=callbackData.currentScrollTop;if(previousScrollTop!==currentScrollTop){var isScrolledDown=previousScrollTop<currentScrollTop;var box=ref.current.getBoundingClientRect();var stickHeader=currentScrollTop>=offset+100;if(!previousScrollTop){setOffset(currentScrollTop+box.top);}setShouldHideHeader(isScrolledDown&&stickHeader);}},[offset]);useScroll(onScroll,contentRef===null||contentRef===void 0?void 0:contentRef.current);useEffect(function(){if(!hasWebBridge()){var currentOffset=get(ref,'current.offsetTop');setOffsetTop(currentOffset);}},[]);return React.createElement("div",{ref:ref,className:classNames(header,shouldHideHeader&&hidden,className),style:offsetTop?{top:offsetTop}:{}},children);}ScrollHeader.defaultProps={className:null};export default ScrollHeader;

package/components/ScrollHeader/style.js

@@ -1 +1 @@
-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{css}from'glamor';import{responsiveMediaQuery}from'@shopgate/engage/styles';export var header=css(_defineProperty({position:'sticky',top:0,left:0,backgroundColor:'#fff',transform:'translateY(0)',transition:'transform 0.3s ease'},responsiveMediaQuery('<=xs',{appAlways:true}),{boxShadow:'rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 0, 0, 0.118) 0px 1px 4px'})).toString();export var hidden=css({transform:'translateY(-110%)'}).toString();
+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{css}from'glamor';import{responsiveMediaQuery}from'@shopgate/engage/styles';export var header=css(_defineProperty({position:'sticky',left:0,backgroundColor:'#fff',transform:'translateY(0)',transition:'transform 0.3s ease'},responsiveMediaQuery('<=xs',{appAlways:true}),{boxShadow:'rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 0, 0, 0.118) 0px 1px 4px'})).toString();export var hidden=css({transform:'translateY(-250%)'}).toString();

package/core/config/getThemeStyles.js

@@ -0,0 +1,6 @@
+import{getThemeConfig}from"./getThemeConfig";/**
+ * Retrieves the global theme styles. Returns undefined when the given key doesn't exist there.
+ *
+ * @param {string|null} [key=null] settings key
+ * @returns {Object|undefined|*}
+ */export function getThemeStyles(){var key=arguments.length>0&&arguments[0]!==undefined?arguments[0]:null;var _getThemeConfig=getThemeConfig(),_getThemeConfig$style=_getThemeConfig.styles,styles=_getThemeConfig$style===void 0?{}:_getThemeConfig$style;return key?styles[key]:styles;}

package/core/config/index.js

@@ -1 +1 @@
-export{default as subscriptions}from"./config.subscriptions";export{default as reducers}from"./config.reducers";export{fetchConfig}from"./config.actions";export{makeGetConfig,makeGetMerchantSettings,makeGetFulfillmentPaths,makeGetEnabledFulfillmentMethods,makeGetEnabledFulfillmentMethodsCount,makeUseLocationFulfillmentMethods,getShopSettings,getConfigFetching}from"./config.selectors";export{requestCoreConfig$,receiveCoreConfig$,errorCoreConfig$}from"./config.streams";export{getPageConfig}from"./getPageConfig";export{getPageSettings}from"./getPageSettings";export{getThemeAssets}from"./getThemeAssets";export{getThemeColors}from"./getThemeColors";export{getThemeConfig}from"./getThemeConfig";export{getThemeSettings}from"./getThemeSettings";export{getWidgetConfig}from"./getWidgetConfig";export{getWidgetSettings}from"./getWidgetSettings";
+export{default as subscriptions}from"./config.subscriptions";export{default as reducers}from"./config.reducers";export{fetchConfig}from"./config.actions";export{makeGetConfig,makeGetMerchantSettings,makeGetFulfillmentPaths,makeGetEnabledFulfillmentMethods,makeGetEnabledFulfillmentMethodsCount,makeUseLocationFulfillmentMethods,getShopSettings,getConfigFetching}from"./config.selectors";export{requestCoreConfig$,receiveCoreConfig$,errorCoreConfig$}from"./config.streams";export{getPageConfig}from"./getPageConfig";export{getPageSettings}from"./getPageSettings";export{getThemeAssets}from"./getThemeAssets";export{getThemeColors}from"./getThemeColors";export{getThemeConfig}from"./getThemeConfig";export{getThemeSettings}from"./getThemeSettings";export{getThemeStyles}from"./getThemeStyles";export{getWidgetConfig}from"./getWidgetConfig";export{getWidgetSettings}from"./getWidgetSettings";

package/core/hooks/useWidgetStyles.js

@@ -1,8 +1,8 @@
-import{useWidgetConfig}from"./useWidgetConfig";/**
+import defaultsDeep from'lodash/defaultsDeep';import{useWidgetConfig}from"./useWidgetConfig";import{getThemeStyles}from"../config";/**
  * Retrieves the styles for a specific widget by its id. Returns an empty object when no styles
  * exist.
  *
  * @param {string} widgetId The ID of the widget to look for.
  * @param {number|undefined} [index=0] The optional index of the widget.
  * @returns {Object}
- */export function useWidgetStyles(widgetId){var index=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;var _useWidgetConfig=useWidgetConfig(widgetId,index),_useWidgetConfig$styl=_useWidgetConfig.styles,styles=_useWidgetConfig$styl===void 0?{}:_useWidgetConfig$styl;return styles;}
+ */export function useWidgetStyles(widgetId){var index=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;var _useWidgetConfig=useWidgetConfig(widgetId,index),_useWidgetConfig$styl=_useWidgetConfig.styles,styles=_useWidgetConfig$styl===void 0?{}:_useWidgetConfig$styl;var globalStyles=getThemeStyles(widgetId);return defaultsDeep(styles,globalStyles);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/engage",
-  "version": "7.3.4-beta.1",
+  "version": "7.3.5-beta.1",
   "description": "Shopgate's ENGAGE library.",
   "license": "Apache-2.0",
   "author": "Shopgate <support@shopgate.com>",
@@ -16,12 +16,12 @@
   ],
   "dependencies": {
     "@shopgate/native-modules": "1.0.0-beta.18",
-    "@shopgate/pwa-common": "7.3.4-beta.1",
-    "@shopgate/pwa-common-commerce": "7.3.4-beta.1",
-    "@shopgate/pwa-core": "7.3.4-beta.1",
-    "@shopgate/pwa-ui-ios": "7.3.4-beta.1",
-    "@shopgate/pwa-ui-material": "7.3.4-beta.1",
-    "@shopgate/pwa-ui-shared": "7.3.4-beta.1",
+    "@shopgate/pwa-common": "7.3.5-beta.1",
+    "@shopgate/pwa-common-commerce": "7.3.5-beta.1",
+    "@shopgate/pwa-core": "7.3.5-beta.1",
+    "@shopgate/pwa-ui-ios": "7.3.5-beta.1",
+    "@shopgate/pwa-ui-material": "7.3.5-beta.1",
+    "@shopgate/pwa-ui-shared": "7.3.5-beta.1",
     "@stripe/react-stripe-js": "^1.1.2",
     "@stripe/stripe-js": "^1.3.1",
     "@virtuous/conductor": "~2.5.0",