@shopgate/engage 7.30.0-alpha.7 → 7.30.0-alpha.9

package/back-in-stock/components/ProductInfoBackInStockButton/connector.js

@@ -1,3 +1,18 @@
-import{connect}from'react-redux';import{getIsBackInStockEnabled,makeGetSubscriptionByProduct}from'@shopgate/engage/back-in-stock/selectors';import{getProduct}from'@shopgate/engage/product';/**
+import { connect } from 'react-redux';
+import { getIsBackInStockEnabled, makeGetSubscriptionByProduct } from '@shopgate/engage/back-in-stock/selectors';
+import { getProduct } from '@shopgate/engage/product';
+
+/**
  * @return {Object} The extended component props.
- */var makeMapStateToProps=function makeMapStateToProps(){var getSubscriptionByProduct=makeGetSubscriptionByProduct({status:'active'});return function(state,props){return{subscription:getSubscriptionByProduct(state,props),isBackInStockEnabled:getIsBackInStockEnabled(state,props),product:getProduct(state,props)};};};export default connect(makeMapStateToProps);
+ */
+const makeMapStateToProps = () => {
+  const getSubscriptionByProduct = makeGetSubscriptionByProduct({
+    status: 'active'
+  });
+  return (state, props) => ({
+    subscription: getSubscriptionByProduct(state, props),
+    isBackInStockEnabled: getIsBackInStockEnabled(state, props),
+    product: getProduct(state, props)
+  });
+};
+export default connect(makeMapStateToProps);

package/back-in-stock/components/ProductInfoBackInStockButton/index.js

@@ -1,4 +1,12 @@
-import React,{Fragment}from'react';import PropTypes from'prop-types';import{SurroundPortals}from'@shopgate/engage/components';import{PRODUCT_BACK_IN_STOCK}from'@shopgate/engage/back-in-stock/constants';import{BackInStockButton}from'@shopgate/engage/back-in-stock/components';import{withCurrentProduct}from'@shopgate/engage/core';import connect from"./connector";/**
+import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { SurroundPortals } from '@shopgate/engage/components';
+import { PRODUCT_BACK_IN_STOCK } from '@shopgate/engage/back-in-stock/constants';
+import { BackInStockButton } from '@shopgate/engage/back-in-stock/components';
+import { withCurrentProduct } from '@shopgate/engage/core';
+import connect from "./connector";
+
+/**
  * The ProductInfoBackInStockButton component.
  * @param {Object} props The component props.
  * @param {boolean} props.isBackInStockEnabled Whether the back in stock feature is enabled
@@ -7,4 +15,32 @@ import React,{Fragment}from'react';import PropTypes from'prop-types';import{Surr
  * @param {Object} props.product The product
  * @param {Object} props.subscription The subscription
  * @return {JSX.Element}
- */var ProductInfoBackInStockButton=function ProductInfoBackInStockButton(_ref){var _product$stock,_product$stock2;var productId=_ref.productId,variantId=_ref.variantId,isBackInStockEnabled=_ref.isBackInStockEnabled,subscription=_ref.subscription,product=_ref.product;var productIsAVariant=(product===null||product===void 0?void 0:product.type)!=='parent'&&(product===null||product===void 0?void 0:product.type)!==null;var productIsNotAvailable=(product===null||product===void 0?void 0:(_product$stock=product.stock)===null||_product$stock===void 0?void 0:_product$stock.quantity)===0&&(product===null||product===void 0?void 0:(_product$stock2=product.stock)===null||_product$stock2===void 0?void 0:_product$stock2.ignoreQuantity)===false;var showBackInStockButton=productIsAVariant&&productIsNotAvailable&&isBackInStockEnabled;return React.createElement(Fragment,null,React.createElement(SurroundPortals,{portalName:PRODUCT_BACK_IN_STOCK,portalProps:{showBackInStockButton:showBackInStockButton}},showBackInStockButton&&React.createElement(BackInStockButton,{showAsButton:true,subscription:subscription,isLinkToBackInStockEnabled:true,productId:variantId!==null&&variantId!==void 0?variantId:productId})));};ProductInfoBackInStockButton.defaultProps={subscription:null,variantId:null,product:null};export default withCurrentProduct(connect(ProductInfoBackInStockButton));
+ */
+const ProductInfoBackInStockButton = ({
+  productId,
+  variantId,
+  isBackInStockEnabled,
+  subscription,
+  product
+}) => {
+  const productIsAVariant = product?.type !== 'parent' && product?.type !== null;
+  const productIsNotAvailable = product?.stock?.quantity === 0 && product?.stock?.ignoreQuantity === false;
+  const showBackInStockButton = productIsAVariant && productIsNotAvailable && isBackInStockEnabled;
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SurroundPortals, {
+    portalName: PRODUCT_BACK_IN_STOCK,
+    portalProps: {
+      showBackInStockButton
+    }
+  }, showBackInStockButton && /*#__PURE__*/React.createElement(BackInStockButton, {
+    showAsButton: true,
+    subscription: subscription,
+    isLinkToBackInStockEnabled: true,
+    productId: variantId ?? productId
+  })));
+};
+ProductInfoBackInStockButton.defaultProps = {
+  subscription: null,
+  variantId: null,
+  product: null
+};
+export default withCurrentProduct(connect(ProductInfoBackInStockButton));

