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

package/product/selectors/variants.js

@@ -1,13 +1,85 @@
-import{createSelector}from'reselect';import find from'lodash/find';import{getProductVariants}from'@shopgate/pwa-common-commerce/product';import isEqual from'lodash/isEqual';/**
+import { createSelector } from 'reselect';
+import find from 'lodash/find';
+import { getProductVariants } from '@shopgate/pwa-common-commerce/product';
+import isEqual from 'lodash/isEqual';
+
+/**
  * Creates a selector that retrieves a product by a characteristic.
  * @returns {Function}
- */export function makeGetProductByCharacteristics(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},strict=_ref.strict;return createSelector(function(_,props){return props.characteristics;},getProductVariants,function(characteristics,variants){if(!characteristics||!variants||!variants.products||variants.products.length===0){return null;}var product;if(strict){product=variants.products.find(function(_product){return isEqual(_product.characteristics,characteristics);});}else{product=find(variants.products,{characteristics:characteristics});}if(!product){return null;}return product;});}/**
+ */
+export function makeGetProductByCharacteristics({
+  strict
+} = {}) {
+  return createSelector((_, props) => props.characteristics, getProductVariants, (characteristics, variants) => {
+    if (!characteristics || !variants || !variants.products || variants.products.length === 0) {
+      return null;
+    }
+    let product;
+    if (strict) {
+      product = variants.products.find(_product => isEqual(_product.characteristics, characteristics));
+    } else {
+      product = find(variants.products, {
+        characteristics
+      });
+    }
+    if (!product) {
+      return null;
+    }
+    return product;
+  });
+}
+
+/**
  * Creates a selector that retrieves the featured image URL for a selected characteristic.
  * @returns {Function}
- */export function makeGetCharacteristicsFeaturedImage(){var getProductByCharacteristics=makeGetProductByCharacteristics();return createSelector(getProductByCharacteristics,function(product){if(!product||!product.featuredImageBaseUrl){return null;}return product.featuredImageBaseUrl;});}/**
+ */
+export function makeGetCharacteristicsFeaturedImage() {
+  const getProductByCharacteristics = makeGetProductByCharacteristics();
+  return createSelector(getProductByCharacteristics, product => {
+    if (!product || !product.featuredImageBaseUrl) {
+      return null;
+    }
+    return product.featuredImageBaseUrl;
+  });
+}
+
+/**
  * Creates a selector that retrieves the featured media for a selected characteristic.
  * @returns {Function}
- */export function makeGetCharacteristicsFeaturedMedia(){var getProductByCharacteristics=makeGetProductByCharacteristics();return createSelector(getProductByCharacteristics,function(state,props){return props.type;},function(product,type){if(!product||!product.featuredMedia||type&&product.featuredMedia.type!==type){return null;}return product.featuredMedia;});}/**
+ */
+export function makeGetCharacteristicsFeaturedMedia() {
+  const getProductByCharacteristics = makeGetProductByCharacteristics();
+  return createSelector(getProductByCharacteristics, (state, props) => props.type, (product, type) => {
+    if (!product || !product.featuredMedia || type && product.featuredMedia.type !== type) {
+      return null;
+    }
+    return product.featuredMedia;
+  });
+}
+
+/**
  * Creates a selector that retrieves the currently selected characteristics.
  * @returns {Function}
- */export function makeGetSelectedCharacteristic(){return createSelector(getProductVariants,function(state,props){return props.characteristics;},function(variants,characteristics){var selected=[];if(!variants||!characteristics){return selected;}Object.keys(characteristics).forEach(function(key){var item=characteristics[key];var variant=find(variants.characteristics,{id:key});var value=find(variant.values,{id:item});selected.push({label:variant.label,value:value.label});});return selected;});}
+ */
+export function makeGetSelectedCharacteristic() {
+  return createSelector(getProductVariants, (state, props) => props.characteristics, (variants, characteristics) => {
+    const selected = [];
+    if (!variants || !characteristics) {
+      return selected;
+    }
+    Object.keys(characteristics).forEach(key => {
+      const item = characteristics[key];
+      const variant = find(variants.characteristics, {
+        id: key
+      });
+      const value = find(variant.values, {
+        id: item
+      });
+      selected.push({
+        label: variant.label,
+        value: value.label
+      });
+    });
+    return selected;
+  });
+}

