@shopgate/engage 7.27.3-alpha.17 → 7.27.3-alpha.18

package/cart/components/PaymentBar/PaymentBar.js

@@ -0,0 +1,5 @@
+import*as React from'react';import PropTypes from'prop-types';import{hot}from'react-hot-loader/root';import{createPortal}from'react-dom';import PaymentBarContent from"./PaymentBarContent";/**
+ * The cart payment bar component.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */function PaymentBar(_ref){var visible=_ref.visible,showSeparator=_ref.showSeparator;var domElement=document.getElementById('AppFooter');if(!visible||!domElement){return null;}return createPortal(React.createElement(PaymentBarContent,{showSeparator:showSeparator}),domElement);}PaymentBar.defaultProps={visible:true,showSeparator:false};export default hot(PaymentBar);

package/cart/components/PaymentBar/PaymentBarAppliedPromotions.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getAppliedPromotionsWithoutCoupons}from"../../cart.selectors";/**
+ * 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{promotions:getAppliedPromotionsWithoutCoupons(state)};};export default connect(mapStateToProps);

package/cart/components/PaymentBar/PaymentBarAppliedPromotions.js

@@ -0,0 +1,3 @@
+import React,{useContext}from'react';import PropTypes from'prop-types';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{i18n}from'@shopgate/engage/core';import{CartContext}from"../../cart.context";import PaymentBarPromotionalText from"./PaymentBarPromotionalText";import{spacer}from"./PaymentBarContent.style";import connect from"./PaymentBarAppliedPromotions.connector";/**
+ * @returns {JSX}
+ */var PaymentBarAppliedPromotions=function PaymentBarAppliedPromotions(_ref){var promotions=_ref.promotions,className=_ref.className,showSeparator=_ref.showSeparator;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading,currency=_useContext.currency,hasPromotionCoupons=_useContext.hasPromotionCoupons;return promotions.map(function(promotion){var discount=promotion.discount,code=promotion.code,name=promotion.name,promotionalText=promotion.promotionalText;var amount=discount.absoluteAmount;return React.createElement(CartTotalLine,{key:"promotion-".concat(code,"-").concat(amount),isDisabled:isLoading,className:className},React.createElement(CartTotalLine.Label,{label:i18n.text('cart.promotion_label',{label:name}),showSeparator:showSeparator,suffix:React.createElement(PaymentBarPromotionalText,{text:promotionalText})}),React.createElement(CartTotalLine.Amount,{amount:amount,currency:currency}),hasPromotionCoupons&&React.createElement(CartTotalLine.Spacer,{className:spacer}));});};PaymentBarAppliedPromotions.defaultProps={className:null,showSeparator:true};export default connect(PaymentBarAppliedPromotions);

package/cart/components/PaymentBar/PaymentBarCheckoutButton.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getOrderableStatus}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * 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{isOrderable:getOrderableStatus(state)};};export default connect(mapStateToProps);

package/cart/components/PaymentBar/PaymentBarCheckoutButton.js

@@ -0,0 +1,5 @@
+import React,{useContext,useMemo}from'react';import I18n from'@shopgate/pwa-common/components/I18n';import Link from'@shopgate/pwa-common/components/Link';import{SurroundPortals}from'@shopgate/engage/components';import{CART_CHECKOUT_BUTTON}from'@shopgate/pwa-common-commerce/cart/constants/Portals';import RippleButton from'@shopgate/pwa-ui-shared/RippleButton';import{CHECKOUT_PATH}from'@shopgate/pwa-common/constants/RoutePaths';import PropTypes from'prop-types';import{CartContext}from"../../cart.context";import connect from"./PaymentBarCheckoutButton.connector";import{button,disabledButton}from"./PaymentBarCheckoutButton.style";/**
+ * Renders the cart payment bar checkout button.
+ * @param {boolean} isOrderable Whether the cart is orderable.
+ * @return {JSX.Element}
+ */var PaymentBarCheckoutButton=function PaymentBarCheckoutButton(_ref){var isOrderable=_ref.isOrderable;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading;var isActive=useMemo(function(){return isOrderable&&!isLoading;},[isLoading,isOrderable]);return React.createElement(SurroundPortals,{portalName:CART_CHECKOUT_BUTTON,portalProps:{isActive:isActive}},React.createElement(Link,{href:CHECKOUT_PATH,disabled:!isActive,tabIndex:0,role:"button","aria-disabled":!isActive},React.createElement(RippleButton,{disabled:!isActive,type:"regular",className:isActive?button:disabledButton},React.createElement(I18n.Text,{string:"cart.checkout"}))));};PaymentBarCheckoutButton.defaultProps={isOrderable:true};export default connect(PaymentBarCheckoutButton);

package/cart/components/PaymentBar/PaymentBarCheckoutButton.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;export var button=css({width:'100%',background:"var(--color-button-cta, ".concat(colors.cta,")"),color:"var(--color-button-cta-contrast, ".concat(colors.ctaContrast,")!important")}).toString();export var disabledButton=css({width:'100%',background:colors.shade7,color:"".concat(colors.shade4,"!important")}).toString();

package/cart/components/PaymentBar/PaymentBarContent.js

@@ -0,0 +1,4 @@
+import*as React from'react';import PropTypes from'prop-types';import classNames from'classnames';import Grid from'@shopgate/pwa-common/components/Grid';import{SurroundPortals}from'@shopgate/engage/components';import{CART_PAYMENT_BAR,CART_PAYMENT_BAR_TOTALS}from'@shopgate/pwa-common-commerce/cart/constants/Portals';import PaymentBarShippingCost from"./PaymentBarShippingCost";import PaymentBarDiscounts from"./PaymentBarDiscounts";import PaymentBarTax from"./PaymentBarTax";import PaymentBarSubTotal from"./PaymentBarSubTotal";import PaymentBarGrandTotal from"./PaymentBarGrandTotal";import PaymentBarCheckoutButton from"./PaymentBarCheckoutButton";import PaymentBarPromotionCoupons from"./PaymentBarPromotionCoupons";import PaymentBarAppliedPromotions from"./PaymentBarAppliedPromotions";import{wrapper,container,checkoutButtonContainer,checkoutButton}from"./PaymentBarContent.style";/**
+ * The PaymentBarContent component.
+ * @returns {JSX}
+ */function PaymentBarContent(_ref){var showSeparator=_ref.showSeparator;return React.createElement("div",{className:classNames(wrapper,'theme__cart__payment-bar')},React.createElement(SurroundPortals,{portalName:CART_PAYMENT_BAR},React.createElement(Grid,{className:container},React.createElement(SurroundPortals,{portalName:CART_PAYMENT_BAR_TOTALS},React.createElement(PaymentBarSubTotal,{showSeparator:showSeparator}),React.createElement(PaymentBarAppliedPromotions,{showSeparator:showSeparator}),React.createElement(PaymentBarPromotionCoupons,{showSeparator:showSeparator}),React.createElement(PaymentBarDiscounts,{showSeparator:showSeparator}),React.createElement(PaymentBarShippingCost,{showSeparator:showSeparator}),React.createElement(PaymentBarTax,{showSeparator:showSeparator}),React.createElement(PaymentBarGrandTotal,{showSeparator:showSeparator}))),React.createElement("div",{className:checkoutButtonContainer},React.createElement("div",{className:checkoutButton},React.createElement(PaymentBarCheckoutButton,null)))));}PaymentBarContent.defaultProps={showSeparator:true};export default PaymentBarContent;

package/cart/components/PaymentBar/PaymentBarContent.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{isIOSTheme}from'@shopgate/engage/core';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors,variables=themeConfig.variables,shadows=themeConfig.shadows;export var wrapper=css({background:colors.light,boxShadow:shadows.cart.paymentBar,position:'relative',zIndex:2,paddingBottom:'var(--safe-area-inset-bottom)'});export var container=css({padding:isIOSTheme()?variables.gap.small:variables.gap.big,paddingBottom:0,lineHeight:1.45,flexWrap:'wrap',flexDirection:'column',minWidth:'auto'}).toString();export var checkoutButton=css({display:'flex',justifyContent:'flex-end',flexDirection:'column'});export var checkoutButtonContainer=css({background:colors.light,alignItems:'center',padding:isIOSTheme()?variables.gap.small:variables.gap.big,position:'relative',zIndex:2});export var spacer=css({width:isIOSTheme()?27:32,order:1,flexShrink:0}).toString();

package/cart/components/PaymentBar/PaymentBarDiscounts.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getDiscounts}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * 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{discounts:getDiscounts(state)};};export default connect(mapStateToProps);

package/cart/components/PaymentBar/PaymentBarDiscounts.js