package/back-in-stock/components/Subscriptions/components/List/index.js

@@ -1,4 +1,58 @@
-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,{useCallback}from'react';import{css}from'glamor';import{LoadingIndicator,Accordion,Card}from'@shopgate/engage/components';import{i18n}from'@shopgate/engage/core';import{useBackInStockSubscriptions}from'@shopgate/engage/back-in-stock/hooks';import Subscription from"../Subscription";var styles={root:css({margin:'8px 8px 10px'}).toString(),divider:css({height:1,width:'calc(100% + 32px)',backgroundColor:'rgb(234, 234, 234)',marginLeft:-16,marginRight:-16,marginBottom:16}).toString(),emptyText:css({marginBottom:16}).toString()};/**
+import React, { useCallback } from 'react';
+import { css } from 'glamor';
+import { LoadingIndicator, Accordion, Card } from '@shopgate/engage/components';
+import { i18n } from '@shopgate/engage/core';
+import { useBackInStockSubscriptions } from '@shopgate/engage/back-in-stock/hooks';
+import Subscription from "../Subscription";
+const styles = {
+  root: css({
+    margin: '8px 8px 10px'
+  }).toString(),
+  divider: css({
+    height: 1,
+    width: 'calc(100% + 32px)',
+    backgroundColor: 'rgb(234, 234, 234)',
+    marginLeft: -16,
+    marginRight: -16,
+    marginBottom: 16
+  }).toString(),
+  emptyText: css({
+    marginBottom: 16
+  }).toString()
+};
+
+/**
  * The Back In Stock Subscriptions List.
  * @returns {JSX}
- */var List=function List(){var _useBackInStockSubscr=useBackInStockSubscriptions(),isInitial=_useBackInStockSubscr.isInitial,groupedSubscriptions=_useBackInStockSubscr.groupedSubscriptions;var _renderLabel=useCallback(function(groupKey){return React.createElement("div",null,i18n.text("back_in_stock.list_states.".concat(groupKey)));},[]);return React.createElement("div",null,Object.entries(groupedSubscriptions).map(function(_ref){var _ref2=_slicedToArray(_ref,2),groupKey=_ref2[0],filteredSubscriptions=_ref2[1];return React.createElement(Card,{className:styles.root,key:groupKey},React.createElement(Accordion,{className:"",openWithChevron:true,renderLabel:function renderLabel(){return _renderLabel(groupKey);},chevronPosition:"left",startOpened:true},React.createElement("div",{className:styles.divider}),isInitial?React.createElement(LoadingIndicator,null):null,!isInitial&&filteredSubscriptions.length===0?React.createElement("div",{className:styles.emptyText},i18n.text('back_in_stock.empty_list_reminder')):null,!isInitial&&filteredSubscriptions.map(function(subscription,index){return React.createElement("div",{key:subscription.subscriptionCode},React.createElement(Subscription,{subscription:subscription,productId:subscription.productCode,key:subscription.subscriptionCode,group:groupKey}),index===filteredSubscriptions.length-1?null:React.createElement("div",{className:styles.divider}));})));}));};export default List;
+ */
+const List = () => {
+  const {
+    isInitial,
+    groupedSubscriptions
+  } = useBackInStockSubscriptions();
+  const renderLabel = useCallback(groupKey => /*#__PURE__*/React.createElement("div", null, i18n.text(`back_in_stock.list_states.${groupKey}`)), []);
+  return /*#__PURE__*/React.createElement("div", null, Object.entries(groupedSubscriptions).map(([groupKey, filteredSubscriptions]) => /*#__PURE__*/React.createElement(Card, {
+    className: styles.root,
+    key: groupKey
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    className: "",
+    openWithChevron: true,
+    renderLabel: () => renderLabel(groupKey),
+    chevronPosition: "left",
+    startOpened: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.divider
+  }), isInitial ? /*#__PURE__*/React.createElement(LoadingIndicator, null) : null, !isInitial && filteredSubscriptions.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: styles.emptyText
+  }, i18n.text('back_in_stock.empty_list_reminder')) : null, !isInitial && filteredSubscriptions.map((subscription, index) => /*#__PURE__*/React.createElement("div", {
+    key: subscription.subscriptionCode
+  }, /*#__PURE__*/React.createElement(Subscription, {
+    subscription: subscription,
+    productId: subscription.productCode,
+    key: subscription.subscriptionCode,
+    group: groupKey
+  }), index === filteredSubscriptions.length - 1 ? null : /*#__PURE__*/React.createElement("div", {
+    className: styles.divider
+  })))))));
+};
+export default List;