package/product/streams/index.js

@@ -1 +1 @@
-export*from'@shopgate/pwa-common-commerce/product/streams';
+export * from '@shopgate/pwa-common-commerce/product/streams';

package/push-opt-in/action-creators/index.js

@@ -1 +1,2 @@
-export*from"./optInTrigger";export*from"./pushOptIn";
+export * from "./optInTrigger";
+export * from "./pushOptIn";

package/push-opt-in/action-creators/optInTrigger.js

@@ -1,23 +1,58 @@
-import{PUSH_OPT_IN_INCREASE_APP_START_COUNT,PUSH_OPT_IN_RESET_APP_START_COUNT,PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT,PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT,PUSH_OPT_IN_INCREASE_REJECTION_COUNT,PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP,PUSH_OPT_IN_OPT_IN_POSTPONED}from"../constants";/**
+import { PUSH_OPT_IN_INCREASE_APP_START_COUNT, PUSH_OPT_IN_RESET_APP_START_COUNT, PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT, PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT, PUSH_OPT_IN_INCREASE_REJECTION_COUNT, PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP, PUSH_OPT_IN_OPT_IN_POSTPONED } from "../constants";
+
+/**
  * Increment the app start count
  * @return {Object} The dispatched action object.
- */export var increaseAppStartCount=function increaseAppStartCount(){return{type:PUSH_OPT_IN_INCREASE_APP_START_COUNT};};/**
+ */
+export const increaseAppStartCount = () => ({
+  type: PUSH_OPT_IN_INCREASE_APP_START_COUNT
+});
+
+/**
  * Reset the app start count, and increment reset counts
  * @return {Object} The dispatched action object.
- */export var resetAppStartCount=function resetAppStartCount(){return{type:PUSH_OPT_IN_RESET_APP_START_COUNT};};/**
+ */
+export const resetAppStartCount = () => ({
+  type: PUSH_OPT_IN_RESET_APP_START_COUNT
+});
+
+/**
  * Increment the orders placed count
  * @return {Object} The dispatched action object.
- */export var increaseOrdersPlacedCount=function increaseOrdersPlacedCount(){return{type:PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT};};/**
+ */
+export const increaseOrdersPlacedCount = () => ({
+  type: PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT
+});
+
+/**
  * Reset the orders placed count, and increment reset counts
  * @return {Object} The dispatched action object.
- */export var resetOrdersPlacedCount=function resetOrdersPlacedCount(){return{type:PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT};};/**
+ */
+export const resetOrdersPlacedCount = () => ({
+  type: PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT
+});
+
+/**
  * Sets the last opt-in timestamp
  * @return {Object} The dispatched action object.
- */export var setLastPopupTimestamp=function setLastPopupTimestamp(){return{type:PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP};};/**
+ */
+export const setLastPopupTimestamp = () => ({
+  type: PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP
+});
+
+/**
  * Increased the opt-in rejection / postponement count
  * @return {Object} The dispatched action object.
- */export var increaseRejectionCount=function increaseRejectionCount(){return{type:PUSH_OPT_IN_INCREASE_REJECTION_COUNT};};/**
+ */
+export const increaseRejectionCount = () => ({
+  type: PUSH_OPT_IN_INCREASE_REJECTION_COUNT
+});
+
+/**
  * Action to be dispatched when push opt in was postponed e.g. Opt In Modal was closed without
  * taking a decision about permissions.
  * @return {Object} The dispatched action object.
- */export var optInPostponed=function optInPostponed(){return{type:PUSH_OPT_IN_OPT_IN_POSTPONED};};
+ */
+export const optInPostponed = () => ({
+  type: PUSH_OPT_IN_OPT_IN_POSTPONED
+});

package/push-opt-in/action-creators/pushOptIn.js