@@ -0,0 +1,4 @@
+import*as React from'react';import{SurroundPortals}from'@shopgate/engage/components';import{CART_PAYMENT_BAR_TOTALS_DISCOUNTS}from'@shopgate/pwa-common-commerce/cart';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{CartContext}from"../../cart.context";import{spacer}from"./PaymentBarContent.style";import connect from"./PaymentBarDiscounts.connector";/**
+ * The Discounts component.
+ * @returns {JSX}
+ */function PaymentBarDiscounts(_ref){var discounts=_ref.discounts,showSeparator=_ref.showSeparator,className=_ref.className;var _React$useContext=React.useContext(CartContext),currency=_React$useContext.currency,isLoading=_React$useContext.isLoading,hasPromotionCoupons=_React$useContext.hasPromotionCoupons;if(!discounts){return null;}return React.createElement(SurroundPortals,{portalName:CART_PAYMENT_BAR_TOTALS_DISCOUNTS},discounts.map(function(_ref2){var label=_ref2.label,amount=_ref2.amount;return React.createElement(CartTotalLine,{key:"discount-".concat(label,"-").concat(amount),type:"discount",isDisabled:isLoading,className:className},React.createElement(CartTotalLine.Label,{label:label?'cart.discount_with_label':'cart.discount',labelParams:{label:label},showSeparator:showSeparator}),React.createElement(CartTotalLine.Amount,{amount:-amount,currency:currency}),hasPromotionCoupons&&React.createElement(CartTotalLine.Spacer,{className:spacer}));}));}PaymentBarDiscounts.defaultProps={discounts:null,className:null,showSeparator:true};export default connect(PaymentBarDiscounts);

package/cart/components/PaymentBar/PaymentBarGrandTotal.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getGrandTotal}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * 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{amount:getGrandTotal(state)};};export default connect(mapStateToProps);

package/cart/components/PaymentBar/PaymentBarGrandTotal.js

@@ -0,0 +1,4 @@
+import*as React from'react';import{SurroundPortals}from'@shopgate/engage/components';import{CART_PAYMENT_BAR_TOTALS_GRAND_TOTAL}from'@shopgate/pwa-common-commerce/cart/constants/Portals';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{CartContext}from"../../cart.context";import{spacer}from"./PaymentBarContent.style";import connect from"./PaymentBarGrandTotal.connector";/**
+ * The GrandTotal component.
+ * @returns {JSX}
+ */function PaymentBarGrandTotal(_ref){var amount=_ref.amount,label=_ref.label,showSeparator=_ref.showSeparator,className=_ref.className;var _React$useContext=React.useContext(CartContext),hideTotal=_React$useContext.config.hideTotal,isLoading=_React$useContext.isLoading,currency=_React$useContext.currency,hasPromotionCoupons=_React$useContext.hasPromotionCoupons;if(hideTotal){return null;}return React.createElement(SurroundPortals,{portalName:CART_PAYMENT_BAR_TOTALS_GRAND_TOTAL},React.createElement(CartTotalLine,{isDisabled:isLoading,type:"grandTotal",className:className},React.createElement(CartTotalLine.Label,{label:label,showSeparator:showSeparator}),React.createElement(CartTotalLine.Amount,{amount:amount,currency:currency}),hasPromotionCoupons&&React.createElement(CartTotalLine.Spacer,{className:spacer})));}PaymentBarGrandTotal.defaultProps={className:null,showSeparator:true,label:'cart.total'};export default connect(PaymentBarGrandTotal);

package/cart/components/PaymentBar/PaymentBarPromotionCouponMessages.js

@@ -0,0 +1,4 @@
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Fragment,useContext}from'react';import PropTypes from'prop-types';import classNames from'classnames';import{css}from'glamor';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{errorBehavior}from'@shopgate/engage/core';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{CartContext}from"../../cart.context";import{spacer}from"./PaymentBarContent.style";var styles={line:css(_defineProperty({justifyContent:'start'},responsiveMediaQuery('<=xs',{appAlways:true}),{fontSize:'0.75rem',paddingBottom:3})).toString(),message:css({order:2}).toString(),error:css({color:'var(--color-state-alert)'}).toString(),warning:css({color:'var(--color-state-warning)'}).toString(),info:css({color:'var(--color-state-ok)'}).toString(),loading:css({opacity:0.4}).toString()};/**
+ * @param {Object} props The components props
+ * @returns {JSX}
+ */var PaymentBarPromotionCouponMessages=function PaymentBarPromotionCouponMessages(_ref){var messages=_ref.messages;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading;if(!messages.length){return null;}return messages.map(function(_ref2){var message=_ref2.message,additionalParams=_ref2.additionalParams,type=_ref2.type;return React.createElement(CartTotalLine,{className:styles.line,key:message},React.createElement(Fragment,null,React.createElement(CartTotalLine.Spacer,{className:spacer}),React.createElement("div",{className:classNames(styles.message,_defineProperty(_defineProperty(_defineProperty(_defineProperty({},styles.loading,isLoading),styles.error,type==='error'),styles.warning,type==='warning'),styles.info,type==='info'))},errorBehavior.getErrorMessage(message,additionalParams))));});};PaymentBarPromotionCouponMessages.defaultProps={messages:[]};export default PaymentBarPromotionCouponMessages;

package/cart/components/PaymentBar/PaymentBarPromotionCoupons.connector.js

@@ -0,0 +1,8 @@
+import{connect}from'react-redux';import{getPromotionCoupons,deleteCouponsFromCart}from'@shopgate/engage/cart';/**
+ * 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{coupons:getPromotionCoupons(state)};};/**
+ * @param {Function} dispatch The redux dispatch function.
+ * @return {Object} The extended component props.
+ */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{deleteCoupon:function deleteCoupon(couponCode){return dispatch(deleteCouponsFromCart([couponCode]));}};};export default connect(mapStateToProps,mapDispatchToProps);

package/cart/components/PaymentBar/PaymentBarPromotionCoupons.js

@@ -0,0 +1,3 @@
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{useContext,Fragment}from'react';import PropTypes from'prop-types';import{css}from'glamor';import classNames from'classnames';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{i18n}from'@shopgate/engage/core';import{CrossIcon}from'@shopgate/engage/components';import{responsiveMediaQuery}from'@shopgate/engage/styles';import PaymentBarPromotionCouponMessages from"./PaymentBarPromotionCouponMessages";import{CartContext}from"../../cart.context";import PaymentBarPromotionalText from"./PaymentBarPromotionalText";import{spacer}from"./PaymentBarContent.style";import connect from"./PaymentBarPromotionCoupons.connector";var styles={icon:css(_defineProperty({backgroundColor:'#898989',color:'#fff',borderRadius:32,padding:4,cursor:'pointer',fontSize:'0.75rem',display:'inline-flex'},responsiveMediaQuery('<=xs',{appAlways:true}),{padding:3})).toString(),withMessages:css({paddingBottom:'0px !important'}).toString()};/**
+ * @returns {JSX}
+ */var PaymentBarPromotionCoupons=function PaymentBarPromotionCoupons(_ref){var coupons=_ref.coupons,className=_ref.className,deleteCoupon=_ref.deleteCoupon,showSeparator=_ref.showSeparator;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading,currency=_useContext.currency;return coupons.map(function(coupon){var code=coupon.code,promotion=coupon.promotion,messages=coupon.messages;var _ref2=promotion||{},_ref2$discount=_ref2.discount,discount=_ref2$discount===void 0?{}:_ref2$discount,promotionalText=_ref2.promotionalText;var amount=discount.absoluteAmount;var hasError=false;if(Array.isArray(messages)&&messages.length){hasError=!!messages.find(function(_ref3){var type=_ref3.type;return type==='error';});}return React.createElement(Fragment,{key:"promotion-coupon-".concat(code,"-").concat(amount)},React.createElement(CartTotalLine,{isDisabled:isLoading,className:classNames(className,_defineProperty({},styles.withMessages,!!messages.length))},React.createElement(CartTotalLine.Label,{label:i18n.text('cart.coupon_label',{label:code}),showSeparator:showSeparator,suffix:!hasError?React.createElement(PaymentBarPromotionalText,{text:promotionalText}):null}),amount&&React.createElement(CartTotalLine.Amount,{amount:amount,currency:currency}),React.createElement(CartTotalLine.Spacer,{className:spacer},React.createElement("div",{className:styles.icon,onClick:function onClick(){deleteCoupon(code);},onKeyDown:function onKeyDown(){deleteCoupon(code);},role:"button",tabIndex:0},React.createElement(CrossIcon,null)))),React.createElement(PaymentBarPromotionCouponMessages,{messages:messages}),hasError&&React.createElement(PaymentBarPromotionalText,{text:promotionalText,renderIcon:false}));});};PaymentBarPromotionCoupons.defaultProps={className:null,showSeparator:true};export default connect(PaymentBarPromotionCoupons);

package/cart/components/PaymentBar/PaymentBarPromotionalText.js