package/back-in-stock/components/Subscriptions/components/Subscription/index.js

@@ -1,7 +1,167 @@
-import React from'react';import{css}from'glamor';import{Link,Ripple,PriceInfo,CrossIcon,PriceStriked,Price,Availability}from'@shopgate/engage/components';import{getProductRoute,ProductImage}from'@shopgate/engage/product';import PropTypes from'prop-types';import classNames from'classnames';import{themeConfig}from'@shopgate/engage';import{BackInStockButton}from'@shopgate/engage/back-in-stock/components';import{getThemeSettings,i18n}from'@shopgate/engage/core';import{useBackInStockSubscriptions}from'@shopgate/engage/back-in-stock/hooks';var variables=themeConfig.variables;var styles={root:css({display:'flex',position:'relative',marginBottom:16}).toString(),imageContainer:css({flex:0.4,maxWidth:170,minWidth:70,paddingRight:'8px'}).toString(),infoContainer:css({flex:1}).toString(),infoContainerRow:css({display:'flex',justifyContent:'space-between'}).toString(),baseContainerRow:css({flexDirection:'column',display:'flex',marginTop:'8px'}).toString(),priceContainerRow:css({flexDirection:'column',display:'flex',alignItems:'end',marginTop:'8px'}).toString(),priceContainer:css({minWidth:100}).toString(),priceInfo:css({wordBreak:'break-word',fontSize:'0.875rem',lineHeight:'0.875rem',color:'var(--color-text-low-emphasis)',padding:"".concat(variables.gap.xsmall,"px 0"),textAlign:'right'}).toString(),titleContainer:css({}).toString(),title:css({fontSize:17,fontWeight:600,flexWrap:'wrap',overflowWrap:'anywhere'}).toString(),removeContainer:css({minWidth:'30px'}).toString(),availabilityText:css({fontSize:'0.875rem',marginBottom:'4px'}).toString(),characteristicText:css({fontSize:'0.875rem'}).toString(),ripple:css({minWidth:'17px'}).toString()};/**
+import React from 'react';
+import { css } from 'glamor';
+import { Link, Ripple, PriceInfo, CrossIcon, PriceStriked, Price, Availability } from '@shopgate/engage/components';
+import { getProductRoute, ProductImage } from '@shopgate/engage/product';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { themeConfig } from '@shopgate/engage';
+import { BackInStockButton } from '@shopgate/engage/back-in-stock/components';
+import { getThemeSettings, i18n } from '@shopgate/engage/core';
+import { useBackInStockSubscriptions } from '@shopgate/engage/back-in-stock/hooks';
+const {
+  variables
+} = themeConfig;
+const styles = {
+  root: css({
+    display: 'flex',
+    position: 'relative',
+    marginBottom: 16
+  }).toString(),
+  imageContainer: css({
+    flex: 0.4,
+    maxWidth: 170,
+    minWidth: 70,
+    paddingRight: '8px'
+  }).toString(),
+  infoContainer: css({
+    flex: 1
+  }).toString(),
+  infoContainerRow: css({
+    display: 'flex',
+    justifyContent: 'space-between'
+  }).toString(),
+  baseContainerRow: css({
+    flexDirection: 'column',
+    display: 'flex',
+    marginTop: '8px'
+  }).toString(),
+  priceContainerRow: css({
+    flexDirection: 'column',
+    display: 'flex',
+    alignItems: 'end',
+    marginTop: '8px'
+  }).toString(),
+  priceContainer: css({
+    minWidth: 100
+  }).toString(),
+  priceInfo: css({
+    wordBreak: 'break-word',
+    fontSize: '0.875rem',
+    lineHeight: '0.875rem',
+    color: 'var(--color-text-low-emphasis)',
+    padding: `${variables.gap.xsmall}px 0`,
+    textAlign: 'right'
+  }).toString(),
+  titleContainer: css({}).toString(),
+  title: css({
+    fontSize: 17,
+    fontWeight: 600,
+    flexWrap: 'wrap',
+    overflowWrap: 'anywhere'
+  }).toString(),
+  removeContainer: css({
+    minWidth: '30px'
+  }).toString(),
+  availabilityText: css({
+    fontSize: '0.875rem',
+    marginBottom: '4px'
+  }).toString(),
+  characteristicText: css({
+    fontSize: '0.875rem'
+  }).toString(),
+  ripple: css({
+    minWidth: '17px'
+  }).toString()
+};
+
+/**
  * Renders on single Back in Stock subscription
  * @param {Object} props Props.
  * @param {string} props.subscription The subscription which should be rendered
  * @returns {JSX}
- */var Subscription=function Subscription(_ref){var _product$price,_product$price2,_product$price3,_product$price4,_product$characterist,_product$availability,_product$availability2;var subscription=_ref.subscription;var subscriptionCode=subscription.subscriptionCode,product=subscription.product,productCode=subscription.productCode;var _useBackInStockSubscr=useBackInStockSubscriptions(),removeBackInStockSubscription=_useBackInStockSubscr.removeBackInStockSubscription;var _ref2=getThemeSettings('AppImages')||{},gridResolutions=_ref2.ListImage;var currency=((_product$price=product.price)===null||_product$price===void 0?void 0:_product$price.currency)||'EUR';var defaultPrice=((_product$price2=product.price)===null||_product$price2===void 0?void 0:_product$price2.unitPrice)||0;var specialPrice=(_product$price3=product.price)===null||_product$price3===void 0?void 0:_product$price3.unitPriceStriked;var hasStrikePrice=((_product$price4=product.price)===null||_product$price4===void 0?void 0:_product$price4.discount)>0;var productLink=getProductRoute(product.id);return React.createElement("div",{className:styles.root},React.createElement(Link,{className:styles.imageContainer,component:"div",href:productLink,"aria-hidden":true},React.createElement(ProductImage,{src:product.featuredImageBaseUrl,resolutions:gridResolutions})),React.createElement("div",{className:styles.infoContainer},React.createElement("div",{className:styles.infoContainerRow},React.createElement(Link,{href:productLink,tag:"span",className:styles.titleContainer},React.createElement("span",{className:styles.title// eslint-disable-next-line react/no-danger
-,dangerouslySetInnerHTML:{__html:"".concat(product.name)}})),React.createElement("div",{className:styles.removeContainer},React.createElement("button",{onClick:function onClick(){return removeBackInStockSubscription({subscriptionCode:subscriptionCode});},type:"button","aria-label":i18n.text('favorites.remove')},React.createElement(Ripple,{className:styles.ripple},React.createElement(CrossIcon,null))))),React.createElement("div",{className:classNames(styles.baseContainerRow)},product===null||product===void 0?void 0:(_product$characterist=product.characteristics)===null||_product$characterist===void 0?void 0:_product$characterist.map(function(_ref3){var label=_ref3.label,value=_ref3.value;return React.createElement("div",{key:label+value,className:styles.characteristicText},label,': ',value);}),React.createElement(Availability,{text:product===null||product===void 0?void 0:(_product$availability=product.availability)===null||_product$availability===void 0?void 0:_product$availability.text,state:product===null||product===void 0?void 0:(_product$availability2=product.availability)===null||_product$availability2===void 0?void 0:_product$availability2.state,showWhenAvailable:false,className:styles.availabilityText}),(subscription===null||subscription===void 0?void 0:subscription.status)==='active'&&React.createElement(BackInStockButton,{subscription:subscription,productId:productCode})),React.createElement("div",{className:styles.priceContainerRow},hasStrikePrice?React.createElement(PriceStriked,{value:specialPrice,currency:currency}):null,React.createElement(Price,{currency:currency,discounted:hasStrikePrice,unitPrice:defaultPrice}),!!product.price.info&&React.createElement(PriceInfo,{text:product.price.info,className:styles.priceInfo}))));};export default Subscription;
+ */
+const Subscription = ({
+  subscription
+}) => {
+  const {
+    subscriptionCode,
+    product,
+    productCode
+  } = subscription;
+  const {
+    removeBackInStockSubscription
+  } = useBackInStockSubscriptions();
+  const {
+    ListImage: gridResolutions
+  } = getThemeSettings('AppImages') || {};
+  const currency = product.price?.currency || 'EUR';
+  const defaultPrice = product.price?.unitPrice || 0;
+  const specialPrice = product.price?.unitPriceStriked;
+  const hasStrikePrice = product.price?.discount > 0;
+  const productLink = getProductRoute(product.id);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement(Link, {
+    className: styles.imageContainer,
+    component: "div",
+    href: productLink,
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement(ProductImage, {
+    src: product.featuredImageBaseUrl,
+    resolutions: gridResolutions
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.infoContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.infoContainerRow
+  }, /*#__PURE__*/React.createElement(Link, {
+    href: productLink,
+    tag: "span",
+    className: styles.titleContainer
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.title
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: `${product.name}`
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.removeContainer
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => removeBackInStockSubscription({
+      subscriptionCode
+    }),
+    type: "button",
+    "aria-label": i18n.text('favorites.remove')
+  }, /*#__PURE__*/React.createElement(Ripple, {
+    className: styles.ripple
+  }, /*#__PURE__*/React.createElement(CrossIcon, null))))), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.baseContainerRow)
+  }, product?.characteristics?.map(({
+    label,
+    value
+  }) => /*#__PURE__*/React.createElement("div", {
+    key: label + value,
+    className: styles.characteristicText
+  }, label, ': ', value)), /*#__PURE__*/React.createElement(Availability, {
+    text: product?.availability?.text,
+    state: product?.availability?.state,
+    showWhenAvailable: false,
+    className: styles.availabilityText
+  }), subscription?.status === 'active' && /*#__PURE__*/React.createElement(BackInStockButton, {
+    subscription: subscription,
+    productId: productCode
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.priceContainerRow
+  }, hasStrikePrice ? /*#__PURE__*/React.createElement(PriceStriked, {
+    value: specialPrice,
+    currency: currency
+  }) : null, /*#__PURE__*/React.createElement(Price, {
+    currency: currency,
+    discounted: hasStrikePrice,
+    unitPrice: defaultPrice
+  }), !!product.price.info && /*#__PURE__*/React.createElement(PriceInfo, {
+    text: product.price.info,
+    className: styles.priceInfo
+  }))));
+};
+export default Subscription;