@@ -1,8 +1,19 @@
-import{HIDE_PUSH_OPT_IN_MODAL,SHOW_PUSH_OPT_IN_MODAL}from"../constants";/**
+import { HIDE_PUSH_OPT_IN_MODAL, SHOW_PUSH_OPT_IN_MODAL } from "../constants";
+
+/**
  * action to be dispatched when the push opt-in should be shown
  * @param {"appStarts"|"ordersPlaced"} triggerType Trigger type that caused showing the modal
  * @returns {Function}
- */export var showPushOptInModal=function showPushOptInModal(triggerType){return{type:SHOW_PUSH_OPT_IN_MODAL,triggerType:triggerType};};/**
+ */
+export const showPushOptInModal = triggerType => ({
+  type: SHOW_PUSH_OPT_IN_MODAL,
+  triggerType
+});
+
+/**
  * action to be dispatched when the push opt-in should be hidden
  * @returns {Function}
- */export var hidePushOptInModal=function hidePushOptInModal(){return{type:HIDE_PUSH_OPT_IN_MODAL};};
+ */
+export const hidePushOptInModal = () => ({
+  type: HIDE_PUSH_OPT_IN_MODAL
+});

package/push-opt-in/actions/index.js

@@ -1 +1 @@
-export*from"./pushOptInModal";
+export * from "./pushOptInModal";

package/push-opt-in/actions/pushOptInModal.js

@@ -1,8 +1,36 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{softOptInSelected}from'@shopgate/engage/core/action-creators';import{grantPushPermissions}from"../../core";import{hidePushOptInModal,optInPostponed}from"../action-creators";import{getPushOptInTrackingMeta}from"../selectors";/**
+import { softOptInSelected } from '@shopgate/engage/core/action-creators';
+import { grantPushPermissions } from "../../core";
+import { hidePushOptInModal, optInPostponed } from "../action-creators";
+import { getPushOptInTrackingMeta } from "../selectors";
+
+/**
  * action to be dispatched when the user allowed the push opt-in in the modal
  * and native modal should be triggered for setting the permission
  * @returns {Function}
- */export var allowPushOptIn=function allowPushOptIn(){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch,getState){var meta;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:meta=getPushOptInTrackingMeta(getState());dispatch(softOptInSelected({selection:'approved',meta:meta}));_context.next=4;return dispatch(grantPushPermissions({useSettingsModal:true,meta:meta}));case 4:dispatch(hidePushOptInModal());case 5:case"end":return _context.stop();}},_callee);}));return function(_x,_x2){return _ref.apply(this,arguments);};}());};/**
+ */
+export const allowPushOptIn = () => async (dispatch, getState) => {
+  const meta = getPushOptInTrackingMeta(getState());
+  dispatch(softOptInSelected({
+    selection: 'approved',
+    meta
+  }));
+  await dispatch(grantPushPermissions({
+    useSettingsModal: true,
+    meta
+  }));
+  dispatch(hidePushOptInModal());
+};
+
+/**
  * action to be dispatched when the user denied the push opt-in in the modal
  * @returns {Function}
- */export var denyPushOptIn=function denyPushOptIn(){return(/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(dispatch,getState){var meta;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:meta=getPushOptInTrackingMeta(getState());dispatch(softOptInSelected({selection:'later',meta:meta}));_context2.next=4;return dispatch(optInPostponed());case 4:dispatch(hidePushOptInModal());case 5:case"end":return _context2.stop();}},_callee2);}));return function(_x3,_x4){return _ref2.apply(this,arguments);};}());};
+ */
+export const denyPushOptIn = () => async (dispatch, getState) => {
+  const meta = getPushOptInTrackingMeta(getState());
+  dispatch(softOptInSelected({
+    selection: 'later',
+    meta
+  }));
+  await dispatch(optInPostponed());
+  dispatch(hidePushOptInModal());
+};

package/push-opt-in/components/PushOptInModal/connector.js

@@ -1,9 +1,23 @@
-import{connect}from'react-redux';import{getIsPushOptInModalVisible}from"../../selectors";import{allowPushOptIn,denyPushOptIn}from"../../actions";/**
+import { connect } from 'react-redux';
+import { getIsPushOptInModalVisible } from "../../selectors";
+import { allowPushOptIn, denyPushOptIn } from "../../actions";
+
+/**
  * Maps the contents of the state to the component props.
  * @param {Object} state The current application state.
  * @return {Object} The extended component props.
- */var mapStateToProps=function mapStateToProps(state){return{isPushOptInModalVisible:getIsPushOptInModalVisible(state)};};/**
+ */
+const mapStateToProps = state => ({
+  isPushOptInModalVisible: getIsPushOptInModalVisible(state)
+});
+
+/**
  * Connects the dispatch function to a callable function in the props.
  * @param {Function} dispatch The redux dispatch function.
  * @return {Object} The extended component props.
- */var mapDispatchToProps={allowPushOptIn:allowPushOptIn,denyPushOptIn:denyPushOptIn};export default connect(mapStateToProps,mapDispatchToProps);
+ */
+const mapDispatchToProps = {
+  allowPushOptIn,
+  denyPushOptIn
+};
+export default connect(mapStateToProps, mapDispatchToProps);