@@ -0,0 +1,4 @@
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Fragment,useCallback,useContext}from'react';import PropTypes from'prop-types';import{css}from'glamor';import{connect}from'react-redux';import classNames from'classnames';import{nl2br,showModal as showModalAction}from'@shopgate/engage/core';import{InfoIcon}from'@shopgate/engage/components';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{spacer}from"./PaymentBarContent.style";import{CartContext}from"../../cart.context";var mapDispatchToProps={showModal:showModalAction};var variables=themeConfig.variables;var styles={textWrapper:css({padding:"".concat(variables.gap.xsmall,"px 0"),color:'var(--color-state-alert)',order:3}).toString(),line:css(_defineProperty({justifyContent:'start'},responsiveMediaQuery('<=xs',{appAlways:true}),{fontSize:'0.75rem',paddingBottom:3,verticalAlign:'text-bottom'})).toString(),message:css({order:2}).toString(),iconWrapper:css(_defineProperty({cursor:'pointer',color:'var(--color-primary)',fontSize:'1.5rem',display:'inline-flex',verticalAlign:'bottom',paddingBottom:1},responsiveMediaQuery('<=xs',{appAlways:true}),{fontSize:'1.375rem',paddingBottom:0})).toString(),icon:css({display:'inline'}).toString(),loading:css({opacity:0.5}).toString()};/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var PaymentBarPromotionalText=function PaymentBarPromotionalText(_ref){var text=_ref.text,showModal=_ref.showModal,renderIcon=_ref.renderIcon;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading;var showText=useCallback(function(){showModal({message:text,title:null,confirm:null,dismiss:'modal.ok'});},[showModal,text]);if(!text){return null;}if(!renderIcon){return React.createElement(CartTotalLine,{className:styles.line},React.createElement(Fragment,null,React.createElement("div",{className:classNames(styles.textWrapper,_defineProperty({},styles.loading,isLoading)),dangerouslySetInnerHTML:{__html:nl2br(text)}}),React.createElement(CartTotalLine.Spacer,{className:spacer})));}return React.createElement("span",{onClick:showText,onKeyDown:showText,className:classNames(styles.iconWrapper,_defineProperty({},styles.loading,isLoading)),role:"button",tabIndex:0},React.createElement(InfoIcon,{className:styles.icon}));};PaymentBarPromotionalText.defaultProps={text:null,renderIcon:true};export default connect(null,mapDispatchToProps)(PaymentBarPromotionalText);

package/cart/components/PaymentBar/PaymentBarReserveButton.connector.js

@@ -0,0 +1 @@
+import{connect}from'react-redux';import{historyReset}from'@shopgate/pwa-common/actions/router';var mapDispatchToProps={historyReset:historyReset};export default connect(null,mapDispatchToProps);

package/cart/components/PaymentBar/PaymentBarReserveButton.js

@@ -0,0 +1,7 @@
+import*as React from'react';import{I18n,SurroundPortals,RippleButton}from'@shopgate/engage/components';import{CART_CHECKOUT_BUTTON}from'@shopgate/pwa-common-commerce/cart/constants/Portals';import{FulfillmentSheet,STAGE_RESERVE_FORM}from"../../../locations";import{CartContext}from"../../cart.context";import{button,disabledButton}from"./PaymentBarCheckoutButton.style";import connect from"./PaymentBarReserveButton.connector";/**
+ * The reserve button component.
+ * @param {Object} props The component props.
+ * @return {JSX}
+ */function PaymentBarReserveButton(_ref){var historyReset=_ref.historyReset;var _React$useContext=React.useContext(CartContext),orderable=_React$useContext.flags.orderable;/**
+   * Handles the click on the button.
+   */function handleClick(){FulfillmentSheet.open({stage:STAGE_RESERVE_FORM,callback:function callback(l,p,orderSuccess){if(orderSuccess===true){historyReset();}}});}return React.createElement(SurroundPortals,{portalName:CART_CHECKOUT_BUTTON,portalProps:{isActive:orderable}},React.createElement(RippleButton,{onClick:handleClick,disabled:!orderable,type:"regular",className:orderable?button:disabledButton},React.createElement(I18n.Text,{string:"cart.reserve"})));}export default connect(PaymentBarReserveButton);

package/cart/components/PaymentBar/PaymentBarShippingCost.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getShippingCost}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * 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{shippingCost:getShippingCost(state)};};export default connect(mapStateToProps);

package/cart/components/PaymentBar/PaymentBarShippingCost.js

@@ -0,0 +1,3 @@
+import*as React from'react';import{SurroundPortals}from'@shopgate/engage/components';import{CART_PAYMENT_BAR_TOTALS_SHIPPING,getShippingLine}from'@shopgate/pwa-common-commerce/cart';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{CartContext}from"../../cart.context";import{spacer}from"./PaymentBarContent.style";import connect from"./PaymentBarShippingCost.connector";/**
+ * @returns {JSX}
+ */function PaymentBarShippingCost(_ref){var shippingCost=_ref.shippingCost,showSeparator=_ref.showSeparator,className=_ref.className;var _React$useContext=React.useContext(CartContext),currency=_React$useContext.currency,isLoading=_React$useContext.isLoading,isUserLoggedIn=_React$useContext.isUserLoggedIn,config=_React$useContext.config,hasPromotionCoupons=_React$useContext.hasPromotionCoupons;var shippingLine=React.useMemo(function(){return getShippingLine(config,isUserLoggedIn,shippingCost);},[config,isUserLoggedIn,shippingCost]);return React.createElement(SurroundPortals,{portalName:CART_PAYMENT_BAR_TOTALS_SHIPPING},shippingLine&&React.createElement(CartTotalLine,{isDisabled:isLoading,type:"shipping",className:className},React.createElement(CartTotalLine.Label,{label:shippingLine.label,showSeparator:showSeparator!==null?showSeparator:!!shippingLine.amount}),React.createElement(CartTotalLine.Amount,{amount:shippingLine.amount,currency:currency}),React.createElement(CartTotalLine.Hint,{hint:shippingLine.hint}),hasPromotionCoupons&&React.createElement(CartTotalLine.Spacer,{className:spacer})));}PaymentBarShippingCost.defaultProps={className:null,showSeparator:true,shippingCost:null};export default connect(PaymentBarShippingCost);

package/cart/components/PaymentBar/PaymentBarSubTotal.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getSubTotal}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * 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{amount:getSubTotal(state)};};export default connect(mapStateToProps);

package/cart/components/PaymentBar/PaymentBarSubTotal.js

@@ -0,0 +1,3 @@
+import*as React from'react';import{SurroundPortals}from'@shopgate/engage/components';import{CART_PAYMENT_BAR_TOTALS_SUB_TOTAL}from'@shopgate/pwa-common-commerce/cart/constants/Portals';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{CartContext}from"../../cart.context";import{spacer}from"./PaymentBarContent.style";import connect from"./PaymentBarSubTotal.connector";/**
+ * @returns {JSX}
+ */function PaymentBarSubTotal(_ref){var amount=_ref.amount,label=_ref.label,showSeparator=_ref.showSeparator,className=_ref.className;var _React$useContext=React.useContext(CartContext),currency=_React$useContext.currency,isLoading=_React$useContext.isLoading,hasPromotionCoupons=_React$useContext.hasPromotionCoupons;return React.createElement(SurroundPortals,{portalName:CART_PAYMENT_BAR_TOTALS_SUB_TOTAL},amount&&React.createElement(CartTotalLine,{isDisabled:isLoading,type:"subTotal",className:className},React.createElement(CartTotalLine.Label,{label:label,showSeparator:showSeparator}),React.createElement(CartTotalLine.Amount,{amount:amount,currency:currency}),hasPromotionCoupons&&React.createElement(CartTotalLine.Spacer,{className:spacer})));}PaymentBarSubTotal.defaultProps={className:null,showSeparator:true,label:'cart.subtotal'};export default connect(PaymentBarSubTotal);

package/cart/components/PaymentBar/PaymentBarTax.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getTax}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * 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{taxData:getTax(state)};};export default connect(mapStateToProps);

package/cart/components/PaymentBar/PaymentBarTax.js

@@ -0,0 +1,4 @@
+import*as React from'react';import{SurroundPortals}from'@shopgate/engage/components';import{CART_PAYMENT_BAR_TOTALS_TAX,getTaxLine}from'@shopgate/pwa-common-commerce/cart';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{CartContext}from"../../cart.context";import{spacer}from"./PaymentBarContent.style";import connect from"./PaymentBarTax.connector";/**
+ * The Tax component.
+ * @returns {JSX}
+ */function PaymentBarTax(_ref){var taxData=_ref.taxData,showSeparator=_ref.showSeparator,className=_ref.className;var _React$useContext=React.useContext(CartContext),currency=_React$useContext.currency,isLoading=_React$useContext.isLoading,config=_React$useContext.config,hasPromotionCoupons=_React$useContext.hasPromotionCoupons;if(!taxData){return null;}var taxLine=getTaxLine(config,taxData);if(!taxLine){return null;}return React.createElement(SurroundPortals,{portalName:CART_PAYMENT_BAR_TOTALS_TAX},React.createElement(CartTotalLine,{isDisabled:isLoading,type:"tax",className:className},React.createElement(CartTotalLine.Label,{label:taxLine.label,showSeparator:showSeparator}),React.createElement(CartTotalLine.Amount,{amount:taxLine.amount,currency:currency}),React.createElement(CartTotalLine.Hint,{hint:taxLine.hint}),hasPromotionCoupons&&React.createElement(CartTotalLine.Spacer,{className:spacer})));}PaymentBarTax.defaultProps={taxData:null,className:null,showSeparator:true};export default connect(PaymentBarTax);

package/cart/components/PaymentBar/index.js

@@ -0,0 +1 @@
+export{default as PaymentBar}from"./PaymentBar";

package/cart/components/Substitution/connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getSubstitutionPreferencesEnabled}from'@shopgate/engage/core/selectors/merchantSettings';/**
+ * Maps the current application state to the component props.
+ * @param {Object} state The current application state.
+ * @return {Object} The populated component props.
+ */var mapStateToProps=function mapStateToProps(state){return{substitutionPreferencesEnabled:getSubstitutionPreferencesEnabled(state)};};export default connect(mapStateToProps);

package/cart/components/Substitution/index.js

