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

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

@@ -1,7 +1,42 @@
-import{createSelector}from'reselect';import{appSupportsPushOptIn}from'@shopgate/engage/core/helpers';import{appConfig}from'@shopgate/engage';import{getPushOptInModalTriggerType}from"./optInModal";/**
+import { createSelector } from 'reselect';
+import { appSupportsPushOptIn } from '@shopgate/engage/core/helpers';
+import { appConfig } from '@shopgate/engage';
+import { getPushOptInModalTriggerType } from "./optInModal";
+
+/**
  * Selects the push opt in information.
  * @param {Object} state The current state.
  * @returns {Object} The push opt in information.
- */export var getPushOptInTriggerState=function getPushOptInTriggerState(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.optInTrigger)||{};};/**
+ */
+export const getPushOptInTriggerState = state => state?.pushOptIn?.optInTrigger || {};
+
+/**
  * Creates a meta data object for push opt in tracking events
- */export var getPushOptInTrackingMeta=createSelector(getPushOptInModalTriggerType,getPushOptInTriggerState,function(triggerType,triggerState){var _appConfig$pushOptIn=appConfig.pushOptIn,_appConfig$pushOptIn2=_appConfig$pushOptIn===void 0?{}:_appConfig$pushOptIn,_appConfig$pushOptIn3=_appConfig$pushOptIn2.appStarts,_appConfig$pushOptIn4=_appConfig$pushOptIn3===void 0?{}:_appConfig$pushOptIn3,_appConfig$pushOptIn5=_appConfig$pushOptIn4.value,appStartsVal=_appConfig$pushOptIn5===void 0?0:_appConfig$pushOptIn5,_appConfig$pushOptIn6=_appConfig$pushOptIn2.ordersPlaced,_appConfig$pushOptIn7=_appConfig$pushOptIn6===void 0?{}:_appConfig$pushOptIn6,_appConfig$pushOptIn8=_appConfig$pushOptIn7.value,ordersPlacedVal=_appConfig$pushOptIn8===void 0?0:_appConfig$pushOptIn8;var usesSoftPushOptIn=appSupportsPushOptIn()&&(appStartsVal>0||ordersPlacedVal>0);if(triggerType==='ordersPlaced'){return{permission:'push',context:'checkoutSuccess',contextCounter:triggerState.ordersPlacedCountAbs,usesSoftPushOptIn:usesSoftPushOptIn};}return{permission:'push',context:'appStart',contextCounter:triggerState.appStartCountAbs,usesSoftPushOptIn:usesSoftPushOptIn};});
+ */
+export const getPushOptInTrackingMeta = createSelector(getPushOptInModalTriggerType, getPushOptInTriggerState, (triggerType, triggerState) => {
+  const {
+    pushOptIn: {
+      appStarts: {
+        value: appStartsVal = 0
+      } = {},
+      ordersPlaced: {
+        value: ordersPlacedVal = 0
+      } = {}
+    } = {}
+  } = appConfig;
+  const usesSoftPushOptIn = appSupportsPushOptIn() && (appStartsVal > 0 || ordersPlacedVal > 0);
+  if (triggerType === 'ordersPlaced') {
+    return {
+      permission: 'push',
+      context: 'checkoutSuccess',
+      contextCounter: triggerState.ordersPlacedCountAbs,
+      usesSoftPushOptIn
+    };
+  }
+  return {
+    permission: 'push',
+    context: 'appStart',
+    contextCounter: triggerState.appStartCountAbs,
+    usesSoftPushOptIn
+  };
+});

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

@@ -1 +1,6 @@
-import optInTrigger from"./optInTrigger";import optInTracking from"./optInTracking";export default(function(subscribe){optInTrigger(subscribe);optInTracking(subscribe);});
+import optInTrigger from "./optInTrigger";
+import optInTracking from "./optInTracking";
+export default subscribe => {
+  optInTrigger(subscribe);
+  optInTracking(subscribe);
+};

package/push-opt-in/subscriptions/optInTracking.js