package/push-opt-in/components/PushOptInModal/index.js

@@ -1,6 +1,95 @@
-import React,{useMemo,useCallback}from'react';import PropTypes from'prop-types';import throttle from'lodash/throttle';import classNames from'classnames';import{Grid,I18n,Button,Modal}from'@shopgate/engage/components';import{appConfig}from'@shopgate/engage';import pushImage from"./push-opt-in.svg";import styles from"./style";import connect from"./connector";import{svgToDataUrl}from"../../../core";/**
+import React, { useMemo, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import throttle from 'lodash/throttle';
+import classNames from 'classnames';
+import { Grid, I18n, Button, Modal } from '@shopgate/engage/components';
+import { appConfig } from '@shopgate/engage';
+import pushImage from "./push-opt-in.svg";
+import styles from "./style";
+import connect from "./connector";
+import { svgToDataUrl } from "../../../core";
+
+/**
  * The Push opt-in modal component.
  * @param {Object} props The component props.
  * @returns {JSX.Element}
- */var PushOptInModal=function PushOptInModal(_ref){var isPushOptInModalVisible=_ref.isPushOptInModalVisible,allowPushOptIn=_ref.allowPushOptIn,denyPushOptIn=_ref.denyPushOptIn;var _appConfig$pushOptIn=appConfig.pushOptIn,_appConfig$pushOptIn2=_appConfig$pushOptIn===void 0?{}:_appConfig$pushOptIn,modalMessage=_appConfig$pushOptIn2.modalMessage,modalTitle=_appConfig$pushOptIn2.modalTitle,modalButtonDeny=_appConfig$pushOptIn2.modalButtonDeny,modalButtonAllow=_appConfig$pushOptIn2.modalButtonAllow,modalImageURL=_appConfig$pushOptIn2.modalImageURL,modalImageSVG=_appConfig$pushOptIn2.modalImageSVG;var imageSRC=useMemo(function(){if(!modalImageURL&&!modalImageSVG){return pushImage;}if(modalImageURL){return modalImageURL;}return svgToDataUrl(modalImageSVG,pushImage);},[modalImageSVG,modalImageURL]);// Button event handlers are throttled to prevent multiple clicks
-var handleAllowPushOptIn=useCallback(throttle(allowPushOptIn,1000,{leading:true,trailing:false}),[]);var handleDenyPushOptIn=useCallback(throttle(denyPushOptIn,1000,{leading:true,trailing:false}),[]);if(!isPushOptInModalVisible){return null;}return React.createElement(Modal,{classes:{content:styles.modalContent,layout:styles.modalLayout}},React.createElement(Grid,{className:classNames(styles.container,'push-opt-in-modal__container'),role:"alertdialog","aria-modal":true,"aria-labelledby":"pushOptInDialogTitle","aria-describedby":"pushOptInDialogMessage"},React.createElement(Grid.Item,{className:styles.item},React.createElement("img",{src:imageSRC,className:classNames(styles.image,'push-opt-in-modal__image'),alt:"","aria-hidden":"true"}),React.createElement(I18n.Text,{className:classNames(styles.title,'push-opt-in-modal__title'),string:modalTitle||'pushOptInModal.title',id:"pushOptInDialogTitle"}),React.createElement(I18n.Text,{className:classNames('push-opt-in-modal__message'),string:modalMessage||'pushOptInModal.message',id:"pushOptInDialogMessage"}),React.createElement(Button,{onClick:handleAllowPushOptIn,type:"primary",className:classNames(styles.button,'push-opt-in-modal__button-allow')},React.createElement(I18n.Text,{string:modalButtonAllow||'pushOptInModal.buttonAllow'})),React.createElement(Button,{onClick:handleDenyPushOptIn,type:"plain",className:classNames(styles.button,'push-opt-in-modal__button-deny')},React.createElement(I18n.Text,{string:modalButtonDeny||'pushOptInModal.buttonDeny',className:styles.buttonText})))));};export default connect(PushOptInModal);
+ */
+const PushOptInModal = ({
+  isPushOptInModalVisible,
+  allowPushOptIn,
+  denyPushOptIn
+}) => {
+  const {
+    pushOptIn: {
+      modalMessage,
+      modalTitle,
+      modalButtonDeny,
+      modalButtonAllow,
+      modalImageURL,
+      modalImageSVG
+    } = {}
+  } = appConfig;
+  const imageSRC = useMemo(() => {
+    if (!modalImageURL && !modalImageSVG) {
+      return pushImage;
+    }
+    if (modalImageURL) {
+      return modalImageURL;
+    }
+    return svgToDataUrl(modalImageSVG, pushImage);
+  }, [modalImageSVG, modalImageURL]);
+
+  // Button event handlers are throttled to prevent multiple clicks
+  const handleAllowPushOptIn = useCallback(throttle(allowPushOptIn, 1000, {
+    leading: true,
+    trailing: false
+  }), []);
+  const handleDenyPushOptIn = useCallback(throttle(denyPushOptIn, 1000, {
+    leading: true,
+    trailing: false
+  }), []);
+  if (!isPushOptInModalVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    classes: {
+      content: styles.modalContent,
+      layout: styles.modalLayout
+    }
+  }, /*#__PURE__*/React.createElement(Grid, {
+    className: classNames(styles.container, 'push-opt-in-modal__container'),
+    role: "alertdialog",
+    "aria-modal": true,
+    "aria-labelledby": "pushOptInDialogTitle",
+    "aria-describedby": "pushOptInDialogMessage"
+  }, /*#__PURE__*/React.createElement(Grid.Item, {
+    className: styles.item
+  }, /*#__PURE__*/React.createElement("img", {
+    src: imageSRC,
+    className: classNames(styles.image, 'push-opt-in-modal__image'),
+    alt: "",
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React.createElement(I18n.Text, {
+    className: classNames(styles.title, 'push-opt-in-modal__title'),
+    string: modalTitle || 'pushOptInModal.title',
+    id: "pushOptInDialogTitle"
+  }), /*#__PURE__*/React.createElement(I18n.Text, {
+    className: classNames('push-opt-in-modal__message'),
+    string: modalMessage || 'pushOptInModal.message',
+    id: "pushOptInDialogMessage"
+  }), /*#__PURE__*/React.createElement(Button, {
+    onClick: handleAllowPushOptIn,
+    type: "primary",
+    className: classNames(styles.button, 'push-opt-in-modal__button-allow')
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: modalButtonAllow || 'pushOptInModal.buttonAllow'
+  })), /*#__PURE__*/React.createElement(Button, {
+    onClick: handleDenyPushOptIn,
+    type: "plain",
+    className: classNames(styles.button, 'push-opt-in-modal__button-deny')
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: modalButtonDeny || 'pushOptInModal.buttonDeny',
+    className: styles.buttonText
+  })))));
+};
+export default connect(PushOptInModal);