@@ -0,0 +1,9 @@
+import React from'react';import PropTypes from'prop-types';import classNames from'classnames';import{Toggle}from'@shopgate/engage/components';import{root,checkbox,rightSpace,text}from"./style";import connect from"./connector";/**
+ * Renders the cart reservation card label.
+ * @param {Object} props The component props.
+ * @returns {JSX.Element}
+ */var Substitution=function Substitution(_ref){var id=_ref.id,onChange=_ref.onChange,checked=_ref.checked,className=_ref.className,label=_ref.label,disabled=_ref.disabled;return React.createElement("div",{className:classNames(root,className)},React.createElement("label",{"aria-hidden":true,className:text,htmlFor:id,id:"".concat(id,"-label")},label),React.createElement("div",{className:rightSpace},React.createElement(Toggle,{className:checkbox,checked:checked,id:id,onChange:onChange,disabled:disabled})));};Substitution.defaultProps={className:undefined,disabled:false,checked:false};/**
+ * Gate component for Substitution.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var Wrapper=function Wrapper(_ref2){var substitutionPreferencesEnabled=_ref2.substitutionPreferencesEnabled,children=_ref2.children;return substitutionPreferencesEnabled?children:null;};Wrapper.propTypes={substitutionPreferencesEnabled:PropTypes.bool.isRequired};var ConnectedWrapper=connect(Wrapper);export{ConnectedWrapper as SubstitutionWrapper};export default Substitution;

package/cart/components/Substitution/style.js

@@ -0,0 +1 @@
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{css}from'glamor';import{themeVariables}from'@shopgate/pwa-common/helpers/config';import{responsiveMediaQuery}from'@shopgate/engage/styles';var gap=themeVariables.gap;export var root=css({padding:gap.big,display:'flex',flexDirection:'row',justifyContent:'flex-end',alignItems:'baseline',flex:1}).toString();export var checkbox=css({marginLeft:8}).toString();export var text=css({flexGrow:0}).toString();export var rightSpace=css(_defineProperty({flex:1,display:'flex',justifyContent:'flex-end',alignItems:'baseline',flexGrow:0},responsiveMediaQuery('>xs',{webOnly:true}),{flex:0})).toString();

package/cart/components/SupplementalContent/SupplementalContent.connector.js

@@ -0,0 +1,4 @@
+import{connect}from'react-redux';import{makeGetShopSettingByKey,SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT}from'@shopgate/engage/core';/**
+ * Creates the mapStateToProps connector function.
+ * @returns {Function}
+ */var makeMapStateToProps=function makeMapStateToProps(){var getShopSettingsByKey=makeGetShopSettingByKey(SHOP_SETTING_CART_SUPPLEMENTAL_CONTENT);return function(state,props){return{text:getShopSettingsByKey(state,props)};};};export default connect(makeMapStateToProps);

package/cart/components/SupplementalContent/SupplementalContent.js

@@ -0,0 +1,5 @@
+import React from'react';import classNames from'classnames';import PropTypes from'prop-types';import{wrapper}from"./SupplementalContent.styles";import connect from"./SupplementalContent.connector";/**
+ * The SupplementalContent component
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var SupplementalContent=function SupplementalContent(_ref){var text=_ref.text,className=_ref.className;if(!text){return null;}/* eslint-disable react/no-danger */return React.createElement("div",{className:classNames(wrapper,className),dangerouslySetInnerHTML:{__html:text}});/* eslint-enable react/no-danger */};SupplementalContent.defaultProps={text:null,className:null};export default connect(SupplementalContent);

package/cart/components/SupplementalContent/SupplementalContent.styles.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var wrapper=css({display:'block',color:'var(--color-text-low-emphasis)',fontSize:12,lineHeight:'unset',padding:"".concat(variables.gap.big,"px 0"),'> *:first-child':{marginTop:0},' ol, ul':{margin:"".concat(variables.gap.small,"px 0"),paddingLeft:variables.gap.xbig},' ol':{listStyle:'decimal'},' ul':{listStyle:'disc'},' a':{textDecoration:'underline',color:'var(--color-primary)'}}).toString();

package/cart/components/SupplementalContent/index.js

@@ -0,0 +1 @@
+export{default as SupplementalContent}from"./SupplementalContent";

package/cart/index.js

@@ -1,6 +1,11 @@
 /** @module cart */ // ACTIONS
-export{default as addCouponsToCart}from'@shopgate/pwa-common-commerce/cart/actions/addCouponsToCart';export{default as addProductsToCart}from'@shopgate/pwa-common-commerce/cart/actions/addProductsToCart';export{default as deleteCouponsFromCart}from'@shopgate/pwa-common-commerce/cart/actions/deleteCouponsFromCart';export{default as deleteProductsFromCart}from'@shopgate/pwa-common-commerce/cart/actions/deleteProductsFromCart';export{default as fetchCart}from'@shopgate/pwa-common-commerce/cart/actions/fetchCart';export{default as updateProductsInCart}from'@shopgate/pwa-common-commerce/cart/actions/updateProductsInCart';// CONSTANTS
-export*from'@shopgate/pwa-common-commerce/cart/constants/index';export*from'@shopgate/pwa-common-commerce/cart/constants/PipelineErrors';export*from'@shopgate/pwa-common-commerce/cart/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/cart/constants/Portals';// HELPERS
-export*from'@shopgate/pwa-common-commerce/cart/helpers';export*from'@shopgate/pwa-common-commerce/cart/helpers/config';export{default as createPipelineErrorList}from'@shopgate/pwa-common-commerce/cart/helpers/createPipelineErrorList';export*from'@shopgate/pwa-common-commerce/cart/helpers/shipping';export*from'@shopgate/pwa-common-commerce/cart/helpers/tax';// SELECTORS
-export*from'@shopgate/pwa-common-commerce/cart/selectors';// STREAMS
-export*from'@shopgate/pwa-common-commerce/cart/streams';
+export{default as addCouponsToCart}from'@shopgate/pwa-common-commerce/cart/actions/addCouponsToCart';export{default as addProductsToCart}from'@shopgate/pwa-common-commerce/cart/actions/addProductsToCart';export{default as deleteCouponsFromCart}from'@shopgate/pwa-common-commerce/cart/actions/deleteCouponsFromCart';export{default as deleteProductsFromCart}from'@shopgate/pwa-common-commerce/cart/actions/deleteProductsFromCart';export{default as fetchCart}from'@shopgate/pwa-common-commerce/cart/actions/fetchCart';export{default as updateProductsInCart}from'@shopgate/pwa-common-commerce/cart/actions/updateProductsInCart';// ACTION CREATORS
+export{default as setCouponFieldError}from'@shopgate/pwa-common-commerce/cart/action-creators/setCouponFieldError';export{default as setCouponFieldValue}from'@shopgate/pwa-common-commerce/cart/action-creators/setCouponFieldValue';// CONSTANTS
+export*from'@shopgate/pwa-common-commerce/cart/constants/index';export*from'@shopgate/pwa-common-commerce/cart/constants/PipelineErrors';export*from'@shopgate/pwa-common-commerce/cart/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/cart/constants/Portals';export{FLAG_ORDERABLE,FLAG_COUPONS,FLAG_TAX_INCLUDED,FLAG_MULTI_LINE_RESERVE,CART_MAX_ITEMS,CART_INPUT_AUTO_SCROLL_DELAY}from"./cart.constants";// HELPERS
+export*from'@shopgate/pwa-common-commerce/cart/helpers';export*from'@shopgate/pwa-common-commerce/cart/helpers/config';export{default as createPipelineErrorList}from'@shopgate/pwa-common-commerce/cart/helpers/createPipelineErrorList';export*from'@shopgate/pwa-common-commerce/cart/helpers/shipping';export*from'@shopgate/pwa-common-commerce/cart/helpers/tax';export{sortCartItems}from"./cart.helpers";// SELECTORS
+export*from'@shopgate/pwa-common-commerce/cart/selectors';export{makeIsAddToCartButtonDisabled,getAppliedPromotionsWithoutCoupons,getPromotionCoupons,hasLineItemPromotions,hasDirectShipItems,isDirectShipOnly}from"./cart.selectors";// STREAMS
+// eslint-disable-next-line import/export
+export*from"./streams";// CONTEXTS
+export{CartContext}from"./cart.context";// COMPONENTS
+export{PaymentBar}from"./components/PaymentBar";export{CartItemGroup,CartItems}from"./components/CartItems";export{CartItem}from"./components/CartItem";export{CartHeaderWide}from"./components/CartHeaderWide";export{default as CartSummaryWide}from"./components/CartSummaryWide/CartSummaryWide";export{SupplementalContent}from"./components/SupplementalContent";export{default as CartItemsSubstitution}from"./components/CartItems/CartItemsSubstitution";// HOOKS
+export{useCartContext}from"./cart.hooks";// TYPES

package/cart/streams/index.js

@@ -0,0 +1 @@
+export*from'@shopgate/pwa-common-commerce/cart/streams';

package/category/actions/index.js

@@ -0,0 +1 @@
+export{default as fetchCategory}from'@shopgate/pwa-common-commerce/category/actions/fetchCategory';export{default as fetchCategoryOrRootCategories}from'@shopgate/pwa-common-commerce/category/actions/fetchCategoryOrRootCategories';export{default as fetchCategoryChildren}from'@shopgate/pwa-common-commerce/category/actions/fetchCategoryChildren';export{default as fetchCategoryProducts}from'@shopgate/pwa-common-commerce/category/actions/fetchCategoryProducts';export{default as fetchRootCategories}from'@shopgate/pwa-common-commerce/category/actions/fetchRootCategories';