@@ -1,4 +1,105 @@
-var _excluded=["permission"],_excluded2=["permission"],_excluded3=["permission"],_excluded4=["permission"];function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}import{softOptInShown$,softOptInSelected$,hardOptInShown$,hardOptInSelected$}from'@shopgate/engage/core/streams';import{track}from'@shopgate/engage/tracking/helpers';var softPushOptInShown$=softOptInShown$.filter(function(_ref){var _action$meta;var action=_ref.action;return(action===null||action===void 0?void 0:(_action$meta=action.meta)===null||_action$meta===void 0?void 0:_action$meta.permission)==='push';});var softPushOptInSelected$=softOptInSelected$.filter(function(_ref2){var _action$meta2;var action=_ref2.action;return(action===null||action===void 0?void 0:(_action$meta2=action.meta)===null||_action$meta2===void 0?void 0:_action$meta2.permission)==='push';});var hardPushOptInShown$=hardOptInShown$.filter(function(_ref3){var _action$meta3;var action=_ref3.action;return(action===null||action===void 0?void 0:(_action$meta3=action.meta)===null||_action$meta3===void 0?void 0:_action$meta3.permission)==='push';});var hardPushOptInSelected$=hardOptInSelected$.filter(function(_ref4){var _action$meta4;var action=_ref4.action;return(action===null||action===void 0?void 0:(_action$meta4=action.meta)===null||_action$meta4===void 0?void 0:_action$meta4.permission)==='push';});/**
+import { softOptInShown$, softOptInSelected$, hardOptInShown$, hardOptInSelected$ } from '@shopgate/engage/core/streams';
+import { track } from '@shopgate/engage/tracking/helpers';
+const softPushOptInShown$ = softOptInShown$.filter(({
+  action
+}) => action?.meta?.permission === 'push');
+const softPushOptInSelected$ = softOptInSelected$.filter(({
+  action
+}) => action?.meta?.permission === 'push');
+const hardPushOptInShown$ = hardOptInShown$.filter(({
+  action
+}) => action?.meta?.permission === 'push');
+const hardPushOptInSelected$ = hardOptInSelected$.filter(({
+  action
+}) => action?.meta?.permission === 'push');
+
+/**
  * Push opt in tracking subscriptions
  * @param {Function} subscribe The subscribe function
- */export default function pushOptInTracking(subscribe){subscribe(softPushOptInShown$,function(_ref5){var action=_ref5.action,getState=_ref5.getState;var _action$meta5=action.meta,permission=_action$meta5.permission,meta=_objectWithoutProperties(_action$meta5,_excluded);track('customEvent',{eventCategory:'softPushOptIn',eventAction:'shown',eventLabel:null,additionalEventParams:_extends({eventName:'softPushOptInShown'},meta)},getState());});subscribe(softPushOptInSelected$,function(_ref6){var action=_ref6.action,getState=_ref6.getState;var selection=action.selection,_action$meta6=action.meta,permission=_action$meta6.permission,meta=_objectWithoutProperties(_action$meta6,_excluded2);track('customEvent',{eventCategory:'softPushOptIn',eventAction:'decision',eventLabel:selection,additionalEventParams:_extends({eventName:'softPushOptInSelected',selection:selection},meta)},getState());});subscribe(hardPushOptInShown$,function(_ref7){var action=_ref7.action,getState=_ref7.getState;var _action$meta7=action.meta,permission=_action$meta7.permission,meta=_objectWithoutProperties(_action$meta7,_excluded3);track('customEvent',{eventCategory:'hardPushOptIn',eventAction:'shown',eventLabel:null,additionalEventParams:_extends({eventName:'hardPushOptInShown'},meta)},getState());});subscribe(hardPushOptInSelected$,function(_ref8){var action=_ref8.action,getState=_ref8.getState;var selection=action.selection,_action$meta8=action.meta,permission=_action$meta8.permission,meta=_objectWithoutProperties(_action$meta8,_excluded4);track('customEvent',{eventCategory:'hardPushOptIn',eventAction:'decision',eventLabel:selection,additionalEventParams:_extends({eventName:'hardPushOptInSelected',selection:selection},meta)},getState());});}
+ */
+export default function pushOptInTracking(subscribe) {
+  subscribe(softPushOptInShown$, ({
+    action,
+    getState
+  }) => {
+    const {
+      meta: {
+        permission,
+        ...meta
+      }
+    } = action;
+    track('customEvent', {
+      eventCategory: 'softPushOptIn',
+      eventAction: 'shown',
+      eventLabel: null,
+      additionalEventParams: {
+        eventName: 'softPushOptInShown',
+        ...meta
+      }
+    }, getState());
+  });
+  subscribe(softPushOptInSelected$, ({
+    action,
+    getState
+  }) => {
+    const {
+      selection,
+      meta: {
+        permission,
+        ...meta
+      }
+    } = action;
+    track('customEvent', {
+      eventCategory: 'softPushOptIn',
+      eventAction: 'decision',
+      eventLabel: selection,
+      additionalEventParams: {
+        eventName: 'softPushOptInSelected',
+        selection,
+        ...meta
+      }
+    }, getState());
+  });
+  subscribe(hardPushOptInShown$, ({
+    action,
+    getState
+  }) => {
+    const {
+      meta: {
+        permission,
+        ...meta
+      }
+    } = action;
+    track('customEvent', {
+      eventCategory: 'hardPushOptIn',
+      eventAction: 'shown',
+      eventLabel: null,
+      additionalEventParams: {
+        eventName: 'hardPushOptInShown',
+        ...meta
+      }
+    }, getState());
+  });
+  subscribe(hardPushOptInSelected$, ({
+    action,
+    getState
+  }) => {
+    const {
+      selection,
+      meta: {
+        permission,
+        ...meta
+      }
+    } = action;
+    track('customEvent', {
+      eventCategory: 'hardPushOptIn',
+      eventAction: 'decision',
+      eventLabel: selection,
+      additionalEventParams: {
+        eventName: 'hardPushOptInSelected',
+        selection,
+        ...meta
+      }
+    }, getState());
+  });
+}

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