package/back-in-stock/components/Subscriptions/index.js

@@ -1,4 +1,10 @@
-import React from'react';import{BackInStockSubscriptionsProvider}from'@shopgate/engage/back-in-stock/providers';import List from"./components/List";/**
+import React from 'react';
+import { BackInStockSubscriptionsProvider } from '@shopgate/engage/back-in-stock/providers';
+import List from "./components/List";
+
+/**
  * The Back in Stock Subscriptions component.
  * @returns {JSX}
- */var Subscriptions=function Subscriptions(){return React.createElement(BackInStockSubscriptionsProvider,null,React.createElement(List,null));};export default Subscriptions;
+ */
+const Subscriptions = () => /*#__PURE__*/React.createElement(BackInStockSubscriptionsProvider, null, /*#__PURE__*/React.createElement(List, null));
+export default Subscriptions;

package/back-in-stock/components/index.js

@@ -1 +1,4 @@
-export{default as BackInStockButton}from"./BackInStockButton";export{default as BackInStockReminders}from"./Subscriptions";export{default as ProductInfoBackInStockButton}from"./ProductInfoBackInStockButton";export{default as CharacteristicsButton}from"./CharacteristicsButton";
+export { default as BackInStockButton } from "./BackInStockButton";
+export { default as BackInStockReminders } from "./Subscriptions";
+export { default as ProductInfoBackInStockButton } from "./ProductInfoBackInStockButton";
+export { default as CharacteristicsButton } from "./CharacteristicsButton";