package/push-opt-in/components/PushOptInModal/style.js

@@ -1 +1,53 @@
-import{css}from'glamor';import{themeColors}from'@shopgate/pwa-common/helpers/config';var modalContent=css({width:'100%'}).toString();var modalLayout=css({backgroundColor:themeColors.lightOverlay}).toString();var container=css({backgroundColor:themeColors.lightOverlay,textAlign:'center',padding:'30px',justifyContent:'center',display:'flex',flexDirection:'column'}).toString();var title=css({fontWeight:'bold',fontSize:'1.35rem',paddingTop:'30px',paddingBottom:'30px'}).toString();var item=css({display:'flex',flexDirection:'column',alignItems:'center'}).toString();var link=css({paddingTop:'30px',textAlign:'center',color:themeColors.gray}).toString();var image=css({width:'80%',maxWidth:400}).toString();var button=css({marginTop:'30px'}).toString();var buttonText=css({color:themeColors.gray}).toString();export default{modalContent:modalContent,modalLayout:modalLayout,container:container,item:item,title:title,link:link,image:image,button:button,buttonText:buttonText};
+import { css } from 'glamor';
+import { themeColors } from '@shopgate/pwa-common/helpers/config';
+const modalContent = css({
+  width: '100%'
+}).toString();
+const modalLayout = css({
+  backgroundColor: themeColors.lightOverlay
+}).toString();
+const container = css({
+  backgroundColor: themeColors.lightOverlay,
+  textAlign: 'center',
+  padding: '30px',
+  justifyContent: 'center',
+  display: 'flex',
+  flexDirection: 'column'
+}).toString();
+const title = css({
+  fontWeight: 'bold',
+  fontSize: '1.35rem',
+  paddingTop: '30px',
+  paddingBottom: '30px'
+}).toString();
+const item = css({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center'
+}).toString();
+const link = css({
+  paddingTop: '30px',
+  textAlign: 'center',
+  color: themeColors.gray
+}).toString();
+const image = css({
+  width: '80%',
+  maxWidth: 400
+}).toString();
+const button = css({
+  marginTop: '30px'
+}).toString();
+const buttonText = css({
+  color: themeColors.gray
+}).toString();
+export default {
+  modalContent,
+  modalLayout,
+  container,
+  item,
+  title,
+  link,
+  image,
+  button,
+  buttonText
+};