@@ -1,12 +1,115 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}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{appConfig}from'@shopgate/engage';import{main$}from'@shopgate/engage/core/streams';import{event}from'@shopgate/engage/core/classes';import{appSupportsPushOptIn,logger}from'@shopgate/engage/core/helpers';import{PERMISSION_ID_PUSH,PERMISSION_STATUS_NOT_DETERMINED}from'@shopgate/engage/core/constants';import{softOptInShown}from'@shopgate/engage/core/action-creators';import{requestAppPermissionStatus}from'@shopgate/engage/core/actions';import{cookieConsentInitialized$}from'@shopgate/engage/tracking/streams';import{increaseAppStartCount,resetAppStartCount,increaseOrdersPlacedCount,resetOrdersPlacedCount,setLastPopupTimestamp,increaseRejectionCount,showPushOptInModal}from"../action-creators";import{PUSH_OPT_IN_OPT_IN_POSTPONED}from"../constants";import{getPushOptInTriggerState,getPushOptInTrackingMeta}from"../selectors";var DAY_IN_MS=1000*60*60*24;var increaseRejectionCount$=main$.filter(function(_ref){var action=_ref.action;return action.type===PUSH_OPT_IN_OPT_IN_POSTPONED;});/**
+import { appConfig } from '@shopgate/engage';
+import { main$ } from '@shopgate/engage/core/streams';
+import { event } from '@shopgate/engage/core/classes';
+import { appSupportsPushOptIn, logger } from '@shopgate/engage/core/helpers';
+import { PERMISSION_ID_PUSH, PERMISSION_STATUS_NOT_DETERMINED } from '@shopgate/engage/core/constants';
+import { softOptInShown } from '@shopgate/engage/core/action-creators';
+import { requestAppPermissionStatus } from '@shopgate/engage/core/actions';
+import { cookieConsentInitialized$ } from '@shopgate/engage/tracking/streams';
+import { increaseAppStartCount, resetAppStartCount, increaseOrdersPlacedCount, resetOrdersPlacedCount, setLastPopupTimestamp, increaseRejectionCount, showPushOptInModal } from "../action-creators";
+import { PUSH_OPT_IN_OPT_IN_POSTPONED } from "../constants";
+import { getPushOptInTriggerState, getPushOptInTrackingMeta } from "../selectors";
+const DAY_IN_MS = 1000 * 60 * 60 * 24;
+const increaseRejectionCount$ = main$.filter(({
+  action
+}) => action.type === PUSH_OPT_IN_OPT_IN_POSTPONED);
+
+/**
  * Push opt in subscriptions
  * @param {Function} subscribe The subscribe function
- */export default function pushOptIn(subscribe){/**
+ */
+export default function pushOptIn(subscribe) {
+  /**
    * @param {Object} subscriptionParams Params from the subscription callback
    * @param {string} configKey The "pushOptIn" key to be used
    * @param {Function} increaseCountAction Action to increase the count in Redux for the configKey
    * @returns {Promise<void>}
-   */var showOptInAfterChecks=/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2,configKey,increaseCountAction){var dispatch,getState,_appConfig$pushOptIn,_appConfig$pushOptIn2,appStarts,ordersPlaced,rejectionMaxCount,minDaysBetweenOptIns,_ref4,pushStatus,state,configValue,resetAction,resetCountState,configCountState,mustShowModal,hasRepeats,minDaysElapsed,meta;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch=_ref2.dispatch,getState=_ref2.getState;if(appSupportsPushOptIn()){_context.next=3;break;}return _context.abrupt("return");case 3:_appConfig$pushOptIn=appConfig.pushOptIn,_appConfig$pushOptIn2=_appConfig$pushOptIn===void 0?{}:_appConfig$pushOptIn,appStarts=_appConfig$pushOptIn2.appStarts,ordersPlaced=_appConfig$pushOptIn2.ordersPlaced,rejectionMaxCount=_appConfig$pushOptIn2.rejectionMaxCount,minDaysBetweenOptIns=_appConfig$pushOptIn2.minDaysBetweenOptIns;// Deactivate feature when config is invalid
-if(!(typeof minDaysBetweenOptIns!=='number'||typeof rejectionMaxCount!=='number'||_typeof(ordersPlaced)!=='object'||_typeof(appStarts)!=='object')){_context.next=7;break;}logger.error('PushOptInTrigger - Config invalid',appConfig===null||appConfig===void 0?void 0:appConfig.pushOptIn);return _context.abrupt("return");case 7:_context.next=9;return dispatch(requestAppPermissionStatus({permissionId:PERMISSION_ID_PUSH}));case 9:_ref4=_context.sent;pushStatus=_ref4.status;if(!(pushStatus!==PERMISSION_STATUS_NOT_DETERMINED)){_context.next=13;break;}return _context.abrupt("return");case 13:dispatch(increaseCountAction());state=getPushOptInTriggerState(getState());configValue=appStarts;resetAction=resetAppStartCount;resetCountState=state.appStartResetCount;configCountState=state.appStartCount;if(configKey==='ordersPlaced'){configValue=ordersPlaced;resetAction=resetOrdersPlacedCount;resetCountState=state.ordersPlacedResetCount;configCountState=state.ordersPlacedCount;}if(!(state.rejectionCount>=rejectionMaxCount)){_context.next=22;break;}return _context.abrupt("return");case 22:mustShowModal=Number(configValue.value)>0&&configCountState>=configValue.value;hasRepeats=configValue.repeats===null||resetCountState<=configValue.repeats;minDaysElapsed=Date.now()-new Date(state.lastPopupAt)>=minDaysBetweenOptIns*DAY_IN_MS;if(mustShowModal&&hasRepeats&&minDaysElapsed){meta=getPushOptInTrackingMeta(getState());dispatch(softOptInShown({meta:meta}));dispatch(setLastPopupTimestamp());dispatch(resetAction());dispatch(showPushOptInModal(configKey));}case 26:case"end":return _context.stop();}},_callee);}));return function showOptInAfterChecks(_x,_x2,_x3){return _ref3.apply(this,arguments);};}();// event subscriber to handle app start based push opt in
-subscribe(cookieConsentInitialized$,/*#__PURE__*/function(){var _ref6=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref5){var dispatch,getState;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:dispatch=_ref5.dispatch,getState=_ref5.getState;_context2.next=3;return showOptInAfterChecks({dispatch:dispatch,getState:getState},'appStarts',increaseAppStartCount);case 3:case"end":return _context2.stop();}},_callee2);}));return function(_x4){return _ref6.apply(this,arguments);};}());// event subscriber to handle order based push opt in
-subscribe(cookieConsentInitialized$,function(_ref7){var dispatch=_ref7.dispatch,getState=_ref7.getState;event.addCallback('checkoutSuccess',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(){return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return showOptInAfterChecks({dispatch:dispatch,getState:getState},'ordersPlaced',increaseOrdersPlacedCount);case 2:case"end":return _context3.stop();}},_callee3);})));});subscribe(increaseRejectionCount$,function(_ref9){var dispatch=_ref9.dispatch;dispatch(increaseRejectionCount());});}
+   */
+  const showOptInAfterChecks = async ({
+    dispatch,
+    getState
+  }, configKey, increaseCountAction) => {
+    if (!appSupportsPushOptIn()) {
+      // Do nothing when the app doesn't support the features needed for the push-opt-in
+      return;
+    }
+    const {
+      pushOptIn: {
+        appStarts,
+        ordersPlaced,
+        rejectionMaxCount,
+        minDaysBetweenOptIns
+      } = {}
+    } = appConfig;
+
+    // Deactivate feature when config is invalid
+    if (typeof minDaysBetweenOptIns !== 'number' || typeof rejectionMaxCount !== 'number' || typeof ordersPlaced !== 'object' || typeof appStarts !== 'object') {
+      logger.error('PushOptInTrigger - Config invalid', appConfig?.pushOptIn);
+      return;
+    }
+    const {
+      status: pushStatus
+    } = await dispatch(requestAppPermissionStatus({
+      permissionId: PERMISSION_ID_PUSH
+    }));
+    if (pushStatus !== PERMISSION_STATUS_NOT_DETERMINED) {
+      return;
+    }
+    dispatch(increaseCountAction());
+    const state = getPushOptInTriggerState(getState());
+    let configValue = appStarts;
+    let resetAction = resetAppStartCount;
+    let resetCountState = state.appStartResetCount;
+    let configCountState = state.appStartCount;
+    if (configKey === 'ordersPlaced') {
+      configValue = ordersPlaced;
+      resetAction = resetOrdersPlacedCount;
+      resetCountState = state.ordersPlacedResetCount;
+      configCountState = state.ordersPlacedCount;
+    }
+    if (state.rejectionCount >= rejectionMaxCount) {
+      return;
+    }
+    const mustShowModal = Number(configValue.value) > 0 && configCountState >= configValue.value;
+    const hasRepeats = configValue.repeats === null || resetCountState <= configValue.repeats;
+    const minDaysElapsed = Date.now() - new Date(state.lastPopupAt) >= minDaysBetweenOptIns * DAY_IN_MS;
+    if (mustShowModal && hasRepeats && minDaysElapsed) {
+      const meta = getPushOptInTrackingMeta(getState());
+      dispatch(softOptInShown({
+        meta
+      }));
+      dispatch(setLastPopupTimestamp());
+      dispatch(resetAction());
+      dispatch(showPushOptInModal(configKey));
+    }
+  };
+
+  // event subscriber to handle app start based push opt in
+  subscribe(cookieConsentInitialized$, async ({
+    dispatch,
+    getState
+  }) => {
+    await showOptInAfterChecks({
+      dispatch,
+      getState
+    }, 'appStarts', increaseAppStartCount);
+  });
+
+  // event subscriber to handle order based push opt in
+  subscribe(cookieConsentInitialized$, ({
+    dispatch,
+    getState
+  }) => {
+    event.addCallback('checkoutSuccess', async () => {
+      await showOptInAfterChecks({
+        dispatch,
+        getState
+      }, 'ordersPlaced', increaseOrdersPlacedCount);
+    });
+  });
+  subscribe(increaseRejectionCount$, ({
+    dispatch
+  }) => {
+    dispatch(increaseRejectionCount());
+  });
+}