package/back-in-stock/constants/Actions.js

@@ -1 +1,9 @@
-export var FETCH_BACK_IN_STOCK_SUBSCRIPTIONS='FETCH_BACK_IN_STOCK_SUBSCRIPTIONS';export var FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS='FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS';export var FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR='FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR';export var ADD_BACK_IN_STOCK_SUBSCRIPTION='ADD_BACK_IN_STOCK_SUBSCRIPTION';export var ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS='ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS';export var ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR='ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR';export var REMOVE_BACK_IN_STOCK_SUBSCRIPTION='REMOVE_BACK_IN_STOCK_SUBSCRIPTION';export var REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS='REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS';export var REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR='REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR';
+export const FETCH_BACK_IN_STOCK_SUBSCRIPTIONS = 'FETCH_BACK_IN_STOCK_SUBSCRIPTIONS';
+export const FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS = 'FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS';
+export const FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR = 'FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR';
+export const ADD_BACK_IN_STOCK_SUBSCRIPTION = 'ADD_BACK_IN_STOCK_SUBSCRIPTION';
+export const ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS = 'ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS';
+export const ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR = 'ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR';
+export const REMOVE_BACK_IN_STOCK_SUBSCRIPTION = 'REMOVE_BACK_IN_STOCK_SUBSCRIPTION';
+export const REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS = 'REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS';
+export const REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR = 'REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR';

package/back-in-stock/constants/Common.js

@@ -1 +1 @@
-export var BACK_IN_STOCK_PATTERN='/back-in-stock';
+export const BACK_IN_STOCK_PATTERN = '/back-in-stock';

package/back-in-stock/constants/Pipelines.js

@@ -1 +1,3 @@
-export var SHOPGATE_USER_GET_BACK_IN_STOCK_SUBSCRIPTIONS='shopgate.user.getBackInStockSubscriptions';export var SHOPGATE_USER_ADD_BACK_IN_STOCK_SUBSCRIPTION='shopgate.user.addBackInStockSubscription';export var SHOPGATE_USER_DELETE_BACK_IN_STOCK_SUBSCRIPTION='shopgate.user.removeBackInStockSubscription';
+export const SHOPGATE_USER_GET_BACK_IN_STOCK_SUBSCRIPTIONS = 'shopgate.user.getBackInStockSubscriptions';
+export const SHOPGATE_USER_ADD_BACK_IN_STOCK_SUBSCRIPTION = 'shopgate.user.addBackInStockSubscription';
+export const SHOPGATE_USER_DELETE_BACK_IN_STOCK_SUBSCRIPTION = 'shopgate.user.removeBackInStockSubscription';