package/push-opt-in/components/index.js

@@ -1 +1 @@
-export{default as PushOptInModal}from"./PushOptInModal";
+export { default as PushOptInModal } from "./PushOptInModal";

package/push-opt-in/constants/index.js

@@ -1 +1,2 @@
-export*from"./optInTrigger";export*from"./optInModal";
+export * from "./optInTrigger";
+export * from "./optInModal";

package/push-opt-in/constants/optInModal.js

@@ -1 +1,2 @@
-export var SHOW_PUSH_OPT_IN_MODAL='SHOW_PUSH_OPT_IN_MODAL';export var HIDE_PUSH_OPT_IN_MODAL='HIDE_PUSH_OPT_IN_MODAL';
+export const SHOW_PUSH_OPT_IN_MODAL = 'SHOW_PUSH_OPT_IN_MODAL';
+export const HIDE_PUSH_OPT_IN_MODAL = 'HIDE_PUSH_OPT_IN_MODAL';

package/push-opt-in/constants/optInTrigger.js

@@ -1 +1,9 @@
-export var PUSH_OPT_IN_INCREASE_APP_START_COUNT='PUSH_OPT_IN_INCREASE_APP_START_COUNT';export var PUSH_OPT_IN_RESET_APP_START_COUNT='PUSH_OPT_IN_RESET_APP_START_COUNT';export var PUSH_OPT_IN_RESET_APP_START_STATE='PUSH_OPT_IN_RESET_APP_START_STATE';export var PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT='PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT';export var PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT='PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT';export var PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE='PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE';export var PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP='PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP';export var PUSH_OPT_IN_INCREASE_REJECTION_COUNT='PUSH_OPT_IN_INCREASE_REJECTION_COUNT';export var PUSH_OPT_IN_OPT_IN_POSTPONED='PUSH_OPT_IN_OPT_IN_POSTPONED';
+export const PUSH_OPT_IN_INCREASE_APP_START_COUNT = 'PUSH_OPT_IN_INCREASE_APP_START_COUNT';
+export const PUSH_OPT_IN_RESET_APP_START_COUNT = 'PUSH_OPT_IN_RESET_APP_START_COUNT';
+export const PUSH_OPT_IN_RESET_APP_START_STATE = 'PUSH_OPT_IN_RESET_APP_START_STATE';
+export const PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT = 'PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT';
+export const PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT = 'PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT';
+export const PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE = 'PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE';
+export const PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP = 'PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP';
+export const PUSH_OPT_IN_INCREASE_REJECTION_COUNT = 'PUSH_OPT_IN_INCREASE_REJECTION_COUNT';
+export const PUSH_OPT_IN_OPT_IN_POSTPONED = 'PUSH_OPT_IN_OPT_IN_POSTPONED';

package/push-opt-in/reducers/index.js