package/registration/action-creators/index.js

@@ -1,18 +1,43 @@
-import{REQUEST_REGISTRATION,SUCCESS_REGISTRATION,ERROR_REGISTRATION,VALIDATION_ERRORS_REGISTRATION}from"../constants";/**
+import { REQUEST_REGISTRATION, SUCCESS_REGISTRATION, ERROR_REGISTRATION, VALIDATION_ERRORS_REGISTRATION } from "../constants";
+
+/**
  * Creates the dispatched REQUEST_REGISTRATION action object.
  * @param {Object} customer The customer data
  * @returns {Object} The dispatched action object.
- */export var requestRegistration=function requestRegistration(customer){return{type:REQUEST_REGISTRATION,customer:customer};};/**
+ */
+export const requestRegistration = customer => ({
+  type: REQUEST_REGISTRATION,
+  customer
+});
+
+/**
  * Creates the dispatched SUCCESS_REGISTRATION action object.
  * @param {Object} response The pipeline response object
  * @returns {Object} The dispatched action object.
- */export var successRegistration=function successRegistration(response){return{type:SUCCESS_REGISTRATION,response:response};};/**
+ */
+export const successRegistration = response => ({
+  type: SUCCESS_REGISTRATION,
+  response
+});
+
+/**
  * Creates the dispatched ERROR_REGISTRATION action object.
  * @param {Error} error An error object
  * @param {Object} customer The customer data
  * @returns {Object} The dispatched action object.
- */export var errorRegistration=function errorRegistration(error,customer){return{type:ERROR_REGISTRATION,error:error,customer:customer};};/**
+ */
+export const errorRegistration = (error, customer) => ({
+  type: ERROR_REGISTRATION,
+  error,
+  customer
+});
+
+/**
  * Creates the dispatched VALIDATION_ERRORS_REGISTRATION action object.
  * @param {Array} errors An array of validation errors
  * @returns {Object} The dispatched action object.
- */export var validationErrorsRegistration=function validationErrorsRegistration(errors){return{type:VALIDATION_ERRORS_REGISTRATION,errors:errors};};
+ */
+export const validationErrorsRegistration = errors => ({
+  type: VALIDATION_ERRORS_REGISTRATION,
+  errors
+});