package/back-in-stock/constants/Portals.js

@@ -3,7 +3,21 @@
  *
  * This source code is licensed under the Apache 2.0 license found in the
  * LICENSE file in the root directory of this source tree.
- */ // FEATURES
-var NAV_MENU='nav-menu';var PRODUCT='product';// CONTENTS
-var BACK_IN_STOCK='back-in-stock';// POSITIONS
-var BEFORE='before';var AFTER='after';export var NAV_MENU_BACK_IN_STOCK_BEFORE="".concat(NAV_MENU,".").concat(BACK_IN_STOCK,".").concat(BEFORE);export var NAV_MENU_BACK_IN_STOCK="".concat(NAV_MENU,".").concat(BACK_IN_STOCK);export var NAV_MENU_BACK_IN_STOCK_AFTER="".concat(NAV_MENU,".").concat(BACK_IN_STOCK,".").concat(AFTER);export var PRODUCT_BACK_IN_STOCK_BEFORE="".concat(PRODUCT,".").concat(BACK_IN_STOCK,".").concat(BEFORE);export var PRODUCT_BACK_IN_STOCK="".concat(PRODUCT,".").concat(BACK_IN_STOCK);export var PRODUCT_BACK_IN_STOCK_AFTER="".concat(PRODUCT,".").concat(BACK_IN_STOCK,".").concat(AFTER);
+ */
+
+// FEATURES
+const NAV_MENU = 'nav-menu';
+const PRODUCT = 'product';
+
+// CONTENTS
+const BACK_IN_STOCK = 'back-in-stock';
+
+// POSITIONS
+const BEFORE = 'before';
+const AFTER = 'after';
+export const NAV_MENU_BACK_IN_STOCK_BEFORE = `${NAV_MENU}.${BACK_IN_STOCK}.${BEFORE}`;
+export const NAV_MENU_BACK_IN_STOCK = `${NAV_MENU}.${BACK_IN_STOCK}`;
+export const NAV_MENU_BACK_IN_STOCK_AFTER = `${NAV_MENU}.${BACK_IN_STOCK}.${AFTER}`;
+export const PRODUCT_BACK_IN_STOCK_BEFORE = `${PRODUCT}.${BACK_IN_STOCK}.${BEFORE}`;
+export const PRODUCT_BACK_IN_STOCK = `${PRODUCT}.${BACK_IN_STOCK}`;
+export const PRODUCT_BACK_IN_STOCK_AFTER = `${PRODUCT}.${BACK_IN_STOCK}.${AFTER}`;

package/back-in-stock/constants/index.js

@@ -1 +1,4 @@
-export*from"./Actions";export*from"./Common";export*from"./Pipelines";export*from"./Portals";
+export * from "./Actions";
+export * from "./Common";
+export * from "./Pipelines";
+export * from "./Portals";

package/back-in-stock/hooks/index.js

@@ -1,4 +1,8 @@
-import React from'react';import{BackInStockSubscriptionsProviderContext}from'@shopgate/engage/back-in-stock/providers';/**
+import React from 'react';
+import { BackInStockSubscriptionsProviderContext } from '@shopgate/engage/back-in-stock/providers';
+
+/**
  * Gives access to the values which the context BackInStockSubscriptionsProvider provide
  * @returns {JSX}
- */export var useBackInStockSubscriptions=function useBackInStockSubscriptions(){return React.useContext(BackInStockSubscriptionsProviderContext);};
+ */
+export const useBackInStockSubscriptions = () => React.useContext(BackInStockSubscriptionsProviderContext);

package/back-in-stock/providers/BackInStockSubscriptionsProvider.connector.js