@@ -1 +1,7 @@
-import{combineReducers}from'redux';import optInTrigger from"./optInTrigger";import optInModal from"./optInModal";export default combineReducers({optInTrigger:optInTrigger,optInModal:optInModal});
+import { combineReducers } from 'redux';
+import optInTrigger from "./optInTrigger";
+import optInModal from "./optInModal";
+export default combineReducers({
+  optInTrigger,
+  optInModal
+});

package/push-opt-in/reducers/optInModal.js

@@ -1,6 +1,35 @@
-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{HIDE_PUSH_OPT_IN_MODAL,SHOW_PUSH_OPT_IN_MODAL}from"../constants";var defaultState={triggerType:null,isPushOptInModalVisible:false};/**
+import { HIDE_PUSH_OPT_IN_MODAL, SHOW_PUSH_OPT_IN_MODAL } from "../constants";
+const defaultState = {
+  triggerType: null,
+  isPushOptInModalVisible: false
+};
+
+/**
  * Stores all the states related to the push Opt-In Modal functionality.
  * @param {Object} [state] The current state.
  * @param {Object} action The action object.
  * @return {Object} The new state.
- */var pushOptInModalReducer=function pushOptInModalReducer(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case SHOW_PUSH_OPT_IN_MODAL:{return _extends({},state,{triggerType:action.triggerType,isPushOptInModalVisible:true});}case HIDE_PUSH_OPT_IN_MODAL:{return _extends({},state,{triggerType:null,isPushOptInModalVisible:false});}default:return state;}};export default pushOptInModalReducer;
+ */
+const pushOptInModalReducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case SHOW_PUSH_OPT_IN_MODAL:
+      {
+        return {
+          ...state,
+          triggerType: action.triggerType,
+          isPushOptInModalVisible: true
+        };
+      }
+    case HIDE_PUSH_OPT_IN_MODAL:
+      {
+        return {
+          ...state,
+          triggerType: null,
+          isPushOptInModalVisible: false
+        };
+      }
+    default:
+      return state;
+  }
+};
+export default pushOptInModalReducer;

package/push-opt-in/reducers/optInTrigger.js