package/registration/actions/index.js

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

package/registration/actions/submitRegistration.js

@@ -1,4 +1,27 @@
-import{PipelineRequest,EVALIDATION}from'@shopgate/engage/core';import{SHOPGATE_USER_REGISTER}from"../constants";import{requestRegistration,validationErrorsRegistration,successRegistration,errorRegistration}from"../action-creators";/**
+import { PipelineRequest, EVALIDATION } from '@shopgate/engage/core';
+import { SHOPGATE_USER_REGISTER } from "../constants";
+import { requestRegistration, validationErrorsRegistration, successRegistration, errorRegistration } from "../action-creators";
+
+/**
  * @param {Object} customer Customer data
  * @returns {Function} A redux thunk.
- */function submitRegistration(customer){return function(dispatch){dispatch(requestRegistration(customer));var request=new PipelineRequest(SHOPGATE_USER_REGISTER).setTrusted().setErrorBlacklist([EVALIDATION]).setInput({customer:customer}).dispatch();request.then(function(response){dispatch(successRegistration(response));})["catch"](function(error){if(error.code===EVALIDATION){dispatch(validationErrorsRegistration(error.errors));}else{dispatch(errorRegistration(error,customer));}});return request;};}export default submitRegistration;
+ */
+function submitRegistration(customer) {
+  return dispatch => {
+    dispatch(requestRegistration(customer));
+    const request = new PipelineRequest(SHOPGATE_USER_REGISTER).setTrusted().setErrorBlacklist([EVALIDATION]).setInput({
+      customer
+    }).dispatch();
+    request.then(response => {
+      dispatch(successRegistration(response));
+    }).catch(error => {
+      if (error.code === EVALIDATION) {
+        dispatch(validationErrorsRegistration(error.errors));
+      } else {
+        dispatch(errorRegistration(error, customer));
+      }
+    });
+    return request;
+  };
+}
+export default submitRegistration;

package/registration/components/GuestRegistration/GuestRegistration.js

@@ -1,4 +1,22 @@
-import React,{useRef}from'react';import{useRoute}from'@shopgate/engage/core';import GuestRegistrationProvider from"../../providers/GuestRegistrationProvider";import GuestCheckoutContent from"./GuestRegistrationContent";/**
+import React, { useRef } from 'react';
+import { useRoute } from '@shopgate/engage/core';
+import GuestRegistrationProvider from "../../providers/GuestRegistrationProvider";
+import GuestCheckoutContent from "./GuestRegistrationContent";
+
+/**
  * The GuestRegistration component.
  * @returns {JSX}
- */var GuestRegistration=function GuestRegistration(){var formContainerRef=useRef(null);var _useRoute=useRoute(),id=_useRoute.id;return React.createElement(GuestRegistrationProvider,{formContainerRef:formContainerRef,routeId:id},React.createElement("div",{ref:formContainerRef},React.createElement(GuestCheckoutContent,null)));};export default GuestRegistration;
+ */
+const GuestRegistration = () => {
+  const formContainerRef = useRef(null);
+  const {
+    id
+  } = useRoute();
+  return /*#__PURE__*/React.createElement(GuestRegistrationProvider, {
+    formContainerRef: formContainerRef,
+    routeId: id
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: formContainerRef
+  }, /*#__PURE__*/React.createElement(GuestCheckoutContent, null)));
+};
+export default GuestRegistration;