package/category/components/CategoryImage/connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getCategoryImagePlaceholder}from'@shopgate/engage/core';/**
+ * Maps the current application state to the component props.
+ * @param {Object} state The current application state.
+ * @return {Object} The populated component props.
+ */var mapStateToProps=function mapStateToProps(state){return{placeholderSrc:getCategoryImagePlaceholder(state)};};export default connect(mapStateToProps);

package/category/components/CategoryImage/index.js

@@ -0,0 +1,5 @@
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useState,useCallback}from'react';import PropTypes from'prop-types';import{Image}from'@shopgate/engage/components';import connect from"./connector";/**
+ * The CategoryImage component
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var CategoryImage=function CategoryImage(_ref){var className=_ref.className,src=_ref.src,placeholderSrc=_ref.placeholderSrc;var _useState=useState(!src),_useState2=_slicedToArray(_useState,2),showPlaceholder=_useState2[0],setShowPlaceholder=_useState2[1];var onImageError=useCallback(function(){setShowPlaceholder(true);},[setShowPlaceholder]);if(!showPlaceholder){return React.createElement(Image,{className:className,src:src,onError:onImageError});}if(!placeholderSrc){return null;}return React.createElement(Image,{key:"placeholder",className:className,src:placeholderSrc});};CategoryImage.defaultProps={src:null,placeholderSrc:null,className:null};export default connect(CategoryImage);

package/category/components/CategoryList/index.js

@@ -1,7 +1,7 @@
-import React from'react';import PropTypes from'prop-types';import{bin2hex}from'@shopgate/pwa-common/helpers/data';import{CATEGORY_PATH}from'@shopgate/pwa-common-commerce/category/constants';import Portal from'@shopgate/pwa-common/components/Portal';import{Placeholder}from'@shopgate/pwa-ui-shared';import{CATEGORY_ITEM}from'@shopgate/pwa-common-commerce/category/constants/Portals';import{i18n}from'@shopgate/engage/core';import{getShowAllProductsFilters}from'@shopgate/engage/category';import{SheetList}from"../../../components";import styles from"./style";/**
+import React from'react';import PropTypes from'prop-types';import classNames from'classnames';import{bin2hex}from'@shopgate/pwa-common/helpers/data';import{CATEGORY_PATH}from'@shopgate/pwa-common-commerce/category/constants';import Portal from'@shopgate/pwa-common/components/Portal';import{Placeholder}from'@shopgate/pwa-ui-shared';import{CATEGORY_ITEM}from'@shopgate/pwa-common-commerce/category/constants/Portals';import{i18n}from'@shopgate/engage/core';import{getShowAllProductsFilters}from'@shopgate/engage/category';import{SheetList,TextLink}from'@shopgate/engage/components';import CategoryImage from"../CategoryImage";import styles from"./style";/**
  * The CategoryList component.
  * @param {Object} props The component props.
  * @param {Array} props.categories The categories to display.
  * @param {Array} props.categories The number of rows to prerender.
  * @returns {JSX}
- */var CategoryList=function CategoryList(_ref){var categories=_ref.categories,parentCategory=_ref.parentCategory,prerender=_ref.prerender,showAllProducts=_ref.showAllProducts;if(!categories||!categories.length){if(prerender===0){return null;}return/*#__PURE__*/React.createElement(SheetList,{className:"".concat(styles," engage__category__category-list")},[].concat(Array(prerender)).map(function(val,index){var key="placeholder-".concat(index);return/*#__PURE__*/React.createElement(Placeholder,{height:20,key:key,left:0,top:18,width:220});}));}var filters=getShowAllProductsFilters(parentCategory);return/*#__PURE__*/React.createElement(SheetList,{className:"".concat(styles.sheet," engage__category__category-list")},showAllProducts?/*#__PURE__*/React.createElement("div",{className:"".concat(styles.showAllProducts," engage__category__category-show-all-products")},/*#__PURE__*/React.createElement(Portal,{key:parentCategory.id,name:"category.show-all-products",props:{categoryId:parentCategory.id}},/*#__PURE__*/React.createElement(SheetList.Item,{link:"".concat(CATEGORY_PATH,"/").concat(bin2hex(parentCategory.id),"/all"),title:i18n.text('category.showAllProducts.label'),linkState:{categoryName:parentCategory.name,categoryId:parentCategory.id,filters:filters},testId:"showAllProducts"}))):null,categories.map(function(category){return/*#__PURE__*/React.createElement(Portal,{key:category.id,name:CATEGORY_ITEM,props:{categoryId:category.id}},/*#__PURE__*/React.createElement(SheetList.Item,{link:"".concat(CATEGORY_PATH,"/").concat(bin2hex(category.id)),title:category.name,linkState:{categoryId:category.id,title:category.name},testId:category.name}));}));};CategoryList.defaultProps={categories:null,parentCategory:null,prerender:0,showAllProducts:false};export default CategoryList;
+ */var CategoryList=function CategoryList(_ref){var categories=_ref.categories,parentCategory=_ref.parentCategory,prerender=_ref.prerender,showAllProducts=_ref.showAllProducts,showImages=_ref.showImages;if(!categories||!categories.length){if(prerender===0){return null;}return React.createElement(SheetList,{className:classNames(styles.sheet,'engage__category__category-list')},Array(Math.min(prerender,8)).fill('').map(function(val,index){var key="placeholder-".concat(index);return React.createElement(Placeholder,{height:20,key:key,left:0,top:18,width:220});}));}var filters=getShowAllProductsFilters(parentCategory);return React.createElement(SheetList,{className:classNames(styles.sheet,'engage__category__category-list')},showAllProducts?React.createElement("div",{className:classNames(styles.showAllProducts,'engage__category__category-show-all-products')},React.createElement(Portal,{key:parentCategory.id,name:"category.show-all-products",props:{categoryId:parentCategory.id}},React.createElement(SheetList.Item,{link:"".concat(CATEGORY_PATH,"/").concat(bin2hex(parentCategory.id),"/all"),title:i18n.text('category.showAllProducts.label'),linkState:{categoryName:parentCategory.name,categoryId:parentCategory.id,filters:filters},testId:"showAllProducts",linkComponent:TextLink}))):null,categories.map(function(category){return React.createElement(Portal,{key:category.id,name:CATEGORY_ITEM,props:{categoryId:category.id}},React.createElement(SheetList.Item,{link:"".concat(CATEGORY_PATH,"/").concat(bin2hex(category.id)),title:category.name,description:category.description,linkState:{categoryId:category.id,title:category.name},testId:category.name,rightComponent:showImages?React.createElement(CategoryImage,{className:styles.image,src:category.imageUrl}):null,linkComponent:TextLink}));}));};CategoryList.defaultProps={categories:null,parentCategory:null,prerender:0,showAllProducts:false,showImages:false};export default CategoryList;

package/category/components/CategoryList/style.js

@@ -1 +1 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;var sheet=css({background:colors.light}).toString();var showAllProducts=css({fontWeight:700}).toString();export default{sheet:sheet,showAllProducts:showAllProducts};
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;var sheet=css({background:colors.light}).toString();var showAllProducts=css({fontWeight:700}).toString();var image=css({display:'none',background:'red',borderRadius:20}).toString();export default{sheet:sheet,showAllProducts:showAllProducts,image:image};

package/category/components/index.js

@@ -0,0 +1 @@
+export{default as CategoryImage}from"./CategoryImage";export{default as CategoryList}from"./CategoryList";

package/category/constants/index.js

@@ -0,0 +1 @@
+export*from'@shopgate/pwa-common-commerce/category/constants/index';export*from'@shopgate/pwa-common-commerce/category/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/category/constants/Portals';

package/category/helpers/index.js

@@ -0,0 +1 @@
+export*from'@shopgate/pwa-common-commerce/category/helpers';

package/category/index.js

@@ -1,7 +1 @@
-/** @module category */ // ACTIONS
-export{default as fetchCategory}from'@shopgate/pwa-common-commerce/category/actions/fetchCategory';export{default as fetchCategoryOrRootCategories}from'@shopgate/pwa-common-commerce/category/actions/fetchCategoryOrRootCategories';export{default as fetchCategoryChildren}from'@shopgate/pwa-common-commerce/category/actions/fetchCategoryChildren';export{default as fetchCategoryProducts}from'@shopgate/pwa-common-commerce/category/actions/fetchCategoryProducts';export{default as fetchRootCategories}from'@shopgate/pwa-common-commerce/category/actions/fetchRootCategories';// CONSTANTS
-export*from'@shopgate/pwa-common-commerce/category/constants/index';export*from'@shopgate/pwa-common-commerce/category/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/category/constants/Portals';// SELECTORS
-export*from'@shopgate/pwa-common-commerce/category/selectors';// STREAMS
-export*from'@shopgate/pwa-common-commerce/category/streams';// HELPERS
-export*from'@shopgate/pwa-common-commerce/category/helpers';// COMPONENTS
-export{default as CategoryList}from"./components/CategoryList";
+/** @module category */ /* eslint-disable import/export */export*from"./actions";export*from"./components";export*from"./constants";export*from"./helpers";export*from"./selectors";export*from"./streams";/* eslint-enable import/export */

package/category/selectors/index.js

@@ -0,0 +1,2 @@
+// SELECTORS
+export*from'@shopgate/pwa-common-commerce/category/selectors';