@@ -1,6 +1,87 @@
-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{PUSH_OPT_IN_INCREASE_APP_START_COUNT,PUSH_OPT_IN_RESET_APP_START_STATE,PUSH_OPT_IN_RESET_APP_START_COUNT,PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT,PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT,PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE,PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP,PUSH_OPT_IN_INCREASE_REJECTION_COUNT}from"../constants";var defaultState={appStartCount:0,appStartCountAbs:0,appStartResetCount:0,ordersPlacedCount:0,ordersPlacedCountAbs:0,ordersPlacedResetCount:0,lastPopupAt:null,rejectionCount:0};/**
+import { PUSH_OPT_IN_INCREASE_APP_START_COUNT, PUSH_OPT_IN_RESET_APP_START_STATE, PUSH_OPT_IN_RESET_APP_START_COUNT, PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT, PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT, PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE, PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP, PUSH_OPT_IN_INCREASE_REJECTION_COUNT } from "../constants";
+const defaultState = {
+  appStartCount: 0,
+  appStartCountAbs: 0,
+  appStartResetCount: 0,
+  ordersPlacedCount: 0,
+  ordersPlacedCountAbs: 0,
+  ordersPlacedResetCount: 0,
+  lastPopupAt: null,
+  rejectionCount: 0
+};
+
+/**
  * Stores all the states related to the pushOptInTrigger functionality.
  * @param {Object} [state] The current state.
  * @param {Object} action The action object.
  * @return {Object} The new state.
- */var pushOptInReducer=function pushOptInReducer(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case PUSH_OPT_IN_INCREASE_APP_START_COUNT:{return _extends({},state,{appStartCount:state.appStartCount+1,appStartCountAbs:state.appStartCountAbs+1});}case PUSH_OPT_IN_RESET_APP_START_COUNT:{return _extends({},state,{appStartCount:0,appStartResetCount:state.appStartResetCount+1});}case PUSH_OPT_IN_RESET_APP_START_STATE:{return _extends({},state,{appStartCount:0,appStartResetCount:0});}case PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT:{return _extends({},state,{ordersPlacedCount:state.ordersPlacedCount+1,ordersPlacedCountAbs:state.ordersPlacedCountAbs+1});}case PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT:{return _extends({},state,{ordersPlacedCount:0,ordersPlacedResetCount:state.ordersPlacedResetCount+1});}case PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE:{return _extends({},state,{ordersPlacedCount:0,ordersPlacedResetCount:0});}case PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP:{return _extends({},state,{lastPopupAt:new Date(Date.now()).toISOString()});}case PUSH_OPT_IN_INCREASE_REJECTION_COUNT:{return _extends({},state,{rejectionCount:state.rejectionCount+1});}default:return state;}};export default pushOptInReducer;
+ */
+const pushOptInReducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case PUSH_OPT_IN_INCREASE_APP_START_COUNT:
+      {
+        return {
+          ...state,
+          appStartCount: state.appStartCount + 1,
+          appStartCountAbs: state.appStartCountAbs + 1
+        };
+      }
+    case PUSH_OPT_IN_RESET_APP_START_COUNT:
+      {
+        return {
+          ...state,
+          appStartCount: 0,
+          appStartResetCount: state.appStartResetCount + 1
+        };
+      }
+    case PUSH_OPT_IN_RESET_APP_START_STATE:
+      {
+        return {
+          ...state,
+          appStartCount: 0,
+          appStartResetCount: 0
+        };
+      }
+    case PUSH_OPT_IN_INCREASE_ORDERS_PLACED_COUNT:
+      {
+        return {
+          ...state,
+          ordersPlacedCount: state.ordersPlacedCount + 1,
+          ordersPlacedCountAbs: state.ordersPlacedCountAbs + 1
+        };
+      }
+    case PUSH_OPT_IN_RESET_ORDERS_PLACED_COUNT:
+      {
+        return {
+          ...state,
+          ordersPlacedCount: 0,
+          ordersPlacedResetCount: state.ordersPlacedResetCount + 1
+        };
+      }
+    case PUSH_OPT_IN_RESET_ORDERS_PLACED_STATE:
+      {
+        return {
+          ...state,
+          ordersPlacedCount: 0,
+          ordersPlacedResetCount: 0
+        };
+      }
+    case PUSH_OPT_IN_SET_LAST_POPUP_TIMESTAMP:
+      {
+        return {
+          ...state,
+          lastPopupAt: new Date(Date.now()).toISOString()
+        };
+      }
+    case PUSH_OPT_IN_INCREASE_REJECTION_COUNT:
+      {
+        return {
+          ...state,
+          rejectionCount: state.rejectionCount + 1
+        };
+      }
+    default:
+      return state;
+  }
+};
+export default pushOptInReducer;

package/push-opt-in/selectors/index.js

@@ -1 +1,2 @@
-export*from"./optInTrigger";export*from"./optInModal";
+export * from "./optInTrigger";
+export * from "./optInModal";

package/push-opt-in/selectors/optInModal.js

@@ -1,11 +1,20 @@
-import{createSelector}from'reselect';/**
+import { createSelector } from 'reselect';
+
+/**
  * Selects the push opt-in modal state.
  * @param {Object} state The current state of the push opt-in modal.
  * @returns {Object} whether push opt-in modal is shown.
- */export var getPushOptInModalState=function getPushOptInModalState(state){var _state$pushOptIn;return(state===null||state===void 0?void 0:(_state$pushOptIn=state.pushOptIn)===null||_state$pushOptIn===void 0?void 0:_state$pushOptIn.optInModal)||{};};/**
+ */
+export const getPushOptInModalState = state => state?.pushOptIn?.optInModal || {};
+
+/**
  * Determines visibility of the Push-Opt-In Modal
  * @returns {boolean} whether push opt-in modal is shown.
- */export var getIsPushOptInModalVisible=createSelector(getPushOptInModalState,function(modalState){return modalState.isPushOptInModalVisible||false;});/**
+ */
+export const getIsPushOptInModalVisible = createSelector(getPushOptInModalState, modalState => modalState.isPushOptInModalVisible || false);
+
+/**
  * Determines the trigger type of the Push-Opt-In Modal
  * @returns {string} whether push opt-in modal is shown.
- */export var getPushOptInModalTriggerType=createSelector(getPushOptInModalState,function(modalState){return modalState.triggerType;});
+ */
+export const getPushOptInModalTriggerType = createSelector(getPushOptInModalState, modalState => modalState.triggerType);