package/registration/components/GuestRegistration/GuestRegistrationContent.js

@@ -1,4 +1,61 @@
-import React,{Fragment,useMemo}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import CheckoutHeader from"../../../checkout/components/Checkout/CheckoutHeader";import RegistrationFormBilling from"../Registration/RegistrationFormBilling";import RegistrationFormShipping from"../Registration/RegistrationFormShipping";import RegistrationFormExtra from"../Registration/RegistrationFormExtra";import RegistrationFormToggle from"../Registration/RegistrationFormToggle";import RegistrationFormActions from"../Registration/RegistrationFormActions";import RegistrationFormPickup from"./GuestRegistrationFormPickup";import{useRegistration}from"../../hooks";var variables=themeConfig.variables;var styles={container:css({padding:"".concat(variables.gap.big,"px ").concat(variables.gap.big,"px 0"),display:'flex',flex:'0 0 auto',flexDirection:'column','@media(min-width: 768px)':{width:'50%',paddingRight:0}})};/**
+import React, { Fragment, useMemo } from 'react';
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+import CheckoutHeader from "../../../checkout/components/Checkout/CheckoutHeader";
+import RegistrationFormBilling from "../Registration/RegistrationFormBilling";
+import RegistrationFormShipping from "../Registration/RegistrationFormShipping";
+import RegistrationFormExtra from "../Registration/RegistrationFormExtra";
+import RegistrationFormToggle from "../Registration/RegistrationFormToggle";
+import RegistrationFormActions from "../Registration/RegistrationFormActions";
+import RegistrationFormPickup from "./GuestRegistrationFormPickup";
+import { useRegistration } from "../../hooks";
+const {
+  variables
+} = themeConfig;
+const styles = {
+  container: css({
+    padding: `${variables.gap.big}px ${variables.gap.big}px 0`,
+    display: 'flex',
+    flex: '0 0 auto',
+    flexDirection: 'column',
+    '@media(min-width: 768px)': {
+      width: '50%',
+      paddingRight: 0
+    }
+  })
+};
+
+/**
  * The GuestRegistrationContent component.
  * @returns {JSX}
- */var GuestRegistrationContent=function GuestRegistrationContent(){var _useRegistration=useRegistration(true),orderReserveOnly=_useRegistration.orderReserveOnly,guestRegistrationEditMode=_useRegistration.guestRegistrationEditMode;var headline=useMemo(function(){if(guestRegistrationEditMode){return orderReserveOnly?'checkout.change_contacts':'checkout.change_addresses';}return'titles.checkout';},[guestRegistrationEditMode,orderReserveOnly]);return React.createElement(Fragment,null,React.createElement(CheckoutHeader,{stepFrom:!guestRegistrationEditMode?1:null,stepTo:!guestRegistrationEditMode?2:null,headline:headline}),React.createElement("div",{className:styles.container},React.createElement(RegistrationFormBilling,{isGuest:true}),React.createElement(RegistrationFormToggle,{isGuest:true}),React.createElement(RegistrationFormShipping,{isGuest:true}),React.createElement(RegistrationFormExtra,{isGuest:true}),React.createElement(RegistrationFormPickup,null)),React.createElement(RegistrationFormActions,{isGuest:true}));};export default GuestRegistrationContent;
+ */
+const GuestRegistrationContent = () => {
+  const {
+    orderReserveOnly,
+    guestRegistrationEditMode
+  } = useRegistration(true);
+  const headline = useMemo(() => {
+    if (guestRegistrationEditMode) {
+      return orderReserveOnly ? 'checkout.change_contacts' : 'checkout.change_addresses';
+    }
+    return 'titles.checkout';
+  }, [guestRegistrationEditMode, orderReserveOnly]);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CheckoutHeader, {
+    stepFrom: !guestRegistrationEditMode ? 1 : null,
+    stepTo: !guestRegistrationEditMode ? 2 : null,
+    headline: headline
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement(RegistrationFormBilling, {
+    isGuest: true
+  }), /*#__PURE__*/React.createElement(RegistrationFormToggle, {
+    isGuest: true
+  }), /*#__PURE__*/React.createElement(RegistrationFormShipping, {
+    isGuest: true
+  }), /*#__PURE__*/React.createElement(RegistrationFormExtra, {
+    isGuest: true
+  }), /*#__PURE__*/React.createElement(RegistrationFormPickup, null)), /*#__PURE__*/React.createElement(RegistrationFormActions, {
+    isGuest: true
+  }));
+};
+export default GuestRegistrationContent;

package/registration/components/GuestRegistration/GuestRegistrationFormPickup.config.js