package/category/streams/index.js

@@ -0,0 +1 @@
+import{preferredLocationDidUpdate$,preferredLocationDidUpdateGlobalNotOnCategory$,preferredLocationDidUpdateGlobalOnCategory$}from'@shopgate/engage/locations/locations.streams';import{categoryDidBackEnter$,categoryFiltersDidUpdate$}from'@shopgate/pwa-common-commerce/category/streams';export*from'@shopgate/pwa-common-commerce/category/streams';export var categoryProductsNeedUpdate$=preferredLocationDidUpdate$.merge(preferredLocationDidUpdateGlobalNotOnCategory$).switchMap(function(){return categoryDidBackEnter$.first();}).merge(categoryFiltersDidUpdate$).merge(preferredLocationDidUpdateGlobalOnCategory$);

package/checkout/action-creators/addCheckoutCampaign.js

@@ -0,0 +1,5 @@
+import{ADD_CHECKOUT_CAMPAIGN}from"../constants/actionTypes";/**
+ * Creates the dispatched ADD_CHECKOUT_CAMPAIGN action object.
+ * @param {Object} data The campaign data
+ * @returns {Object} The dispatched action object.
+ */export var addCheckoutCampaign=function addCheckoutCampaign(){var data=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return{type:ADD_CHECKOUT_CAMPAIGN,data:data};};

package/checkout/action-creators/clearCheckoutCampaign.js

@@ -0,0 +1,5 @@
+import{CLEAR_CHECKOUT_CAMPAIGN}from"../constants/actionTypes";/**
+ * Creates the dispatched CLEAR_CHECKOUT_CAMPAIGN action object.
+ * @param {Object} data The received client information data.
+ * @returns {Object} The dispatched action object.
+ */export var clearCheckoutCampaign=function clearCheckoutCampaign(){return{type:CLEAR_CHECKOUT_CAMPAIGN};};

package/checkout/action-creators/clearCheckoutOrder.js

@@ -0,0 +1,4 @@
+import{CLEAR_CHECKOUT_ORDER}from"../constants/actionTypes";/**
+ * Creates the dispatched CLEAR_CHECKOUT_ORDER action object.
+ * @returns {Object} The dispatched action object.
+ */export var clearCheckoutOrder=function clearCheckoutOrder(){return{type:CLEAR_CHECKOUT_ORDER};};

package/checkout/action-creators/index.js

@@ -0,0 +1 @@
+export{addCheckoutCampaign}from"./addCheckoutCampaign";export{clearCheckoutCampaign}from"./clearCheckoutCampaign";export{clearCheckoutOrder}from"./clearCheckoutOrder";

package/checkout/action-creators/validationErrorsCheckout.js

@@ -0,0 +1,5 @@
+import{VALIDATION_ERRORS_CHECKOUT}from"../constants/actionTypes";/**
+ * Creates the dispatched VALIDATION_ERRORS_CHECKOUT action object.
+ * @param {Array} errors An array of validation errors
+ * @returns {Object} The dispatched action object.
+ */export var validationErrorsCheckout=function validationErrorsCheckout(errors){return{type:VALIDATION_ERRORS_CHECKOUT,errors:errors};};

package/checkout/actions/errorCheckout.js

@@ -0,0 +1,17 @@
+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{showModal,historyResetTo,historyPop,INDEX_PATH}from'@shopgate/engage/core';import{CART_PATH}from'@shopgate/engage/cart';import{MODAL_PIPELINE_ERROR}from'@shopgate/pwa-common/constants/ModalTypes';import{getRouterStackIndex,makeGetPrevRouteIndexByPattern}from'@shopgate/pwa-common/selectors/router';import*as Sentry from'@sentry/browser';var getPrevRouteIndexByPatternCart=makeGetPrevRouteIndexByPattern(CART_PATH);/**
+ * Redirects the user to the cart
+ * @param {Function} dispatch The Redux dispatch function
+ * @param {Function} getState he Redux getState function
+ */var gotoCart=function gotoCart(dispatch,getState){var state=getState();var currentRouteIndex=getRouterStackIndex(state);var nextRouteIndex=getPrevRouteIndexByPatternCart(state);if(nextRouteIndex!==-1){var steps=currentRouteIndex-nextRouteIndex;// Navigate back to a previous history entry if possible
+dispatch(historyPop({steps:steps}));}else{// Reset the history stack to the desired page when there is no old page within the stack
+dispatch(historyResetTo(CART_PATH));}};/**
+ * Handles checkout errors.
+ * @param {string} message Message shown to the user.
+ * @param {string} pipeline Pipeline name.
+ * @param {Object} error Error.
+ * @param {boolean} redirect Whether it should redirect.
+ * @param {Array} gotoCartErrorCodes A list of error codes which should redirect to the cart
+ * @return {Object}
+ */export var errorCheckout=function errorCheckout(message,pipeline,error,redirect){var gotoCartErrorCodes=arguments.length>4&&arguments[4]!==undefined?arguments[4]:[];return function(dispatch,getState){var subCode;if(error===null||error===void 0?void 0:error.errors){var _error$errors2=_slicedToArray(error.errors,1),first=_error$errors2[0];subCode=first.code;}var errorObject={code:error.code||'NOT SET',message:JSON.stringify(error,null,2)};// Go back to homepage and inform shopper.
+if(redirect){dispatch(historyResetTo(INDEX_PATH));}else if(['shopgate.checkout.initialize'].includes(pipeline)||gotoCartErrorCodes.includes(subCode)){gotoCart(dispatch,getState);}dispatch(showModal({type:MODAL_PIPELINE_ERROR,title:null,confirm:null,dismiss:'modal.ok',message:message,params:{pipeline:pipeline,message:JSON.stringify(errorObject,null,2)}}));// Log to sentry.
+Sentry.withScope(function(scope){scope.setLevel(Sentry.Severity.Critical);scope.setExtra('origin','checkout');Sentry.captureException(errorObject);});return{needsPayment:false,success:false};};};

package/checkout/actions/fetchCheckoutOrder.js

@@ -0,0 +1,4 @@
+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{PipelineRequest}from'@shopgate/engage/core';import{FETCH_CHECKOUT_ORDER,FETCH_CHECKOUT_ORDER_SUCCESS,FETCH_CHECKOUT_ORDER_ERROR}from"../constants/actionTypes";import{ERROR_CODE_CHECKOUT_GENERIC}from"../constants/errorCodes";/**
+ * Starts entering the checkout process for the customer.
+ * @returns {Function}
+ */export var fetchCheckoutOrder=function fetchCheckoutOrder(){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineRequest,_ref3,order;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:FETCH_CHECKOUT_ORDER});pipelineRequest=new PipelineRequest('shopgate.checkout.getOrder');_context.prev=2;_context.next=5;return pipelineRequest.setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC]).dispatch();case 5:_ref3=_context.sent;order=_ref3.order;dispatch({type:FETCH_CHECKOUT_ORDER_SUCCESS,order:order});return _context.abrupt("return",order);case 11:_context.prev=11;_context.t0=_context["catch"](2);dispatch({type:FETCH_CHECKOUT_ORDER_ERROR,error:_context.t0});return _context.abrupt("return",null);case 15:case"end":return _context.stop();}},_callee,null,[[2,11]]);}));return function(_x){return _ref.apply(this,arguments);};}());};

package/checkout/actions/fetchPaymentMethods.js

@@ -0,0 +1,4 @@
+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{PipelineRequest}from'@shopgate/engage/core';import{FETCH_PAYMENT_METHODS,FETCH_PAYMENT_METHODS_SUCCESS,FETCH_PAYMENT_METHODS_ERROR}from"../constants/actionTypes";/**
+ * Starts entering the checkout process for the customer.
+ * @returns {Function}
+ */export var fetchPaymentMethods=function fetchPaymentMethods(){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineRequest,_ref3,paymentMethods;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:FETCH_PAYMENT_METHODS});pipelineRequest=new PipelineRequest('shopgate.checkout.getPaymentMethods');_context.prev=2;_context.next=5;return pipelineRequest.dispatch();case 5:_ref3=_context.sent;paymentMethods=_ref3.paymentMethods;dispatch({type:FETCH_PAYMENT_METHODS_SUCCESS,paymentMethods:paymentMethods});_context.next=13;break;case 10:_context.prev=10;_context.t0=_context["catch"](2);dispatch({type:FETCH_PAYMENT_METHODS_ERROR,error:_context.t0});case 13:case"end":return _context.stop();}},_callee,null,[[2,10]]);}));return function(_x){return _ref.apply(this,arguments);};}());};

package/checkout/actions/index.js

@@ -0,0 +1 @@
+export{errorCheckout}from"./errorCheckout";export{fetchCheckoutOrder}from"./fetchCheckoutOrder";export{fetchPaymentMethods}from"./fetchPaymentMethods";export{initializeCheckout}from"./initializeCheckout";export{prepareCheckout}from"./prepareCheckout";export{submitCheckoutOrder}from"./submitCheckoutOrder";export{updateCheckoutOrder}from"./updateCheckoutOrder";

package/checkout/actions/initializeCheckout.js