@@ -1,7 +1,25 @@
-import{connect}from'react-redux';import{getBackInStockSubscriptions,getBackInStockSubscriptionsFetching,getBackInStockSubscriptionsInitial,getAreBackInStockRequestsPossible}from'@shopgate/engage/back-in-stock/selectors';import{addBackInStockSubscription,removeBackInStockSubscription}from'@shopgate/engage/back-in-stock/actions';/**
+import { connect } from 'react-redux';
+import { getBackInStockSubscriptions, getBackInStockSubscriptionsFetching, getBackInStockSubscriptionsInitial, getAreBackInStockRequestsPossible } from '@shopgate/engage/back-in-stock/selectors';
+import { addBackInStockSubscription, removeBackInStockSubscription } from '@shopgate/engage/back-in-stock/actions';
+
+/**
  * @return {Function} The extended component props.
- */function makeMapStateToProps(){/**
+ */
+function makeMapStateToProps() {
+  /**
    * @param {Object} state The application state.
    * @param {Object} props The component props
    * @returns {Object}
-   */return function(state,props){return{subscriptions:getBackInStockSubscriptions(state,props),isFetching:getBackInStockSubscriptionsFetching(state,props),isInitial:getBackInStockSubscriptionsInitial(state,props),requestsPossible:getAreBackInStockRequestsPossible(state,props)};};}var mapDispatchToProps={addBackInStockSubscription:addBackInStockSubscription,removeBackInStockSubscription:removeBackInStockSubscription};export default connect(makeMapStateToProps,mapDispatchToProps);
+   */
+  return (state, props) => ({
+    subscriptions: getBackInStockSubscriptions(state, props),
+    isFetching: getBackInStockSubscriptionsFetching(state, props),
+    isInitial: getBackInStockSubscriptionsInitial(state, props),
+    requestsPossible: getAreBackInStockRequestsPossible(state, props)
+  });
+}
+const mapDispatchToProps = {
+  addBackInStockSubscription,
+  removeBackInStockSubscription
+};
+export default connect(makeMapStateToProps, mapDispatchToProps);

package/back-in-stock/providers/BackInStockSubscriptionsProvider.context.js

@@ -1 +1,3 @@
-import React from'react';var initialContext={};export default React.createContext(initialContext);
+import React from 'react';
+const initialContext = {};
+export default /*#__PURE__*/React.createContext(initialContext);

package/back-in-stock/providers/BackInStockSubscriptionsProvider.js

@@ -1,5 +1,51 @@
-import React,{useMemo}from'react';import PropTypes from'prop-types';import Context from"./BackInStockSubscriptionsProvider.context";import connect from"./BackInStockSubscriptionsProvider.connector";/**
+import "core-js/modules/es.array.reduce.js";
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import Context from "./BackInStockSubscriptionsProvider.context";
+import connect from "./BackInStockSubscriptionsProvider.connector";
+
+/**
  * Back in Stock Provider
  * @returns {JSX}
- */var BackInStockSubscriptionsProvider=function BackInStockSubscriptionsProvider(_ref){var subscriptions=_ref.subscriptions,children=_ref.children,addBackInStockSubscription=_ref.addBackInStockSubscription,isFetching=_ref.isFetching,isInitial=_ref.isInitial,removeBackInStockSubscription=_ref.removeBackInStockSubscription,requestsPossible=_ref.requestsPossible;var groupedSubscriptions=useMemo(function(){return subscriptions.reduce(function(acc,subscription){var status=subscription.status;var groupingStatus=status==='inactive'||status==='triggered'?'past':status;acc[groupingStatus].push(subscription);return acc;},{active:[],past:[]});},[subscriptions]);// Create memoized context value.
-var value=useMemo(function(){return{subscriptions:subscriptions,groupedSubscriptions:groupedSubscriptions,addBackInStockSubscription:addBackInStockSubscription,removeBackInStockSubscription:removeBackInStockSubscription,isFetching:isFetching,isInitial:isInitial&&requestsPossible};},[addBackInStockSubscription,groupedSubscriptions,isFetching,isInitial,removeBackInStockSubscription,subscriptions,requestsPossible]);return React.createElement(Context.Provider,{value:value},children);};BackInStockSubscriptionsProvider.defaultProps={children:null,isFetching:false,isInitial:true,requestsPossible:false};export default connect(BackInStockSubscriptionsProvider);
+ */
+const BackInStockSubscriptionsProvider = ({
+  subscriptions,
+  children,
+  addBackInStockSubscription,
+  isFetching,
+  isInitial,
+  removeBackInStockSubscription,
+  requestsPossible
+}) => {
+  const groupedSubscriptions = useMemo(() => subscriptions.reduce((acc, subscription) => {
+    const {
+      status
+    } = subscription;
+    const groupingStatus = status === 'inactive' || status === 'triggered' ? 'past' : status;
+    acc[groupingStatus].push(subscription);
+    return acc;
+  }, {
+    active: [],
+    past: []
+  }), [subscriptions]);
+
+  // Create memoized context value.
+  const value = useMemo(() => ({
+    subscriptions,
+    groupedSubscriptions,
+    addBackInStockSubscription,
+    removeBackInStockSubscription,
+    isFetching,
+    isInitial: isInitial && requestsPossible
+  }), [addBackInStockSubscription, groupedSubscriptions, isFetching, isInitial, removeBackInStockSubscription, subscriptions, requestsPossible]);
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: value
+  }, children);
+};
+BackInStockSubscriptionsProvider.defaultProps = {
+  children: null,
+  isFetching: false,
+  isInitial: true,
+  requestsPossible: false
+};
+export default connect(BackInStockSubscriptionsProvider);