@@ -1,8 +1,64 @@
-import{i18n}from'@shopgate/engage/core/helpers';var pickupFieldActions=[{type:'setVisibility',rules:[{context:'pickupPerson',type:'oneOf',data:['someoneElse']}]}];/**
+import { i18n } from '@shopgate/engage/core/helpers';
+const pickupFieldActions = [{
+  type: 'setVisibility',
+  rules: [{
+    context: 'pickupPerson',
+    type: 'oneOf',
+    data: ['someoneElse']
+  }]
+}];
+
+/**
  * Generates form configuration.
  * @param {Object} options Options for the helper
  * @param {Array} options.supportedCountries A list of supported countries.
  * @param {Array} options.countrySortOrder Sort order for supported countries.
  * @param {Object} options.userLocation User location for better phone picker defaults.
  * @returns {Object}
- */var generateFormConfig=function generateFormConfig(_ref){var supportedCountries=_ref.supportedCountries,countrySortOrder=_ref.countrySortOrder,userLocation=_ref.userLocation;return{fields:{pickupPerson:{type:'radio',label:i18n.text('checkout.pickup_contact.form.who_will_pickup'),options:{me:i18n.text('checkout.pickup_contact.form.me'),someoneElse:i18n.text('checkout.pickup_contact.form.someone_else')}},firstName:{type:'text',actions:pickupFieldActions,label:"".concat(i18n.text('checkout.pickup_contact.form.firstName')," *"),required:true},lastName:{type:'text',actions:pickupFieldActions,label:"".concat(i18n.text('checkout.pickup_contact.form.lastName')," *"),required:true},emailAddress:{type:'email',actions:pickupFieldActions,label:"".concat(i18n.text('checkout.pickup_contact.form.emailAddress')," *"),required:true},mobile:{type:'phone_picker',label:"".concat(i18n.text('checkout.pickup_contact.form.mobile')," *"),required:true,actions:pickupFieldActions,config:{supportedCountries:supportedCountries,countrySortOrder:countrySortOrder,userLocation:userLocation}}}};};export default generateFormConfig;
+ */
+const generateFormConfig = ({
+  supportedCountries,
+  countrySortOrder,
+  userLocation
+}) => ({
+  fields: {
+    pickupPerson: {
+      type: 'radio',
+      label: i18n.text('checkout.pickup_contact.form.who_will_pickup'),
+      options: {
+        me: i18n.text('checkout.pickup_contact.form.me'),
+        someoneElse: i18n.text('checkout.pickup_contact.form.someone_else')
+      }
+    },
+    firstName: {
+      type: 'text',
+      actions: pickupFieldActions,
+      label: `${i18n.text('checkout.pickup_contact.form.firstName')} *`,
+      required: true
+    },
+    lastName: {
+      type: 'text',
+      actions: pickupFieldActions,
+      label: `${i18n.text('checkout.pickup_contact.form.lastName')} *`,
+      required: true
+    },
+    emailAddress: {
+      type: 'email',
+      actions: pickupFieldActions,
+      label: `${i18n.text('checkout.pickup_contact.form.emailAddress')} *`,
+      required: true
+    },
+    mobile: {
+      type: 'phone_picker',
+      label: `${i18n.text('checkout.pickup_contact.form.mobile')} *`,
+      required: true,
+      actions: pickupFieldActions,
+      config: {
+        supportedCountries,
+        countrySortOrder,
+        userLocation
+      }
+    }
+  }
+});
+export default generateFormConfig;

package/registration/components/GuestRegistration/GuestRegistrationFormPickup.js