@@ -0,0 +1,4 @@
+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{PipelineRequest,EUNKNOWN}from'@shopgate/engage/core';import{INITIALIZE_CHECKOUT,INITIALIZE_CHECKOUT_SUCCESS,INITIALIZE_CHECKOUT_ERROR}from"../constants/actionTypes";/**
+ * Starts entering the checkout process for the customer.
+ * @returns {Function}
+ */export var initializeCheckout=function initializeCheckout(){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineError;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:INITIALIZE_CHECKOUT});_context.prev=1;_context.next=4;return new PipelineRequest('shopgate.checkout.initialize').setErrorBlacklist([EUNKNOWN]).dispatch();case 4:dispatch({type:INITIALIZE_CHECKOUT_SUCCESS});_context.next=11;break;case 7:_context.prev=7;_context.t0=_context["catch"](1);pipelineError=_context.t0;dispatch({type:INITIALIZE_CHECKOUT_ERROR,error:_context.t0});case 11:if(!pipelineError){_context.next=13;break;}throw pipelineError;case 13:case"end":return _context.stop();}},_callee,null,[[1,7]]);}));return function(_x){return _ref.apply(this,arguments);};}());};

package/checkout/actions/prepareCheckout.js

@@ -0,0 +1,8 @@
+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*as Sentry from'@sentry/browser';import{getNeedsPaymentForOrder,getDefaultPaymentMethod,getPaymentMethods}from"../selectors/payment";import{getCheckoutOrder}from"../selectors/order";import{initializeCheckout}from"./initializeCheckout";import{fetchCheckoutOrder}from"./fetchCheckoutOrder";import{updateCheckoutOrder}from"./updateCheckoutOrder";import{fetchPaymentMethods}from"./fetchPaymentMethods";import{errorCheckout}from"./errorCheckout";/**
+ * Starts entering the checkout process for the customer.
+ * @returns {Function}
+ */export var prepareCheckout=function prepareCheckout(_ref){var _ref$initializeOrder=_ref.initializeOrder,initializeOrder=_ref$initializeOrder===void 0?true:_ref$initializeOrder,_ref$initializePaymen=_ref.initializePayment,initializePayment=_ref$initializePaymen===void 0?true:_ref$initializePaymen;return(/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch,getState){var _order$paymentTransac,_order$paymentTransac2;var defaultPaymentMethod,needsPayment,order,paymentMethods,paymentAlreadyInitialized;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(!initializeOrder){_context.next=9;break;}_context.prev=1;_context.next=4;return dispatch(initializeCheckout());case 4:_context.next=9;break;case 6:_context.prev=6;_context.t0=_context["catch"](1);return _context.abrupt("return",dispatch(errorCheckout('checkout.errors.checkCart','shopgate.checkout.initialize',_context.t0)));case 9:_context.next=11;return Promise.all([dispatch(fetchCheckoutOrder()),dispatch(fetchPaymentMethods())]);case 11:// If payment is needed we create a new payment transaction.
+needsPayment=getNeedsPaymentForOrder(getState());if(!needsPayment){_context.next=16;break;}// Pick payment method.
+defaultPaymentMethod=getDefaultPaymentMethod(getState());if(defaultPaymentMethod){_context.next=16;break;}return _context.abrupt("return",dispatch(errorCheckout('checkout.errors.missingPaymentMethod','shopgate.checkout.getPaymentMethods',{message:'No payment method found.'})));case 16:// Test if order is available in store.
+order=getCheckoutOrder(getState());if(order){_context.next=19;break;}return _context.abrupt("return",dispatch(errorCheckout('checkout.errors.genericInitialize','shopgate.checkout.initialize',{message:'No order received from API'})));case 19:// Put logging info to sentry.
+Sentry.configureScope(function(scope){scope.setTag('checkout_order_id',order.id);scope.addBreadcrumb({category:'checkout',message:"Initialize checkout with order id ".concat(order.id),level:'info'});});paymentMethods=getPaymentMethods(getState());paymentAlreadyInitialized=!!(order===null||order===void 0?void 0:(_order$paymentTransac=order.paymentTransactions)===null||_order$paymentTransac===void 0?void 0:(_order$paymentTransac2=_order$paymentTransac[0])===null||_order$paymentTransac2===void 0?void 0:_order$paymentTransac2.paymentMethod);if(!(needsPayment&&initializePayment&&!paymentAlreadyInitialized&&paymentMethods.length===1)){_context.next=33;break;}_context.prev=23;_context.next=26;return dispatch(updateCheckoutOrder({paymentTransactions:[{paymentMethod:{code:defaultPaymentMethod.code}}]}));case 26:_context.next=28;return dispatch(fetchCheckoutOrder());case 28:_context.next=33;break;case 30:_context.prev=30;_context.t1=_context["catch"](23);return _context.abrupt("return",{success:false,needsPayment:false});case 33:return _context.abrupt("return",{needsPayment:needsPayment,success:true});case 34:case"end":return _context.stop();}},_callee,null,[[1,6],[23,30]]);}));return function(_x,_x2){return _ref2.apply(this,arguments);};}());};

package/checkout/actions/submitCheckoutOrder.js

@@ -0,0 +1,5 @@
+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{PipelineRequest,LoadingProvider}from'@shopgate/engage/core';import{CHECKOUT_PATTERN}from"../constants/routes";import{SUBMIT_CHECKOUT_ORDER,SUBMIT_CHECKOUT_ORDER_SUCCESS,SUBMIT_CHECKOUT_ORDER_ERROR}from"../constants/actionTypes";import{ERROR_CODE_CHECKOUT_GENERIC}from"../constants/errorCodes";import{errorCheckout}from"./errorCheckout";/**
+ * Completes the checkout order by fulfilling with checkout params for each transaction.
+ * @param {Object} payload The action input.
+ * @returns {Function}
+ */export var submitCheckoutOrder=function submitCheckoutOrder(payload){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineError,pipelineOutput;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:LoadingProvider.setLoading(CHECKOUT_PATTERN);dispatch({type:SUBMIT_CHECKOUT_ORDER,payload:payload});_context.prev=2;_context.next=5;return new PipelineRequest('shopgate.checkout.submit').setInput(payload).setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC]).dispatch();case 5:pipelineOutput=_context.sent;dispatch({type:SUBMIT_CHECKOUT_ORDER_SUCCESS});_context.next=14;break;case 9:_context.prev=9;_context.t0=_context["catch"](2);pipelineError=_context.t0;dispatch(errorCheckout('checkout.errors.genericSubmit','shopgate.checkout.submit',_context.t0,false,[1001,1003]));dispatch({type:SUBMIT_CHECKOUT_ORDER_ERROR});case 14:LoadingProvider.unsetLoading(CHECKOUT_PATTERN);if(!pipelineError){_context.next=17;break;}throw pipelineError;case 17:return _context.abrupt("return",pipelineOutput);case 18:case"end":return _context.stop();}},_callee,null,[[2,9]]);}));return function(_x){return _ref.apply(this,arguments);};}());};

package/checkout/actions/updateCheckoutOrder.js

@@ -0,0 +1,5 @@
+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{PipelineRequest,EVALIDATION}from'@shopgate/engage/core';import{UPDATE_CHECKOUT_ORDER,UPDATE_CHECKOUT_ORDER_SUCCESS,UPDATE_CHECKOUT_ORDER_ERROR}from"../constants/actionTypes";import{validationErrorsCheckout}from"../action-creators/validationErrorsCheckout";import{ERROR_CODE_CHECKOUT_GENERIC}from"../constants/errorCodes";import{errorCheckout}from"./errorCheckout";/**
+ * Starts entering the checkout process for the customer.
+ * @param {Object} payload Order payload.
+ * @returns {Function}
+ */export var updateCheckoutOrder=function updateCheckoutOrder(payload){return(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(dispatch){var pipelineError;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch({type:UPDATE_CHECKOUT_ORDER});_context.prev=1;_context.next=4;return new PipelineRequest('shopgate.checkout.updateOrder').setInput(payload).setErrorBlacklist([ERROR_CODE_CHECKOUT_GENERIC,EVALIDATION]).dispatch();case 4:dispatch({type:UPDATE_CHECKOUT_ORDER_SUCCESS});_context.next=11;break;case 7:_context.prev=7;_context.t0=_context["catch"](1);pipelineError=_context.t0;if(_context.t0.code===EVALIDATION){dispatch(validationErrorsCheckout(_context.t0.errors));}else{dispatch(errorCheckout('checkout.errors.genericUpdate','shopgate.checkout.updateOrder',_context.t0,false));dispatch({type:UPDATE_CHECKOUT_ORDER_ERROR});}case 11:if(!pipelineError){_context.next=13;break;}throw pipelineError;case 13:case"end":return _context.stop();}},_callee,null,[[1,7]]);}));return function(_x){return _ref.apply(this,arguments);};}());};

package/checkout/components/AddressBook/AddressBook.js