package/back-in-stock/providers/index.js

@@ -1 +1,2 @@
-export{default as BackInStockSubscriptionsProviderContext}from"./BackInStockSubscriptionsProvider.context";export{default as BackInStockSubscriptionsProvider}from"./BackInStockSubscriptionsProvider";
+export { default as BackInStockSubscriptionsProviderContext } from "./BackInStockSubscriptionsProvider.context";
+export { default as BackInStockSubscriptionsProvider } from "./BackInStockSubscriptionsProvider";

package/back-in-stock/reducers/index.js

@@ -1,5 +1,95 @@
-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{PERMISSION_ID_PUSH,APP_PERMISSION_STATUS_RECEIVED}from'@shopgate/engage/core/constants';import{ADD_BACK_IN_STOCK_SUBSCRIPTION,ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR,ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS,FETCH_BACK_IN_STOCK_SUBSCRIPTIONS,FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR,FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS,REMOVE_BACK_IN_STOCK_SUBSCRIPTION,REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR,REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS}from'@shopgate/engage/back-in-stock/constants';var initialState={isFetching:false,isInitial:true,subscriptions:[],pushPermissionStatus:null};/**
+import { PERMISSION_ID_PUSH, APP_PERMISSION_STATUS_RECEIVED } from '@shopgate/engage/core/constants';
+import { ADD_BACK_IN_STOCK_SUBSCRIPTION, ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR, ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS, FETCH_BACK_IN_STOCK_SUBSCRIPTIONS, FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR, FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS, REMOVE_BACK_IN_STOCK_SUBSCRIPTION, REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR, REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS } from '@shopgate/engage/back-in-stock/constants';
+const initialState = {
+  isFetching: false,
+  isInitial: true,
+  subscriptions: [],
+  pushPermissionStatus: null
+};
+
+/**
  * @param {Object} state The application state.
  * @param {Object} action The redux action.
  * @returns {Object}
- */export default(function(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:initialState;var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case FETCH_BACK_IN_STOCK_SUBSCRIPTIONS:{return _extends({},state,{isFetching:true});}case FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS:{return _extends({},state,{isInitial:false,isFetching:false,subscriptions:action.subscriptions});}case FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR:{return _extends({},state,{isFetching:false});}case ADD_BACK_IN_STOCK_SUBSCRIPTION:{return _extends({},state,{isFetching:true});}case ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS:{return _extends({},state,{isFetching:false});}case ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR:{return _extends({},state,{isFetching:false});}case REMOVE_BACK_IN_STOCK_SUBSCRIPTION:{return _extends({},state,{isFetching:true});}case REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS:{return _extends({},state,{isFetching:false});}case REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR:{return _extends({},state,{isFetching:false});}case APP_PERMISSION_STATUS_RECEIVED:{if(action.permissionId!==PERMISSION_ID_PUSH){return state;}return _extends({},state,{pushPermissionStatus:action.status});}default:return state;}});
+ */
+export default (state = initialState, action) => {
+  switch (action.type) {
+    case FETCH_BACK_IN_STOCK_SUBSCRIPTIONS:
+      {
+        return {
+          ...state,
+          isFetching: true
+        };
+      }
+    case FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_SUCCESS:
+      {
+        return {
+          ...state,
+          isInitial: false,
+          isFetching: false,
+          subscriptions: action.subscriptions
+        };
+      }
+    case FETCH_BACK_IN_STOCK_SUBSCRIPTIONS_ERROR:
+      {
+        return {
+          ...state,
+          isFetching: false
+        };
+      }
+    case ADD_BACK_IN_STOCK_SUBSCRIPTION:
+      {
+        return {
+          ...state,
+          isFetching: true
+        };
+      }
+    case ADD_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS:
+      {
+        return {
+          ...state,
+          isFetching: false
+        };
+      }
+    case ADD_BACK_IN_STOCK_SUBSCRIPTION_ERROR:
+      {
+        return {
+          ...state,
+          isFetching: false
+        };
+      }
+    case REMOVE_BACK_IN_STOCK_SUBSCRIPTION:
+      {
+        return {
+          ...state,
+          isFetching: true
+        };
+      }
+    case REMOVE_BACK_IN_STOCK_SUBSCRIPTION_SUCCESS:
+      {
+        return {
+          ...state,
+          isFetching: false
+        };
+      }
+    case REMOVE_BACK_IN_STOCK_SUBSCRIPTION_ERROR:
+      {
+        return {
+          ...state,
+          isFetching: false
+        };
+      }
+    case APP_PERMISSION_STATUS_RECEIVED:
+      {
+        if (action.permissionId !== PERMISSION_ID_PUSH) {
+          return state;
+        }
+        return {
+          ...state,
+          pushPermissionStatus: action.status
+        };
+      }
+    default:
+      return state;
+  }
+};