@@ -1,4 +1,83 @@
-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 React,{useMemo,useCallback}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/engage';import{FormBuilder}from'@shopgate/engage/components';import{StylePresets}from'@shopgate/engage/components/Form';import{ELEMENT_ID_PICKUP_CONTACT}from"../../constants";import generateFormConfig from"./GuestRegistrationFormPickup.config";import Section from"../../../checkout/components/Checkout/CheckoutSection";import{useRegistration}from"../../hooks";var variables=themeConfig.variables;var styles={root:css({display:'flex',flex:'0 0 auto',flexDirection:'column'}).toString(),form:css(_extends({' .guestFormPickupPerson':{marginTop:variables.gap.small},' .guestFormPickupPerson .me':{marginRight:variables.gap.big},' .guestFormPickupPerson .label span':{color:'var(--color-text-high-emphasis)',fontWeight:'bold'},' .guestFormPickupPerson .radioGroup':{marginTop:variables.gap.small,flexDirection:'row',' .uncheckedIcon':{color:'var(--color-text-medium-emphasis)'}}},StylePresets.OUTLINED_FORM_FIELDS)).toString()};/**
+import React, { useMemo, useCallback } from 'react';
+import { css } from 'glamor';
+import { themeConfig } from '@shopgate/engage';
+import { FormBuilder } from '@shopgate/engage/components';
+import { StylePresets } from '@shopgate/engage/components/Form';
+import { ELEMENT_ID_PICKUP_CONTACT } from "../../constants";
+import generateFormConfig from "./GuestRegistrationFormPickup.config";
+import Section from "../../../checkout/components/Checkout/CheckoutSection";
+import { useRegistration } from "../../hooks";
+const {
+  variables
+} = themeConfig;
+const styles = {
+  root: css({
+    display: 'flex',
+    flex: '0 0 auto',
+    flexDirection: 'column'
+  }).toString(),
+  form: css({
+    ' .guestFormPickupPerson': {
+      marginTop: variables.gap.small
+    },
+    ' .guestFormPickupPerson .me': {
+      marginRight: variables.gap.big
+    },
+    ' .guestFormPickupPerson .label span': {
+      color: 'var(--color-text-high-emphasis)',
+      fontWeight: 'bold'
+    },
+    ' .guestFormPickupPerson .radioGroup': {
+      marginTop: variables.gap.small,
+      flexDirection: 'row',
+      ' .uncheckedIcon': {
+        color: 'var(--color-text-medium-emphasis)'
+      }
+    },
+    ...StylePresets.OUTLINED_FORM_FIELDS
+  }).toString()
+};
+
+/**
  * PickupContactForm
  * @returns {JSX}
- */var GuestRegistrationFormPickup=function GuestRegistrationFormPickup(){var _useRegistration=useRegistration(true),supportedCountries=_useRegistration.supportedCountries,countrySortOrder=_useRegistration.countrySortOrder,userLocation=_useRegistration.userLocation,defaultPickupFormState=_useRegistration.defaultPickupFormState,pickupFormValidationErrors=_useRegistration.pickupFormValidationErrors,updatePickupForm=_useRegistration.updatePickupForm,orderReserveOnly=_useRegistration.orderReserveOnly,isPickupContactSelectionEnabled=_useRegistration.isPickupContactSelectionEnabled;var formConfig=React.useMemo(function(){return generateFormConfig({supportedCountries:supportedCountries,countrySortOrder:countrySortOrder,userLocation:userLocation});},[countrySortOrder,supportedCountries,userLocation]);var handleUpdate=useCallback(function(values){updatePickupForm(values);},[updatePickupForm]);var headline=useMemo(function(){return orderReserveOnly?'checkout.pickup_contact.headline_reserve':'checkout.pickup_contact.headline';},[orderReserveOnly]);if(!isPickupContactSelectionEnabled){return null;}return React.createElement("div",{className:styles.root},React.createElement(Section,{title:headline,hasForm:true,id:ELEMENT_ID_PICKUP_CONTACT},React.createElement(FormBuilder,{className:styles.form,name:"GuestForm",config:formConfig,defaults:defaultPickupFormState,validationErrors:pickupFormValidationErrors,handleUpdate:handleUpdate})));};export default GuestRegistrationFormPickup;
+ */
+const GuestRegistrationFormPickup = () => {
+  const {
+    supportedCountries,
+    countrySortOrder,
+    userLocation,
+    defaultPickupFormState,
+    pickupFormValidationErrors,
+    updatePickupForm,
+    orderReserveOnly,
+    isPickupContactSelectionEnabled
+  } = useRegistration(true);
+  const formConfig = React.useMemo(() => generateFormConfig({
+    supportedCountries,
+    countrySortOrder,
+    userLocation
+  }), [countrySortOrder, supportedCountries, userLocation]);
+  const handleUpdate = useCallback(values => {
+    updatePickupForm(values);
+  }, [updatePickupForm]);
+  const headline = useMemo(() => orderReserveOnly ? 'checkout.pickup_contact.headline_reserve' : 'checkout.pickup_contact.headline', [orderReserveOnly]);
+  if (!isPickupContactSelectionEnabled) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement(Section, {
+    title: headline,
+    hasForm: true,
+    id: ELEMENT_ID_PICKUP_CONTACT
+  }, /*#__PURE__*/React.createElement(FormBuilder, {
+    className: styles.form,
+    name: "GuestForm",
+    config: formConfig,
+    defaults: defaultPickupFormState,
+    validationErrors: pickupFormValidationErrors,
+    handleUpdate: handleUpdate
+  })));
+};
+export default GuestRegistrationFormPickup;

package/registration/components/Registration/Registration.js

@@ -1,4 +1,17 @@
-import React,{useRef}from'react';import RegistrationProvider from"../../providers/RegistrationProvider";import RegistrationContent from"./RegistrationContent";/**
+import React, { useRef } from 'react';
+import RegistrationProvider from "../../providers/RegistrationProvider";
+import RegistrationContent from "./RegistrationContent";
+
+/**
  * The Registration component.
  * @returns {JSX}
- */var Registration=function Registration(){var formContainerRef=useRef(null);return React.createElement(RegistrationProvider,{formContainerRef:formContainerRef},React.createElement(RegistrationContent,{ref:formContainerRef}));};export default Registration;
+ */
+const Registration = () => {
+  const formContainerRef = useRef(null);
+  return /*#__PURE__*/React.createElement(RegistrationProvider, {
+    formContainerRef: formContainerRef
+  }, /*#__PURE__*/React.createElement(RegistrationContent, {
+    ref: formContainerRef
+  }));
+};
+export default Registration;