@@ -0,0 +1,5 @@
+import React from'react';import ProfileProvider from"../../../account/components/Profile/Profile.provider";import AddressBookProvider from"../../providers/AddressBookProvider";import AddressList from"./AddressList";/**
+ * The AddressBook components
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var AddressBook=function AddressBook(){return React.createElement(AddressBookProvider,null,React.createElement(ProfileProvider,null,React.createElement(AddressList,null)));};export default AddressBook;

package/checkout/components/AddressBook/AddressList.js

@@ -0,0 +1,9 @@
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{useMemo}from'react';import{connect}from'react-redux';import PropTypes from'prop-types';import{css}from'glamor';import{getCheckoutBillingAddress,getCheckoutShippingAddress}from'@shopgate/engage/checkout/selectors/order';import{i18n,historyPush}from'@shopgate/engage/core';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{RippleButton,ResponsiveContainer}from'@shopgate/engage/components';import{ResponsiveBackButton}from"../ResponsiveBackButton";import AddressCard from"../../../account/components/Profile/ProfileAddressCard";import{useProfileContext}from"../../../account/components/Profile/Profile.provider";import{useAddressBook}from"../../hooks/common";import{ADDRESS_TYPE_SHIPPING,ADDRESS_TYPE_BILLING,CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN}from"../../constants";/**
+ * @param {Object} state State.
+ * @returns {Object}
+ */var mapStateToProps=function mapStateToProps(state){return{shippingAddress:getCheckoutShippingAddress(state),billingAddress:getCheckoutBillingAddress(state)};};/**
+ * @param {Object} dispatch Dispatch
+ * @returns {Object}
+ */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{push:function push(props){return dispatch(historyPush(props));}};};var styles={title:css({color:'var(--color-text-high-emphasis)',lineHeight:2.5,fontSize:17,fontWeight:'600'}).toString(),container:css({display:'flex',flexDirection:'row',flexWrap:'wrap',margin:-4,padding:16}).toString(),headline:css({padding:16,fontSize:'2.125rem',fontWeight:'normal',margin:0,lineHeight:'2.25rem'}).toString(),button:css({'&&':_defineProperty({marginTop:8,marginRight:16,backgroundColor:'var(--color-primary)',borderRadius:5,fontSize:14,textTransform:'none',padding:0},responsiveMediaQuery('<md',{webOnly:false}),{width:'100%',marginRight:0})}).toString(),ripple:css({padding:'8px 16px'}).toString(),actions:css(_defineProperty({display:'flex',justifyContent:'flex-end',flexDirection:'row',padding:'0 16px 16px'},responsiveMediaQuery('<md',{webOnly:false}),{flex:1})).toString()};/**
+ * @returns {JSX}
+ */var AddressList=function AddressList(_ref){var push=_ref.push,shippingAddress=_ref.shippingAddress,billingAddress=_ref.billingAddress;var _useProfileContext=useProfileContext(),contacts=_useProfileContext.contacts,_deleteContact=_useProfileContext.deleteContact,_editContact=_useProfileContext.editContact;var _useAddressBook=useAddressBook(),type=_useAddressBook.type,updateOrderWithContact=_useAddressBook.updateOrderWithContact;var title=useMemo(function(){if([ADDRESS_TYPE_SHIPPING,ADDRESS_TYPE_BILLING].includes(type)){return i18n.text("titles.checkout_addresses_".concat(type));}return'';},[type]);var selectedContactId=useMemo(function(){if(type===ADDRESS_TYPE_SHIPPING){return(shippingAddress===null||shippingAddress===void 0?void 0:shippingAddress.customerContactId)||null;}if(type===ADDRESS_TYPE_BILLING){return(billingAddress===null||billingAddress===void 0?void 0:billingAddress.customerContactId)||null;}return null;},[billingAddress,shippingAddress,type]);return React.createElement("div",null,React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement(ResponsiveBackButton,null),React.createElement("h1",{className:styles.headline},title)),React.createElement("div",{className:styles.container},contacts&&contacts.map(function(contact){return React.createElement(AddressCard,{key:contact.id,contact:contact,selected:contact.id===selectedContactId,selectContact:function selectContact(){return updateOrderWithContact(contact.id);},deleteContact:function deleteContact(){return _deleteContact(contact.id);},editContact:function editContact(){return _editContact(contact);}});})),React.createElement("div",{className:styles.actions},React.createElement(RippleButton,{className:styles.button,rippleClassName:styles.ripple,type:"primary",onClick:function onClick(){return push({pathname:"".concat(CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN).replace(':type',type)});}},i18n.text('account.profile.address_book.add'))));};AddressList.defaultProps={shippingAddress:null,billingAddress:null};export default connect(mapStateToProps,mapDispatchToProps)(AddressList);

package/checkout/components/AddressBook/index.js

@@ -0,0 +1 @@
+export{default}from"./AddressBook";

package/checkout/components/AddressBookContact/AddressBookContact.js

@@ -0,0 +1,5 @@
+import React,{Fragment,useMemo}from'react';import{css}from'glamor';import{i18n,useRoute}from'@shopgate/engage/core';import{ResponsiveContainer}from'@shopgate/engage/components';import{ResponsiveBackButton}from"../ResponsiveBackButton";import ProfileContact from"../../../account/components/ProfileContact";import AddressBookProvider from"../../providers/AddressBookProvider";import{ADDRESS_TYPE_BILLING}from"../../constants";var styles={headline:css({padding:16,fontSize:'2.125rem',fontWeight:'normal',margin:0,lineHeight:'2.25rem'}).toString()};/**
+ * AddressBookContact
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var AddressBookContact=function AddressBookContact(){var _useRoute=useRoute(),contact=_useRoute.state.contact,_useRoute$params$type=_useRoute.params.type,type=_useRoute$params$type===void 0?ADDRESS_TYPE_BILLING:_useRoute$params$type;var title=useMemo(function(){var mode=contact?'edit':'add';return i18n.text("titles.checkout_addresses_".concat(mode,"_").concat(type));},[contact,type]);return React.createElement(Fragment,null,React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement(ResponsiveBackButton,null),React.createElement("h1",{className:styles.headline},title)),React.createElement(AddressBookProvider,null,React.createElement(ProfileContact,null)));};export default AddressBookContact;

package/checkout/components/AddressBookContact/index.js

@@ -0,0 +1 @@
+export{default}from"./AddressBookContact";

package/checkout/components/Checkout/Checkout.js

@@ -0,0 +1,4 @@
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React from'react';import{css}from'glamor';import{useRoute}from'@shopgate/engage/core';import{ResponsiveContainer}from'@shopgate/engage/components';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{CHECKOUT_PATTERN}from"../../constants/routes";import ProfileProvider from"../../../account/components/Profile/Profile.provider";import CheckoutProvider from"../../providers/CheckoutProvider";import PaymentMethodProvider from"../../paymentMethods";import{ADDRESS_TYPE_BILLING,ADDRESS_TYPE_SHIPPING}from"../../constants";import{ShippingMethods}from"../ShippingMethods";import PickupContactForm from"./CheckoutPickupContactForm";import Address from"./CheckoutAddress";import Summary from"./CheckoutSummary";import Actions from"./CheckoutActions";import Header from"./CheckoutHeader";var styles={root:css({display:'flex',flexDirection:'row'}),main:css(_defineProperty({flex:1,paddingTop:16},responsiveMediaQuery('>=md',{webOnly:true}),{paddingRight:16})),side:css(_defineProperty({},responsiveMediaQuery('>=md',{webOnly:true}),{marginTop:16,flex:0.6}))};/**
+ * The Cart component.
+ * @returns {JSX}
+ */var Checkout=function Checkout(){var _useRoute=useRoute(),id=_useRoute.id;return React.createElement(CheckoutProvider,{pathPattern:CHECKOUT_PATTERN,routeId:id},React.createElement(Header,null),React.createElement("div",{className:styles.root},React.createElement("div",{className:styles.main},React.createElement(ProfileProvider,{isCheckout:true},React.createElement(Address,{type:ADDRESS_TYPE_BILLING}),React.createElement(Address,{type:ADDRESS_TYPE_SHIPPING})),React.createElement(PickupContactForm,null),React.createElement(ShippingMethods,null),React.createElement(PaymentMethodProvider,null),React.createElement(ResponsiveContainer,{breakpoint:"<md",appAlways:true},React.createElement(Summary,null)),React.createElement(Actions,null)),React.createElement("div",{className:styles.side},React.createElement(ResponsiveContainer,{breakpoint:">=md",webOnly:true},React.createElement(Summary,null)))));};export default Checkout;

package/checkout/components/Checkout/CheckoutActions.js

@@ -0,0 +1,4 @@
+import React from'react';import{css}from'glamor';import{i18n}from'@shopgate/engage/core';import{RippleButton,SurroundPortals}from'@shopgate/engage/components';import{useCheckoutContext}from"../../hooks/common";import{SupplementalContent}from"../SupplementalContent";import{CHECKOUT_ACTIONS}from"../../constants";var styles={root:css({padding:16,paddingTop:0,display:'flex',flexDirection:'column',flex:'0 0 auto'}).toString()};/**
+ * PickupContactForm
+ * @returns {JSX}
+ */var Actions=function Actions(){var _useCheckoutContext=useCheckoutContext(),handleSubmitOrder=_useCheckoutContext.handleSubmitOrder,handleValidation=_useCheckoutContext.handleValidation,PaymentButton=_useCheckoutContext.paymentButton,isButtonLocked=_useCheckoutContext.isButtonLocked;var originalButton=React.createElement(RippleButton,{type:"secondary",onClick:handleSubmitOrder,disabled:isButtonLocked},i18n.text('checkout.submit_order'));return React.createElement(SurroundPortals,{portalName:CHECKOUT_ACTIONS},React.createElement("div",{className:styles.root},PaymentButton?React.createElement(PaymentButton,{onSubmit:handleSubmitOrder,onValidate:handleValidation,disabled:isButtonLocked},originalButton):originalButton,React.createElement(SupplementalContent,null)));};export default Actions;