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

package/checkout/components/Checkout/CheckoutAddress.js

@@ -0,0 +1,6 @@
+import{hot}from'react-hot-loader/root';import React,{Fragment,useMemo}from'react';import PropTypes from'prop-types';import{css}from'glamor';import{i18n}from'@shopgate/engage/core';import{themeConfig}from'@shopgate/engage';import{Link}from'@shopgate/engage/components';import{useProfileContext}from"../../../account/components/Profile/Profile.provider";import Section from"./CheckoutSection";import{useCheckoutContext}from"../../hooks/common";import{GUEST_CHECKOUT_PATTERN,CHECKOUT_ADDRESS_BOOK_PATH,CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN}from"../../constants/routes";import{ADDRESS_TYPE_BILLING,ADDRESS_TYPE_SHIPPING}from"../../constants";import iso3166 from"../../../components/Form/Builder/helpers/iso-3166-2";var variables=themeConfig.variables;export var styles={root:css({padding:"0 ".concat(variables.gap.big,"px ").concat(variables.gap.big,"px"),display:'flex',flexDirection:'column',flex:'0 0 auto'}).toString(),card:css({display:'flex',flexDirection:'column',fontSize:15,margin:'8px 0'}).toString(),link:css({fontSize:'0.875rem',color:'var(--color-primary)',textTransform:'uppercase',textAlign:'center'}).toString()};/**
+ * CheckoutAddress
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CheckoutAddress=function CheckoutAddress(_ref){var _address$middleName,_address$address,_address$address2,_address$address3,_iso3166$address$coun,_iso3166$address$coun2;var type=_ref.type;var _useCheckoutContext=useCheckoutContext(),billingAddress=_useCheckoutContext.billingAddress,shippingAddress=_useCheckoutContext.shippingAddress,orderReserveOnly=_useCheckoutContext.orderReserveOnly,isShippingAddressSelectionEnabled=_useCheckoutContext.isShippingAddressSelectionEnabled,isGuestCheckout=_useCheckoutContext.isGuestCheckout;var _ref2=useProfileContext()||{},_ref2$contacts=_ref2.contacts,contacts=_ref2$contacts===void 0?[]:_ref2$contacts;var address=useMemo(function(){return type===ADDRESS_TYPE_BILLING?billingAddress:shippingAddress;},[billingAddress,shippingAddress,type]);var headline=useMemo(function(){if(type===ADDRESS_TYPE_BILLING&&isGuestCheckout&&orderReserveOnly){return'checkout.billing.headline_reserve';}return"checkout.".concat(type,".headline");},[isGuestCheckout,orderReserveOnly,type]);var editLink=useMemo(function(){if(!address){return null;}if(isGuestCheckout){return"".concat(GUEST_CHECKOUT_PATTERN,"?edit=").concat(type);}return"".concat(CHECKOUT_ADDRESS_BOOK_PATH,"/").concat(type);},[address,isGuestCheckout,type]);var editLabel=useMemo(function(){if(isGuestCheckout){return undefined;}return"checkout.".concat(type,".change");},[isGuestCheckout,type]);var selectAddressLink=useMemo(function(){if(!address&&(!Array.isArray(contacts)||contacts.length===0)){return"".concat(CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN).replace(':type',type);}return"".concat(CHECKOUT_ADDRESS_BOOK_PATH,"/").concat(type);},[address,contacts,type]);if(isGuestCheckout&&!address){return null;}// Do not try to render the shipping address when it's not a directShip order
+if(type===ADDRESS_TYPE_SHIPPING&&!isShippingAddressSelectionEnabled){return null;}return React.createElement("div",{className:styles.root},React.createElement(Section,{className:styles.card,title:headline,editLink:editLink,editLabel:editLabel},address?React.createElement(Fragment,null,React.createElement("span",null,((_address$middleName=address.middleName)===null||_address$middleName===void 0?void 0:_address$middleName.length)?"".concat(address.firstName," ").concat(address.middleName," ").concat(address.lastName):"".concat(address.firstName," ").concat(address.lastName)),type===ADDRESS_TYPE_BILLING&&isGuestCheckout&&orderReserveOnly&&React.createElement(Fragment,null,React.createElement("span",null,address.emailAddress),React.createElement("span",null,address.mobile)),React.createElement("span",null,address.address1),((_address$address=address.address2)===null||_address$address===void 0?void 0:_address$address.length)?React.createElement("span",null,address.address2):null,((_address$address2=address.address3)===null||_address$address2===void 0?void 0:_address$address2.length)?React.createElement("span",null,address.address3):null,((_address$address3=address.address4)===null||_address$address3===void 0?void 0:_address$address3.length)?React.createElement("span",null,address.address4):null,address.postalCode||address.region||address.city||address.country?React.createElement("span",null,i18n.text("checkout.".concat(type,".address"),{postalCode:address.postalCode||'',region:(iso3166===null||iso3166===void 0?void 0:(_iso3166$address$coun=iso3166[address.country])===null||_iso3166$address$coun===void 0?void 0:(_iso3166$address$coun2=_iso3166$address$coun.divisions)===null||_iso3166$address$coun2===void 0?void 0:_iso3166$address$coun2[address.region])||address.region||'',city:address.city||'',country:address.country||''})):null):React.createElement(Link,{href:selectAddressLink,className:styles.link},i18n.text("checkout.".concat(type,".select_address")))));};CheckoutAddress.defaultProps={type:ADDRESS_TYPE_BILLING};export default hot(CheckoutAddress);

package/checkout/components/Checkout/CheckoutHeader.js

@@ -0,0 +1,4 @@
+import React from'react';import{css}from'glamor';import PropTypes from'prop-types';import{ResponsiveContainer}from'@shopgate/engage/components';import{i18n}from"../../../core/helpers/i18n";import{ResponsiveBackButton}from"../ResponsiveBackButton";var styles={title:css({padding:16,display:'flex',flexDirection:'row',alignItems:'flex-end'}),headline:css({fontSize:'2.125rem',fontWeight:'normal',margin:0,lineHeight:'2.25rem'}),step:css({fontSize:'1rem',lineHeight:1,color:'var(--color-secondary)',paddingLeft:16,margin:0,fontWeight:'400',paddingBottom:2})};/**
+ * CheckoutSection component
+ * @returns {JSX}
+ */var CheckoutTitle=function CheckoutTitle(_ref){var stepFrom=_ref.stepFrom,stepTo=_ref.stepTo,headline=_ref.headline;return React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement(ResponsiveBackButton,null),React.createElement("div",{className:styles.title},React.createElement("h1",{className:styles.headline},i18n.text(headline)),stepFrom!==null?React.createElement("h2",{className:styles.step},i18n.text('checkout.steps',{from:stepFrom,to:stepTo})):null));};CheckoutTitle.defaultProps={stepFrom:null,stepTo:null,headline:'titles.checkout'};export default CheckoutTitle;

package/checkout/components/Checkout/CheckoutPickupContactForm.config.js

@@ -0,0 +1,8 @@
+import{i18n}from'@shopgate/engage/core/helpers';var 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:{instructions:{type:'text',label:i18n.text('checkout.pickup_contact.form.instructions')},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;

package/checkout/components/Checkout/CheckoutPickupContactForm.js

@@ -0,0 +1,4 @@
+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 from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/engage';import{FormBuilder,SurroundPortals}from'@shopgate/engage/components';import{StylePresets}from'@shopgate/engage/components/Form';import generateFormConfig from"./CheckoutPickupContactForm.config";import Section from"./CheckoutSection";import{useCheckoutContext}from"../../hooks/common";import{CHECKOUT_PICKUP_CONTACT_FORM}from"../../constants";var variables=themeConfig.variables;var styles={root:css({padding:16,paddingTop:0,display:'flex',flex:'0 0 auto',flexDirection:'column'}).toString(),h1:css({fontSize:24,marginBottom:4,color:'var(--color-text-high-emphasis)'}).toString(),h2:css({fontSize:16}).toString(),form:css(_extends({' .pickupFormPickupPerson':{marginTop:variables.gap.small},' .pickupFormPickupPerson .me':{marginRight:variables.gap.big},' .pickupFormPickupPerson .label span':{color:'var(--color-text-high-emphasis)',fontWeight:'bold'},' .pickupFormPickupPerson .radioGroup':{marginTop:variables.gap.small,flexDirection:'row',' .uncheckedIcon':{color:'var(--color-text-medium-emphasis)'}}},StylePresets.OUTLINED_FORM_FIELDS)).toString()};/**
+ * PickupContactForm
+ * @returns {JSX}
+ */var PickupContactForm=function PickupContactForm(){var _useCheckoutContext=useCheckoutContext(),supportedCountries=_useCheckoutContext.supportedCountries,countrySortOrder=_useCheckoutContext.countrySortOrder,userLocation=_useCheckoutContext.userLocation,defaultPickupPersonState=_useCheckoutContext.defaultPickupPersonState,formValidationErrors=_useCheckoutContext.formValidationErrors,formSetValues=_useCheckoutContext.formSetValues,isPickupContactSelectionEnabled=_useCheckoutContext.isPickupContactSelectionEnabled;var formConfig=React.useMemo(function(){return generateFormConfig({supportedCountries:supportedCountries,countrySortOrder:countrySortOrder,userLocation:userLocation});},[countrySortOrder,supportedCountries,userLocation]);var handleUpdate=React.useCallback(function(values){formSetValues(values);},[formSetValues]);if(!isPickupContactSelectionEnabled){return null;}return React.createElement(SurroundPortals,{portalName:CHECKOUT_PICKUP_CONTACT_FORM},React.createElement("div",{className:styles.root},React.createElement(Section,{title:"checkout.pickup_contact.headline",hasForm:true},React.createElement(FormBuilder,{className:styles.form,name:"PickupForm",config:formConfig,defaults:defaultPickupPersonState,validationErrors:formValidationErrors,handleUpdate:handleUpdate}))));};export default PickupContactForm;

package/checkout/components/Checkout/CheckoutSection.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}from'react';import{css}from'glamor';import classNames from'classnames';import PropTypes from'prop-types';import{Card,Link}from'@shopgate/engage/components';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import CheckoutSectionInfo from"./CheckoutSectionInfo";import CheckoutSectionMessages from"./CheckoutSectionMessages";import{i18n}from"../../../core/helpers/i18n";var variables=themeConfig.variables;var styles={headline:css({fontSize:'1.25rem',fontWeight:'normal',margin:"0 0 ".concat(variables.gap.small,"px 0"),color:'var(--color-text-high-emphasis)',textTransform:'none'}),card:css({display:'flex',flexDirection:'row',fontSize:15,width:'100%',overflow:'inherit !important',marginBottom:variables.gap.big,boxShadow:'none',background:'var(--color-background-accent)',padding:"".concat(variables.gap.small,"px ").concat(variables.gap.big,"px"),margin:0}),cardWithForm:css({background:'inherit !important',boxShadow:'none  !important',padding:'0px !important'}).toString(),table:css({' td':{padding:"".concat(variables.gap.xsmall,"px 0")},' td:last-child':{textAlign:'right',whiteSpace:'pre-wrap',paddingLeft:variables.gap.xsmall},' tr:nth-last-child(2) td':{paddingBottom:8},' tr:last-child td':{paddingTop:8,borderTop:'1px solid #979797',fontWeight:'600'}}),actionsContainer:css({flex:1,display:'table',width:'100%'}).toString(),link:css({fontSize:'0.875rem',color:'var(--color-primary)',textTransform:'uppercase'}).toString(),actions:css({paddingTop:8}).toString(),labelWithInfoIcon:css({paddingRight:variables.gap.small}).toString()};/**
+ * CheckoutSection component
+ * @returns {JSX}
+ */var CheckoutSection=function CheckoutSection(_ref){var title=_ref.title,className=_ref.className,content=_ref.content,children=_ref.children,hasForm=_ref.hasForm,editLink=_ref.editLink,editLabel=_ref.editLabel,id=_ref.id;return React.createElement(Fragment,null,title&&React.createElement("h3",{className:styles.headline,id:id},i18n.text(title)),React.createElement(Card,{className:classNames(styles.card.toString(),_defineProperty({},styles.cardWithForm.toString(),hasForm)),id:!title?id:null},React.createElement("div",{className:"".concat(styles.actionsContainer," ").concat(className)},children||null,content&&React.createElement("table",{className:styles.table},React.createElement("tbody",null,content.map(function(_ref2){var label=_ref2.label,text=_ref2.text,info=_ref2.info,messages=_ref2.messages;var hasMessages=Array.isArray(messages)&&messages.length>0;var hasError=false;if(hasMessages){hasError=!!messages.find(function(_ref3){var type=_ref3.type;return type==='error';});}return React.createElement(Fragment,{key:label},React.createElement("tr",null,React.createElement("td",null,React.createElement(Fragment,null,React.createElement("span",{className:classNames(_defineProperty({},styles.labelWithInfoIcon,!!info))},label),!hasError&&React.createElement(CheckoutSectionInfo,{text:info}))),React.createElement("td",null,text)),hasMessages&&React.createElement("tr",null,React.createElement("td",{colSpan:"2",style:{textAlign:'left',paddingLeft:0}},React.createElement(CheckoutSectionMessages,{messages:messages}),hasError&&React.createElement(CheckoutSectionInfo,{text:info,renderIcon:false}))));})))),editLink?React.createElement("div",{className:styles.actions},React.createElement(Link,{tag:"a",className:styles.link,href:editLink},i18n.text(editLabel))):null));};CheckoutSection.defaultProps={title:null,className:'',children:null,content:null,hasForm:false,editLink:null,editLabel:'checkout.billing.edit',id:null};export default CheckoutSection;

package/checkout/components/Checkout/CheckoutSectionInfo.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,{useCallback}from'react';import{css}from'glamor';import PropTypes from'prop-types';import{connect}from'react-redux';import{InfoIcon}from'@shopgate/engage/components';import{nl2br,showModal as showModalAction}from'@shopgate/engage/core';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var mapDispatchToProps={showModal:showModalAction};var variables=themeConfig.variables;var styles={textWrapper:css({paddingTop:variables.gap.xsmall,fontSize:'0.75rem',color:'var(--color-state-alert)'}).toString(),iconWrapper:css(_defineProperty({cursor:'pointer',color:'var(--color-primary)',fontSize:'1.5rem',display:'inline-flex',verticalAlign:'bottom'},responsiveMediaQuery('<=xs',{appAlways:true}),{fontSize:'1.375rem'})).toString()};/**
+ * @param {Object} props The components props
+ * @returns {JSX}
+ */var CheckoutSectionInfo=function CheckoutSectionInfo(_ref){var text=_ref.text,showModal=_ref.showModal,renderIcon=_ref.renderIcon;var showPopup=useCallback(function(){showModal({message:text,title:null,confirm:null,dismiss:'modal.ok'});},[showModal,text]);if(!text){return null;}if(!renderIcon){return React.createElement("div",{className:styles.textWrapper,dangerouslySetInnerHTML:{__html:nl2br(text)}});}return React.createElement("span",{onClick:showPopup,onKeyDown:showPopup,className:styles.iconWrapper,role:"button",tabIndex:0},React.createElement(InfoIcon,null));};CheckoutSectionInfo.defaultProps={text:null,renderIcon:true};export default connect(null,mapDispatchToProps)(CheckoutSectionInfo);

package/checkout/components/Checkout/CheckoutSectionMessages.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 PropTypes from'prop-types';import classNames from'classnames';import{css}from'glamor';import{errorBehavior}from'@shopgate/engage/core';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;var styles={wrapper:css({paddingTop:variables.gap.xsmall}).toString(),message:css({fontSize:' 0.75rem'}).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()};/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CheckoutSectionMessages=function CheckoutSectionMessages(_ref){var messages=_ref.messages;if(!Array.isArray(messages)||messages.length===0){return null;}return React.createElement("ul",{className:styles.wrapper},messages.map(function(_ref2){var message=_ref2.message,additionalParams=_ref2.additionalParams,type=_ref2.type;return React.createElement("li",{key:message,className:classNames(styles.message,_defineProperty(_defineProperty(_defineProperty({},styles.error,type==='error'),styles.warning,type==='warning'),styles.info,type==='info'))},errorBehavior.getErrorMessage(message,additionalParams));}));};CheckoutSectionMessages.defaultProps={messages:null};export default CheckoutSectionMessages;

package/checkout/components/Checkout/CheckoutSummary.js

@@ -0,0 +1,4 @@
+import React,{useMemo}from'react';import{css}from'glamor';import{i18n}from'@shopgate/engage/core';import TimeIcon from'@shopgate/pwa-ui-shared/icons/TimeIcon';import moment from'moment';import Section from"./CheckoutSection";import{useCheckoutContext}from"../../hooks/common";var styles={root:css({padding:16,paddingTop:0,display:'flex',flexDirection:'column',flex:'0 0 auto'}).toString(),card:css({marginTop:8}).toString(),time:css({marginBottom:4,display:'flex',flexDirection:'row',alignItems:'center'}).toString(),timeText:css({marginLeft:8})};/**
+ * Billing
+ * @returns {JSX}
+ */var Billing=function Billing(){var _useCheckoutContext=useCheckoutContext(),taxLines=_useCheckoutContext.taxLines,fulfillmentSlot=_useCheckoutContext.fulfillmentSlot;var content=useMemo(function(){return taxLines.filter(function(t){return t.visible;}).map(function(t){var text=null;if(t.value!==null){if(t.type==='shippingTotal'&&t.value===0){text=i18n.text('shipping.free_short');}else{text=i18n.price(t.value,t.currencyCode,2);}}return{label:t.label===null?i18n.text("checkout.summary.".concat(t.type)):t.label,text:text,info:t.info||null,messages:t.messages||null};});},[taxLines]);return React.createElement("div",{className:styles.root},React.createElement(Section,{className:styles.card,title:"checkout.summary.headline",content:content},fulfillmentSlot?React.createElement("div",{className:styles.time},React.createElement(TimeIcon,{size:20}),React.createElement("span",{className:styles.timeText},moment(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.date,'YYYY-MM-DD').format('ll'),' ',moment(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.from,'HH:mm').format('LT'),' - ',moment(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.to,'HH:mm').format('LT'))):null));};export default Billing;

package/checkout/components/CheckoutConfirmation/CheckoutConfirmation.connector.js

@@ -0,0 +1,3 @@
+import{connect}from'react-redux';import{isUserLoggedIn}from'@shopgate/pwa-common/selectors/user';import{fetchCheckoutOrder}from"../../actions/fetchCheckoutOrder";/**
+ * @return {Function}
+ */var makeMapStateToProps=function makeMapStateToProps(){return function(state){return{isUserLoggedIn:isUserLoggedIn(state)};};};var mapDispatchToProps={fetchCheckoutOrder:fetchCheckoutOrder};export default connect(makeMapStateToProps,mapDispatchToProps);

package/checkout/components/CheckoutConfirmation/CheckoutConfirmation.js

@@ -0,0 +1,7 @@
+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);});};}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;}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,useEffect,useState}from'react';import{hot}from'react-hot-loader/root';import PropTypes from'prop-types';import{css}from'glamor';import{ResponsiveContainer,RippleButton}from'@shopgate/engage/components';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{CartItems}from'@shopgate/engage/cart';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{useRoute}from'@shopgate/engage/core';import{i18n}from"../../../core/helpers/i18n";import{convertLineItemsToCartItems,isReserveOnlyOrder,isDirectShipOnlyOrder}from"../../helpers";import{ResponsiveBackButton}from"../ResponsiveBackButton";import CheckoutConfirmationPickUpContact from"./CheckoutConfirmationPickUpContact";import CheckoutConfirmationOrderContact from"./CheckoutConfirmationOrderContact";import CheckoutConfirmationPickupNotes from"./CheckoutConfirmationPickupNotes";import CheckoutConfirmationBilledTo from"./CheckoutConfirmationBilledTo";import CheckoutConfirmationShippedTo from"./CheckoutConfirmationShippedTo";import CheckoutConfirmationOrderSummary from"./CheckoutConfirmationOrderSummary";import{SupplementalContent}from"../SupplementalContent";import connect from"./CheckoutConfirmation.connector";var variables=themeConfig.variables;var style={root:css({display:'flex',flexDirection:'row'}),main:css(_defineProperty({flex:1},responsiveMediaQuery('>=md',{webOnly:true}),{paddingRight:16})),side:css(_defineProperty({},responsiveMediaQuery('>=md',{webOnly:true}),{marginTop:134,marginLeft:variables.gap.big*-1,flex:0.45})),cartItems:css({marginBottom:32}),container:css(_defineProperty({padding:"".concat(variables.gap.big,"px ").concat(variables.gap.small*1.5,"px 0 ").concat(variables.gap.xbig,"px")},responsiveMediaQuery('<sm'),{paddingLeft:variables.gap.big})),backButtonContainer:css(_defineProperty({paddingLeft:variables.gap.big,display:'none'},responsiveMediaQuery('>=sm',{webOnly:true}),{display:'block'})),heading:css({fontSize:'2.125rem',fontWeight:'normal',margin:0,lineHeight:'2.25rem',paddingBottom:variables.gap.xbig}),yourItemsHeading:css({fontSize:'1.25rem',fontWeight:'bold',margin:"".concat(variables.gap.bigger,"px 0 0")}),instructions:css({marginBottom:variables.gap.xbig}),body:css({border:0,fontSize:'0.875rem',lineHeight:'1.25rem'}),orderNum:css({padding:0,fontSize:'1.25rem',fontWeight:500,lineHeight:'1.5rem',margin:"0 0 ".concat(variables.gap.big,"px"),border:0}),button:css(_defineProperty({flex:'0 0 auto !important',borderRadius:'2px !important',minWidth:'50% !important'},responsiveMediaQuery('<md'),{width:'100%'})),buttonWrapper:css({padding:variables.gap.big}),supplementalWrapper:css({padding:"".concat(variables.gap.xbig,"px ").concat(variables.gap.big,"px")}).toString()};/**
+ * CheckoutConfirmation component
+ * @returns {JSX}
+ */var CheckoutConfirmation=function CheckoutConfirmation(_ref){var onContinueShopping=_ref.onContinueShopping,isUserLoggedIn=_ref.isUserLoggedIn,fetchCheckoutOrder=_ref.fetchCheckoutOrder;var _useRoute=useRoute(),order=_useRoute.state.order,query=_useRoute.query;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),orderData=_useState2[0],setOrderData=_useState2[1];// Finding the source of order data.
+// Either from the route state or from a pipeline request.
+useEffect(function(){/** */var handleFetch=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var data;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:_context.next=2;return fetchCheckoutOrder();case 2:data=_context.sent;setOrderData(data);case 4:case"end":return _context.stop();}},_callee);}));return function handleFetch(){return _ref2.apply(this,arguments);};}();if(!order){handleFetch();return;}setOrderData(order);},[fetchCheckoutOrder,order,query]);// Map order data to more UI friendly format.
+var _useMemo=useMemo(function(){if(!orderData){return{};}return{orderNumber:orderData.orderNumber,date:orderData.date,cartItems:convertLineItemsToCartItems(orderData.lineItems),isReserveOnly:isReserveOnlyOrder(orderData),isDirectShipOnly:isDirectShipOnlyOrder(orderData),currencyOverride:orderData.currencyCode};},[orderData]),orderNumber=_useMemo.orderNumber,date=_useMemo.date,cartItems=_useMemo.cartItems,isReserveOnly=_useMemo.isReserveOnly,isDirectShipOnly=_useMemo.isDirectShipOnly,currencyOverride=_useMemo.currencyOverride;if(!orderData||!cartItems){return null;}return React.createElement("div",{className:style.root},React.createElement("div",{className:style.main},React.createElement("div",{className:style.backButtonContainer},React.createElement(ResponsiveBackButton,{label:"checkout.success.continue",onClick:onContinueShopping})),React.createElement("div",{className:style.container},React.createElement("h2",{className:style.heading},i18n.text('checkout.success.title')),React.createElement("p",{className:style.orderNum},i18n.text('checkout.success.order_date',{date:i18n.date(new Date(date).getTime(),'short')}),' | ',i18n.text('checkout.success.order_number',{orderNumber:orderNumber})),React.createElement("div",{className:style.instructions},React.createElement("p",{className:style.body},i18n.text('checkout.success.instructions_1')),React.createElement("p",{className:style.body},i18n.text('checkout.success.instructions_2')))),React.createElement("div",{className:style.cartItems},React.createElement(CartItems,{cartItems:cartItems,onFocus:function onFocus(){},multiLineReservation:true,editable:false,isCheckoutConfirmation:true,isDirectShipOnly:isDirectShipOnly,currencyOverride:currencyOverride})),React.createElement(ResponsiveContainer,{breakpoint:"<md",appAlways:true},React.createElement(CheckoutConfirmationPickUpContact,{order:orderData}),React.createElement(CheckoutConfirmationPickupNotes,{order:orderData}),React.createElement(CheckoutConfirmationShippedTo,{order:orderData}),!isUserLoggedIn&&isReserveOnly?React.createElement(CheckoutConfirmationOrderContact,{order:orderData}):React.createElement(CheckoutConfirmationBilledTo,{order:orderData}),React.createElement(CheckoutConfirmationOrderSummary,{order:orderData}),React.createElement(SupplementalContent,{className:style.supplementalWrapper})),React.createElement("div",{className:style.buttonWrapper},React.createElement(RippleButton,{type:"secondary",disabled:false,className:style.button.toString(),onClick:onContinueShopping},i18n.text('checkout.success.continue')))),React.createElement("div",{className:style.side},React.createElement(ResponsiveContainer,{breakpoint:">=md",webOnly:true},React.createElement(CheckoutConfirmationPickUpContact,{order:orderData}),React.createElement(CheckoutConfirmationPickupNotes,{order:orderData}),React.createElement(CheckoutConfirmationShippedTo,{order:orderData}),!isUserLoggedIn&&isReserveOnly?React.createElement(CheckoutConfirmationOrderContact,{order:orderData}):React.createElement(CheckoutConfirmationBilledTo,{order:orderData}),React.createElement(CheckoutConfirmationOrderSummary,{order:orderData}),React.createElement(SupplementalContent,{className:style.supplementalWrapper}))));};export default hot(connect(CheckoutConfirmation));

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationBilledTo.js

@@ -0,0 +1,4 @@
+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,{useMemo}from'react';import PropTypes from'prop-types';import startCase from'lodash/startCase';import{i18n}from"../../../core/helpers/i18n";import CheckoutConfirmationSection from"./CheckoutConfirmationSection";/**
+ * CheckoutConfirmationBilledTo component
+ * @returns {JSX}
+ */var CheckoutConfirmationBilledTo=function CheckoutConfirmationBilledTo(_ref){var order=_ref.order,className=_ref.className;var content=useMemo(function(){var billing=order.addressSequences.find(function(address){return address.type==='billing';});var firstName=billing.firstName,lastName=billing.lastName,address1=billing.address1,city=billing.city,region=billing.region,postalCode=billing.postalCode;var _ref2=order.paymentTransactions||[{}],_ref3=_slicedToArray(_ref2,1),_ref3$=_ref3[0],payment=_ref3$===void 0?{}:_ref3$;var _payment$paymentInfo=payment.paymentInfo,_payment$paymentInfo2=_payment$paymentInfo===void 0?{}:_payment$paymentInfo,_payment$paymentInfo3=_payment$paymentInfo2.card,_payment$paymentInfo4=_payment$paymentInfo3===void 0?{}:_payment$paymentInfo3,type=_payment$paymentInfo4.type,last4=_payment$paymentInfo4.last4,paymentType=_payment$paymentInfo2.type;var hasPayment=order.paymentTransactions&&order.paymentTransactions[0];var address=["".concat(firstName," ").concat(lastName),"".concat(address1||''),"".concat(city?"".concat(city,","):''," ").concat(city&&region?region:''," ").concat(postalCode||'')].filter(Boolean).join('\n');return[].concat(hasPayment&&paymentType==='cc'?[{label:i18n.text('checkout.success.card_holder'),text:address}]:[{label:i18n.text('checkout.success.address'),text:address}],hasPayment&&paymentType==='cc'?[{label:i18n.text('checkout.success.payment_method'),text:"".concat(startCase(type)," **** **** ").concat(last4)}]:[],hasPayment&&paymentType==='paypal'?[{label:i18n.text('checkout.success.payment_method'),text:'PayPal'}]:[]);},[order]);return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.billed_to",content:content,className:className});};CheckoutConfirmationBilledTo.defaultProps={className:null};export default CheckoutConfirmationBilledTo;

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationOrderContact.js

@@ -0,0 +1,4 @@
+import React,{useMemo}from'react';import PropTypes from'prop-types';import{i18n}from"../../../core/helpers/i18n";import CheckoutConfirmationSection from"./CheckoutConfirmationSection";/**
+ * CheckoutConfirmationOrderContact component
+ * @returns {JSX}
+ */var CheckoutConfirmationOrderContact=function CheckoutConfirmationOrderContact(_ref){var order=_ref.order,className=_ref.className;var content=useMemo(function(){var pickup=order.addressSequences.find(function(address){return address.type==='billing';});var firstName=pickup.firstName,lastName=pickup.lastName,phone=pickup.phone,mobile=pickup.mobile,emailAddress=pickup.emailAddress;var entries=[{label:i18n.text('checkout.success.name'),text:"".concat(firstName," ").concat(lastName)}];if(emailAddress){entries.push({label:i18n.text('checkout.success.email_address'),text:emailAddress});}if(mobile){entries.push({label:i18n.text('checkout.success.phone_number'),text:mobile});}else if(phone){entries.push({label:i18n.text('checkout.success.phone_number'),text:phone});}return entries;},[order]);return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.order_contact",content:content,className:className});};CheckoutConfirmationOrderContact.defaultProps={className:null};export default CheckoutConfirmationOrderContact;

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationOrderSummary.js

@@ -0,0 +1,4 @@
+import React,{useMemo}from'react';import PropTypes from'prop-types';import{css}from'glamor';import TimeIcon from'@shopgate/pwa-ui-shared/icons/TimeIcon';import moment from'moment';import{i18n}from"../../../core/helpers/i18n";import CheckoutConfirmationSection from"./CheckoutConfirmationSection";import{getCheckoutTaxLinesFromOrder}from"../../helpers";var styles={time:css({marginBottom:4,display:'flex',flexDirection:'row',alignItems:'center'}).toString(),timeText:css({marginLeft:8})};/**
+ * CheckoutConfirmationOrderSummary component
+ * @returns {JSX}
+ */var CheckoutConfirmationOrderSummary=function CheckoutConfirmationOrderSummary(_ref){var _order$lineItems$;var order=_ref.order,className=_ref.className;var content=useMemo(function(){return getCheckoutTaxLinesFromOrder(order).filter(function(t){return t.visible;}).map(function(t){var text=null;if(t.value!==null){if(t.type==='shippingTotal'&&t.value===0){text=i18n.text('shipping.free_short');}else{text=i18n.price(t.value,t.currencyCode,2);}}return{label:t.label===null?i18n.text("checkout.summary.".concat(t.type)):t.label,text:text};});},[order]);var fulfillmentSlot=order===null||order===void 0?void 0:(_order$lineItems$=order.lineItems[0])===null||_order$lineItems$===void 0?void 0:_order$lineItems$.fulfillmentSlot;return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.order_summary",content:content,isSummary:true,className:className},fulfillmentSlot?React.createElement("div",{className:styles.time},React.createElement(TimeIcon,{size:20}),React.createElement("span",{className:styles.timeText},moment(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.date,'YYYY-MM-DD').format('ll'),' ',moment(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.from,'HH:mm').format('LT'),' - ',moment(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.to,'HH:mm').format('LT'))):null);};CheckoutConfirmationOrderSummary.defaultProps={className:null};export default CheckoutConfirmationOrderSummary;

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationPickUpContact.js

@@ -0,0 +1,4 @@
+import React,{useMemo}from'react';import PropTypes from'prop-types';import{i18n}from"../../../core/helpers/i18n";import CheckoutConfirmationSection from"./CheckoutConfirmationSection";/**
+ * CheckoutConfirmationPickUpContact component
+ * @returns {JSX}
+ */var CheckoutConfirmationPickUpContact=function CheckoutConfirmationPickUpContact(_ref){var order=_ref.order,className=_ref.className;var content=useMemo(function(){var pickup=order.addressSequences.find(function(address){return address.type==='pickup';});if(!pickup){return null;}var firstName=pickup.firstName,lastName=pickup.lastName,phone=pickup.phone,mobile=pickup.mobile,emailAddress=pickup.emailAddress;var entries=[{label:i18n.text('checkout.success.name'),text:"".concat(firstName," ").concat(lastName)}];if(emailAddress){entries.push({label:i18n.text('checkout.success.email_address'),text:emailAddress});}if(mobile){entries.push({label:i18n.text('checkout.success.phone_number'),text:mobile});}else if(phone){entries.push({label:i18n.text('checkout.success.phone_number'),text:phone});}return entries;},[order]);if(!content){return null;}return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.pick_up_contact",content:content,className:className});};CheckoutConfirmationPickUpContact.defaultProps={className:null};export default CheckoutConfirmationPickUpContact;

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationPickupNotes.js

@@ -0,0 +1,4 @@
+import React from'react';import PropTypes from'prop-types';import CheckoutConfirmationSection from"./CheckoutConfirmationSection";/**
+ * CheckoutConfirmationPickupNotes component
+ * @returns {JSX}
+ */var CheckoutConfirmationPickupNotes=function CheckoutConfirmationPickupNotes(_ref){var order=_ref.order,className=_ref.className;if(!order.notes){return null;}return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.pickup_notes",content:order.notes,className:className});};CheckoutConfirmationPickupNotes.defaultProps={className:null};export default CheckoutConfirmationPickupNotes;

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationSection.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;}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,{Fragment}from'react';import{css}from'glamor';import classNames from'classnames';import PropTypes from'prop-types';import{Card,TextLink}from'@shopgate/engage/components';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{isIOSTheme}from'@shopgate/engage/core';import{i18n}from"../../../core/helpers/i18n";var colors=themeConfig.colors,variables=themeConfig.variables;var styles={wrapper:css({padding:"".concat(variables.gap.bigger,"px ").concat(variables.gap.big,"px 0 ").concat(variables.gap.big,"px")}).toString(),headline:css(_extends({color:colors.shade3,fontSize:'1rem',fontWeight:'normal',textTransform:'uppercase',paddingBottom:variables.gap.small,margin:0},!isIOSTheme()?{fontSize:'1.25rem',lineHeight:'1.5rem',fontWeight:500,color:'var(--color-text-high-emphasis)',textTransform:'none'}:{})),link:css({color:"var(--color-primary, ".concat(colors.primary,") !important")}).toString(),card:css(_extends({fontSize:'0.875rem',lineHeight:'1.25rem',margin:0,padding:variables.gap.big,color:'var(--color-text-medium-emphasis)',flex:'1 0 auto'},!isIOSTheme()?{background:'var(--color-background-accent)',boxShadow:'none'}:{})).toString(),cardWithForm:css(_extends({},!isIOSTheme()?{background:'inherit',boxShadow:'none',padding:0}:{})).toString(),list:css({margin:0}),listTitle:css({fontSize:'0.625rem',lineHeight:'1rem',fontWeight:'bold',letterSpacing:'1.5px',textTransform:'uppercase',color:'var(--color-text-high-emphasis)',':not(:first-child)':{paddingTop:variables.gap.xsmall*3}}),listEntry:css({fontSize:'0.875rem',lineHeight:'1.5rem',marginLeft:0,whiteSpace:'pre-line',wordBreak:'break-all',color:'var(--color-text-medium-emphasis)'}),table:css({color:'var(--color-text-high-emphasis)',' td':{padding:"".concat(variables.gap.xsmall,"px 0")},' td:last-child':{textAlign:'right',whiteSpace:'pre-wrap',paddingLeft:variables.gap.xsmall},' tr:nth-last-child(2) td':{paddingBottom:8},' tr:last-child td':{fontSize:'1rem',paddingTop:8,borderTop:'1px solid #979797',fontWeight:'bold'}})};/**
+ * CheckoutConfirmationSegment component
+ * @returns {JSX}
+ */var CheckoutConfirmationSegment=function CheckoutConfirmationSegment(_ref){var title=_ref.title,content=_ref.content,children=_ref.children,hasForm=_ref.hasForm,isSummary=_ref.isSummary,className=_ref.className;if(!content){return null;}var isString=typeof content==='string';return React.createElement(Fragment,null,React.createElement("div",{className:classNames(styles.wrapper,className)},React.createElement("h3",{className:styles.headline},i18n.text(title)),React.createElement(Card,{className:classNames(styles.card,_defineProperty({},styles.cardWithForm,hasForm))},isString&&React.createElement("span",null,content),!isString&&!isSummary&&React.createElement("dl",{className:styles.list},content.map(function(_ref2){var label=_ref2.label,text=_ref2.text,link=_ref2.link;return React.createElement(Fragment,{key:label||text},label&&React.createElement("dt",{className:styles.listTitle},i18n.text(label)),link?React.createElement("dd",{className:styles.listEntry},React.createElement(TextLink,{href:link,className:styles.link},React.createElement("span",{dangerouslySetInnerHTML:{__html:text}}))):React.createElement("dd",{className:styles.listEntry,dangerouslySetInnerHTML:{__html:text}}));})),children,isSummary&&React.createElement("table",{className:styles.table},React.createElement("tbody",null,content.map(function(_ref3){var label=_ref3.label,text=_ref3.text;return React.createElement("tr",{key:label||text},label&&React.createElement("td",null,i18n.text(label)),React.createElement("td",{dangerouslySetInnerHTML:{__html:text}}));}))))));};CheckoutConfirmationSegment.defaultProps={children:null,content:null,hasForm:false,isSummary:false,className:null};export default CheckoutConfirmationSegment;

package/checkout/components/CheckoutConfirmation/CheckoutConfirmationShippedTo.js

@@ -0,0 +1,4 @@
+import React,{useMemo}from'react';import PropTypes from'prop-types';import{i18n}from"../../../core/helpers/i18n";import CheckoutConfirmationSection from"./CheckoutConfirmationSection";/**
+ * CheckoutConfirmationShippedTo component
+ * @returns {JSX}
+ */var CheckoutConfirmationShippedTo=function CheckoutConfirmationShippedTo(_ref){var order=_ref.order,className=_ref.className;var content=useMemo(function(){var _orderSegment$selecte,_orderSegment$selecte2;var shipping=order.addressSequences.find(function(address){return address.type==='shipping';});if(!shipping){return null;}var firstName=shipping.firstName,lastName=shipping.lastName,address1=shipping.address1,city=shipping.city,region=shipping.region,postalCode=shipping.postalCode,orderSegment=shipping.orderSegment;var shippingMethodServiceLevel=orderSegment===null||orderSegment===void 0?void 0:(_orderSegment$selecte=orderSegment.selectedShippingMethod)===null||_orderSegment$selecte===void 0?void 0:(_orderSegment$selecte2=_orderSegment$selecte.serviceLevel)===null||_orderSegment$selecte2===void 0?void 0:_orderSegment$selecte2.name;var address=["".concat(firstName," ").concat(lastName),"".concat(address1||''),"".concat(city?"".concat(city,","):''," ").concat(city&&region?region:''," ").concat(postalCode||'')].filter(Boolean).join('\n');return[{label:i18n.text('checkout.success.address'),text:address}].concat(shippingMethodServiceLevel?{label:i18n.text('checkout.success.shipping_method'),text:shippingMethodServiceLevel}:[]);},[order]);if(!content){return null;}return React.createElement(CheckoutConfirmationSection,{title:"checkout.success.shipped_to",content:content,className:className});};CheckoutConfirmationShippedTo.defaultProps={className:null};export default CheckoutConfirmationShippedTo;

package/checkout/components/CheckoutConfirmation/index.js

@@ -0,0 +1 @@
+export{default as CheckoutConfirmationPickUpContact}from"./CheckoutConfirmationPickUpContact";export{default as CheckoutConfirmationOrderContact}from"./CheckoutConfirmationOrderContact";export{default as CheckoutConfirmationBilledTo}from"./CheckoutConfirmationBilledTo";export{default as CheckoutConfirmationShippedTo}from"./CheckoutConfirmationShippedTo";export{default as CheckoutConfirmationOrderSummary}from"./CheckoutConfirmationOrderSummary";export{default as CheckoutConfirmationSection}from"./CheckoutConfirmationSection";

package/checkout/components/GuestCheckout/GuestCheckout.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{ResponsiveContainer}from'@shopgate/engage/components';import{responsiveMediaQuery}from'@shopgate/engage/styles';import Header from"../Checkout/CheckoutHeader";import{GUEST_CHECKOUT_PAYMENT_PATTERN}from"../../constants/routes";import CheckoutProvider from"../../providers/CheckoutProvider";import PaymentProvider from"../../paymentMethods";import{ADDRESS_TYPE_BILLING,ADDRESS_TYPE_SHIPPING}from"../../constants";import Address from"../Checkout/CheckoutAddress";import Summary from"../Checkout/CheckoutSummary";import Actions from"../Checkout/CheckoutActions";import Pickup from"./GuestCheckoutPickup";import PickupNotes from"./GuestCheckoutPickupNotes";import GuestCheckoutOptIn from"./GuestCheckoutOptIn";import{ShippingMethods}from"../ShippingMethods";var styles={root:css({display:'flex',flexDirection:'row'}),main:css(_defineProperty({flex:1,paddingTop:16},responsiveMediaQuery('>=md',{webOnly:true}),{paddingRight:16,paddingTop:0})),side:css(_defineProperty({},responsiveMediaQuery('>=md',{webOnly:true}),{flex:0.6}))};/**
+ * The Cart component.
+ * @returns {JSX}
+ */var GuestCheckout=function GuestCheckout(){return React.createElement(CheckoutProvider,{pathPattern:GUEST_CHECKOUT_PAYMENT_PATTERN,orderInitialized:true,orderReadOnly:true,isGuestCheckout:true},React.createElement(Header,{stepFrom:2,stepTo:2}),React.createElement("div",{className:styles.root},React.createElement("div",{className:styles.main},React.createElement(Pickup,null),React.createElement(PickupNotes,null),React.createElement(Address,{type:ADDRESS_TYPE_BILLING}),React.createElement(Address,{type:ADDRESS_TYPE_SHIPPING}),React.createElement(GuestCheckoutOptIn,null),React.createElement(ShippingMethods,null),React.createElement(PaymentProvider,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 GuestCheckout;

package/checkout/components/GuestCheckout/GuestCheckoutOptIn.config.js

@@ -0,0 +1,4 @@
+import{i18n}from'@shopgate/engage/core';/**
+ * Generates form configuration.
+ * @returns {Object}
+ */var generateFormConfig=function generateFormConfig(){return{fields:{marketingOptIn:{type:'checkbox',label:i18n.text('registration.marketing_opt_in_label')}}};};export default generateFormConfig;

package/checkout/components/GuestCheckout/GuestCheckoutOptIn.js

@@ -0,0 +1,3 @@
+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,useEffect}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/engage';import{FormBuilder,SurroundPortals}from'@shopgate/engage/components';import{isIOSTheme}from'@shopgate/engage/core';import{StylePresets}from'@shopgate/engage/components/Form';import Section from"../Checkout/CheckoutSection";import{useCheckoutContext}from"../../hooks/common";import generateFormConfig from"./GuestCheckoutOptIn.config";import{CHECKOUT_MARKETING_OPTIN}from"../../constants";var variables=themeConfig.variables;var styles={root:css(_extends({padding:"0 ".concat(variables.gap.big,"px")},!isIOSTheme()?{paddingBottom:variables.gap.xbig}:{})).toString(),form:css(_extends({' .guestCheckoutOptInMarketingOptIn .checkbox':{paddingBottom:0}},StylePresets.OUTLINED_FORM_FIELDS)).toString(),section:css({margin:variables.gap.big}).toString()};/**
+ * @returns {JSX}
+ */var GuestCheckoutOptIn=function GuestCheckoutOptIn(){var _useCheckoutContext=useCheckoutContext(),defaultOptInFormState=_useCheckoutContext.defaultOptInFormState,optInFormSetValues=_useCheckoutContext.optInFormSetValues,setUpdateOptIns=_useCheckoutContext.setUpdateOptIns;/* eslint-disable react-hooks/exhaustive-deps */useEffect(function(){setUpdateOptIns();},[]);/* eslint-enable react-hooks/exhaustive-deps */var formConfig=useMemo(function(){return generateFormConfig();},[]);var handleUpdate=useCallback(function(values){optInFormSetValues(values);},[optInFormSetValues]);return React.createElement(SurroundPortals,{portalName:CHECKOUT_MARKETING_OPTIN},React.createElement("div",{className:styles.root},React.createElement(Section,{hasForm:true},React.createElement(FormBuilder,{className:styles.form,name:"GuestCheckoutOptIn",config:formConfig,defaults:defaultOptInFormState,handleUpdate:handleUpdate}))));};export default GuestCheckoutOptIn;

package/checkout/components/GuestCheckout/GuestCheckoutPickup.js

@@ -0,0 +1,4 @@
+import React,{useMemo}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/engage';import{GUEST_CHECKOUT_PATTERN}from"../../constants/routes";import Section from"../Checkout/CheckoutSection";import{useCheckoutContext}from"../../hooks/common";import{ADDRESS_TYPE_PICKUP}from"../../constants";var variables=themeConfig.variables;var styles={root:css({padding:"0 ".concat(variables.gap.big,"px ").concat(variables.gap.big,"px"),display:'flex',flexDirection:'column',flex:'0 0 auto'}).toString(),card:css({display:'flex',flexDirection:'column',fontSize:15,margin:'8px 0 12px 0'}).toString()};/**
+ * GuestCheckoutPickup
+ * @returns {JSX}
+ */var GuestCheckoutPickup=function GuestCheckoutPickup(){var _pickupAddress$middle;var _useCheckoutContext=useCheckoutContext(),pickupAddress=_useCheckoutContext.pickupAddress,orderReserveOnly=_useCheckoutContext.orderReserveOnly;var headline=useMemo(function(){return orderReserveOnly?'checkout.pickup_contact.headline_reserve':'checkout.pickup_contact.headline';},[orderReserveOnly]);if(!pickupAddress){return null;}return React.createElement("div",{className:styles.root},React.createElement(Section,{className:styles.card,title:headline,editLink:"".concat(GUEST_CHECKOUT_PATTERN,"?edit=").concat(ADDRESS_TYPE_PICKUP)},React.createElement("span",null,((_pickupAddress$middle=pickupAddress.middleName)===null||_pickupAddress$middle===void 0?void 0:_pickupAddress$middle.length)?"".concat(pickupAddress.firstName," ").concat(pickupAddress.middleName," ").concat(pickupAddress.lastName):"".concat(pickupAddress.firstName," ").concat(pickupAddress.lastName)),React.createElement("span",null,pickupAddress.emailAddress),React.createElement("span",null,pickupAddress.mobile)));};export default GuestCheckoutPickup;

package/checkout/components/GuestCheckout/GuestCheckoutPickupNotes.config.js

@@ -0,0 +1,4 @@
+import{i18n}from'@shopgate/engage/core';/**
+ * Generates form configuration.
+ * @returns {Object}
+ */var generateFormConfig=function generateFormConfig(){return{fields:{instructions:{type:'text',label:i18n.text('checkout.pickup_contact.form.instructions')}}};};export default generateFormConfig;

package/checkout/components/GuestCheckout/GuestCheckoutPickupNotes.js

@@ -0,0 +1,4 @@
+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{FormBuilder}from'@shopgate/engage/components';import{StylePresets}from'@shopgate/engage/components/Form';import generateFormConfig from"./GuestCheckoutPickupNotes.config";import Section from"../Checkout/CheckoutSection";import{useCheckoutContext}from"../../hooks/common";var styles={root:css({padding:'16px 16px 0',paddingTop:0,display:'flex',flex:'0 0 auto',flexDirection:'column'}).toString(),form:css(_extends({' .textField':{marginBottom:'16px !important'}},StylePresets.OUTLINED_FORM_FIELDS)).toString()};/**
+ * GuestCheckoutPickupNotes
+ * @returns {JSX}
+ */var GuestCheckoutPickupNotes=function GuestCheckoutPickupNotes(){var _useCheckoutContext=useCheckoutContext(),defaultPickupPersonState=_useCheckoutContext.defaultPickupPersonState,formValidationErrors=_useCheckoutContext.formValidationErrors,formSetValues=_useCheckoutContext.formSetValues,isPickupContactSelectionEnabled=_useCheckoutContext.isPickupContactSelectionEnabled;var formConfig=useMemo(function(){return generateFormConfig();},[]);var handleUpdate=useCallback(function(values){formSetValues(values);},[formSetValues]);if(!isPickupContactSelectionEnabled){return null;}return React.createElement("div",{className:styles.root},React.createElement(Section,{title:"",hasForm:true},React.createElement(FormBuilder,{className:styles.form,name:"PickupNotesForm",config:formConfig,defaults:defaultPickupPersonState,validationErrors:formValidationErrors,handleUpdate:handleUpdate})));};export default GuestCheckoutPickupNotes;

package/checkout/components/PaymentMethodButton/PaymentMethodButton.js

@@ -0,0 +1,5 @@
+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 PropTypes from'prop-types';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{css}from'glamor';import{useCheckoutContext}from"../../hooks/common";var styles={root:css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({outline:'none',border:'1px solid rgba(0, 0, 0, 0.12)',borderRadius:4,background:'#fff',height:52,width:160,display:'flex',flexDirection:'row',justifyContent:'center',alignItems:'center'},responsiveMediaQuery('xs'),{width:'50%'}),'&:not(:last-child)',{borderTopRightRadius:0,borderBottomRightRadius:0}),'&:not(:first-child)',{borderLeft:'none',borderTopLeftRadius:0,borderBottomLeftRadius:0}),'&:hover',{background:'rgba(0, 0, 0, 0.05)'})).toString(),active:css({background:'rgba(0, 0, 0, 0.12)','&:hover':{background:'rgba(0, 0, 0, 0.12)'}}).toString()};/**
+ * Payment Button
+ * @param {Object} props Props
+ * @returns {JSX}
+ */var PaymentMethodButton=function PaymentMethodButton(_ref){var children=_ref.children,active=_ref.active,onChange=_ref.onChange;var _useCheckoutContext=useCheckoutContext(),isLocked=_useCheckoutContext.isLocked;return React.createElement("button",{type:"button",disabled:isLocked,className:"".concat(styles.root," ").concat(active&&styles.active),onClick:function onClick(){return onChange();}},children);};export default PaymentMethodButton;

package/checkout/components/PaymentMethodButton/index.js

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

package/checkout/components/ResponsiveBackButton/ResponsiveBackButton.js

@@ -0,0 +1,4 @@
+import React,{useCallback}from'react';import PropTypes from'prop-types';import{RippleButton,I18n,ArrowIcon}from'@shopgate/engage/components';import{useNavigation}from'@shopgate/engage/core';import{container,button,buttonIcon}from"./ResponsiveBackButton.style";/**
+ * A back button  for the desktop checkout pages.
+ * @returns {JSX}
+ */var ResponsiveBackButton=function ResponsiveBackButton(_ref){var label=_ref.label,onClick=_ref.onClick;var _useNavigation=useNavigation(),pop=_useNavigation.pop;var handleClick=useCallback(function(){if(onClick){onClick();return;}pop();},[onClick,pop]);return React.createElement("div",{className:container},React.createElement(RippleButton,{flat:true,className:button,type:"secondary",onClick:handleClick},React.createElement(ArrowIcon,{className:buttonIcon}),React.createElement(I18n.Text,{string:label})));};ResponsiveBackButton.defaultProps={label:'common.back',onClick:null};export default ResponsiveBackButton;

package/checkout/components/ResponsiveBackButton/ResponsiveBackButton.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var container=css({display:'flex',padding:"".concat(variables.gap.xbig,"px ").concat(variables.gap.big,"px ").concat(variables.gap.big,"px ").concat(variables.gap.big,"px")}).toString();export var button=css({fontSize:'0.875rem !important',padding:'0 !important',' > div ':{padding:0,display:'flex'}}).toString();export var buttonIcon=css({display:'inline-block',fontSize:'1.375rem !important',alignSelf:'center',marginRight:variables.gap.xsmall,marginLeft:-3,marginTop:-2}).toString();

package/checkout/components/ResponsiveBackButton/index.js

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

package/checkout/components/ShippingMethods/ShippingMethod.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}from'react';import PropTypes from'prop-types';import{css}from'glamor';import classNames from'classnames';import{i18n}from'@shopgate/engage/core';import{Image}from'@shopgate/engage/components';import{useCheckoutContext}from'@shopgate/engage/checkout/hooks/common';import ShippingMethodIcon from'@shopgate/pwa-ui-shared/icons/ShippingMethodIcon';var styles={root:css({display:'flex',alignItems:'center',fontSize:15}).toString(),rootDisabled:css({opacity:0.5}).toString(),imageContainer:css({width:32,heigh:32,marginRight:8,flexShrink:0}).toString(),image:css({width:'100%',height:'100%'}).toString(),label:css({display:'flex',width:'100%',justifyContent:'space-between'}).toString(),name:css({marginRight:8}).toString()};/**
+ * The shipping methods component.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var ShippingMethod=function ShippingMethod(_ref){var shippingMethod=_ref.shippingMethod;var _useCheckoutContext=useCheckoutContext(),currencyCode=_useCheckoutContext.currencyCode;var serviceLevel=shippingMethod.serviceLevel;var _useState=useState(!!(serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.iconUrl)),_useState2=_slicedToArray(_useState,2),useImage=_useState2[0],setUseImage=_useState2[1];return React.createElement("div",{className:classNames(styles.root)},React.createElement("div",{className:styles.imageContainer},useImage?React.createElement(Image,{className:styles.image,src:serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.iconUrl,onError:function onError(){return setUseImage(false);}}):React.createElement(ShippingMethodIcon,{className:styles.image})),React.createElement("div",{className:styles.label},React.createElement("span",{className:styles.name},serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.name),React.createElement("span",null,(serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.cost)?i18n.price(serviceLevel===null||serviceLevel===void 0?void 0:serviceLevel.cost,currencyCode,2):i18n.text('shipping.free_short'))));};export default ShippingMethod;

package/checkout/components/ShippingMethods/ShippingMethods.js

@@ -0,0 +1,23 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";var _excluded=["serviceLevels"];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);});};}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;}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{hot}from'react-hot-loader/root';import React,{useCallback,useEffect,useMemo,useState}from'react';import PropTypes from'prop-types';import{css}from'glamor';import classNames from'classnames';import CryptoJs from'crypto-js';import sortBy from'lodash/sortBy';import uniqBy from'lodash/uniqBy';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{i18n}from'@shopgate/engage/core';import{RadioGroupV2 as RadioGroup,RadioCard,MessageBar}from'@shopgate/engage/components';import{useCheckoutContext}from'@shopgate/engage/checkout/hooks/common';import ShippingMethod from"./ShippingMethod";import connect from"./connector";var variables=themeConfig.variables;var styles={root:css({padding:"0 ".concat(variables.gap.big,"px ").concat(variables.gap.xbig,"px")}).toString(),headline:css({fontSize:'1.25rem',fontWeight:'normal',padding:"0 ".concat(variables.gap.small,"px 0 0"),margin:"0 0 ".concat(variables.gap.small,"px 0"),color:'var(--color-text-high-emphasis)',textTransform:'none'}).toString(),container:css({border:'1px solid #eaeaea',' li:nth-child(2n)':{background:'var(--color-background-accent)'}}).toString(),containerSingle:css({padding:variables.gap.small}).toString(),card:css({display:'flex',alignItems:'center'}).toString(),errorMessage:css({margin:0}).toString(),iOSCard:css({width:'100%',overflow:'hidden',marginBottom:variables.gap.big}).toString()};/**
+ * Hashes a shipping method
+ * @param {Object} method A shipping method
+ * @returns {string}
+ */var hashShippingMethod=function hashShippingMethod(method){if(!method){return null;}var code=method.code,_method$serviceLevel=method.serviceLevel,serviceLevelCode=_method$serviceLevel.code,carrierCode=_method$serviceLevel.carrier.code;return CryptoJs.MD5("".concat(code," ").concat(serviceLevelCode," ").concat(carrierCode)).toString();};/**
+ * Custom replacement for the wrapper component of the RadioCard
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CardComponent=function CardComponent(_ref){var children=_ref.children;return React.createElement("li",{className:styles.card},children);};CardComponent.defaultProps={children:null};/**
+ * The shipping methods component.
+ * @returns {JSX}
+ */var ShippingMethods=function ShippingMethods(_ref2){var orderHasDirectShipItems=_ref2.orderHasDirectShipItems;var _useCheckoutContext=useCheckoutContext(),shippingAddress=_useCheckoutContext.shippingAddress,updateShippingMethod=_useCheckoutContext.updateShippingMethod,isLoading=_useCheckoutContext.isLoading,order=_useCheckoutContext.order;var _ref3=(shippingAddress===null||shippingAddress===void 0?void 0:shippingAddress.orderSegment)||{},_ref3$selectedShippin=_ref3.selectedShippingMethod,selectedShippingMethod=_ref3$selectedShippin===void 0?null:_ref3$selectedShippin,_ref3$availableShippi=_ref3.availableShippingMethods,availableShippingMethods=_ref3$availableShippi===void 0?[]:_ref3$availableShippi;var _useState=useState(hashShippingMethod(selectedShippingMethod)),_useState2=_slicedToArray(_useState,2),selectedHash=_useState2[0],setSelectedHash=_useState2[1];useEffect(function(){// Update the selected hash when the selected shipping method updates
+setSelectedHash(hashShippingMethod(selectedShippingMethod));},[selectedShippingMethod]);/**
+   * The component actually doesn't render shipping methods, but service levels. To improve
+   * data handling, we transform the original data structure to the shape which is required for
+   * the update request.
+   */var shippingMethods=useMemo(function(){// Flat map all service levels of all shipping methods and aggregate with parent (method) data.
+var unsortedLevels=availableShippingMethods.flatMap(function(method){var serviceLevels=method.serviceLevels,methodData=_objectWithoutProperties(method,_excluded);return serviceLevels.map(function(serviceLevel){var entry=_extends({},methodData,{serviceLevel:serviceLevel});var hash=hashShippingMethod(entry);return _extends({},entry,{hash:hash});});});// Remove duplicated shipping levels that originated from different shipping methods.
+var dedupedLevels=uniqBy(unsortedLevels,function(_ref4){var _serviceLevel$carrier;var serviceLevel=_ref4.serviceLevel;return"".concat(serviceLevel.code,"#").concat((_serviceLevel$carrier=serviceLevel.carrier)===null||_serviceLevel$carrier===void 0?void 0:_serviceLevel$carrier.code);});// Show cheapest service level first followed by alphabetic name.
+return sortBy(dedupedLevels,['serviceLevel.cost','serviceLevel.name']);},[availableShippingMethods]);var onChange=useCallback(/*#__PURE__*/function(){var _ref5=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(event,value){var _shippingMethod$servi,_shippingMethod$servi2,_shippingMethod$servi3;var shippingMethod;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:// Determine the selected shipping method by its hash
+shippingMethod=shippingMethods.find(function(_ref6){var hash=_ref6.hash;return value===hash;});if(shippingMethod){_context.next=3;break;}return _context.abrupt("return");case 3:// Update the local state
+setSelectedHash(shippingMethod===null||shippingMethod===void 0?void 0:shippingMethod.hash);// Perform the update request
+_context.next=6;return updateShippingMethod({code:shippingMethod===null||shippingMethod===void 0?void 0:shippingMethod.code,serviceLevel:{code:shippingMethod===null||shippingMethod===void 0?void 0:(_shippingMethod$servi=shippingMethod.serviceLevel)===null||_shippingMethod$servi===void 0?void 0:_shippingMethod$servi.code,carrier:{code:shippingMethod===null||shippingMethod===void 0?void 0:(_shippingMethod$servi2=shippingMethod.serviceLevel)===null||_shippingMethod$servi2===void 0?void 0:(_shippingMethod$servi3=_shippingMethod$servi2.carrier)===null||_shippingMethod$servi3===void 0?void 0:_shippingMethod$servi3.code}}});case 6:case"end":return _context.stop();}},_callee);}));return function(_x,_x2){return _ref5.apply(this,arguments);};}(),[shippingMethods,updateShippingMethod]);if((order===null||order===void 0?void 0:order.status)!=='new'||!orderHasDirectShipItems){return null;}if(shippingMethods.length===0){return React.createElement("div",{className:styles.root},React.createElement("h3",{className:styles.headline},i18n.text('checkout.shippingMethod.title')),React.createElement(MessageBar,{messages:[{type:'error',message:i18n.text("checkout.shippingMethod.errors.".concat(!shippingAddress?'noShippingAddress':'invalidShippingAddress'))}],classNames:{container:styles.errorMessage},showIcons:true}));}return React.createElement("div",{className:styles.root},React.createElement("h3",{className:styles.headline},i18n.text('checkout.shippingMethod.title')),shippingMethods.length===1?React.createElement("div",{className:classNames(styles.container,styles.containerSingle)},React.createElement(ShippingMethod,{shippingMethod:shippingMethods[0]})):React.createElement(RadioGroup,{name:"shipping-methods",value:selectedHash,onChange:onChange,component:"ul",classes:{root:styles.container},disabled:isLoading},shippingMethods.map(function(shippingMethod){return React.createElement(RadioCard,{renderCard:CardComponent,value:shippingMethod.hash,key:shippingMethod.hash},React.createElement(ShippingMethod,{shippingMethod:shippingMethod}));})));};ShippingMethods.defaultProps={orderHasDirectShipItems:false};export default hot(connect(ShippingMethods));

package/checkout/components/ShippingMethods/connector.js

@@ -0,0 +1,7 @@
+import{connect}from'react-redux';import{getHasDirectShipItems}from'@shopgate/engage/checkout/selectors/order';/**
+ * @returns {Function}
+ */function makeMapStateToProps(){/**
+   * @param {Object} state The application state.
+   * @param {Object} props The component props
+   * @returns {Object}
+   */return function(state){return{orderHasDirectShipItems:getHasDirectShipItems(state)};};}export default connect(makeMapStateToProps);

package/checkout/components/ShippingMethods/index.js

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

package/checkout/components/SupplementalContent/SupplementalContent.connector.js

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

package/checkout/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/checkout/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/checkout/components/SupplementalContent/index.js

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

package/checkout/components/index.js

@@ -0,0 +1 @@
+export{CheckoutConfirmationPickUpContact,CheckoutConfirmationOrderContact,CheckoutConfirmationBilledTo,CheckoutConfirmationShippedTo,CheckoutConfirmationOrderSummary,CheckoutConfirmationSection}from"./CheckoutConfirmation";export{SupplementalContent}from"./SupplementalContent";export{default as Checkout}from"./Checkout/Checkout";export{default as GuestCheckoutPayment}from"./GuestCheckout/GuestCheckout";export{default as CheckoutConfirmation}from"./CheckoutConfirmation/CheckoutConfirmation";export{default as AddressBook}from"./AddressBook";export{default as AddressBookContact}from"./AddressBookContact";

package/checkout/constants/actionTypes.js

@@ -0,0 +1 @@
+export var INITIALIZE_CHECKOUT='INITIALIZE_CHECKOUT';export var INITIALIZE_CHECKOUT_SUCCESS='INITIALIZE_CHECKOUT_SUCCESS';export var INITIALIZE_CHECKOUT_ERROR='INITIALIZE_CHECKOUT_ERROR';export var FETCH_CHECKOUT_ORDER='FETCH_CHECKOUT_ORDER';export var FETCH_CHECKOUT_ORDER_SUCCESS='FETCH_CHECKOUT_ORDER_SUCCESS';export var FETCH_CHECKOUT_ORDER_ERROR='FETCH_CHECKOUT_ORDER_ERROR';export var CLEAR_CHECKOUT_ORDER='CLEAR_CHECKOUT_ORDER';export var FETCH_PAYMENT_METHODS='FETCH_PAYMENT_METHODS';export var FETCH_PAYMENT_METHODS_SUCCESS='FETCH_PAYMENT_METHODS_SUCCESS';export var FETCH_PAYMENT_METHODS_ERROR='FETCH_PAYMENT_METHODS_ERROR';export var UPDATE_CHECKOUT_ORDER='UPDATE_CHECKOUT_ORDER';export var UPDATE_CHECKOUT_ORDER_SUCCESS='UPDATE_CHECKOUT_ORDER_SUCCESS';export var UPDATE_CHECKOUT_ORDER_ERROR='UPDATE_CHECKOUT_ORDER_ERROR';export var SUBMIT_CHECKOUT_ORDER='SUBMIT_CHECKOUT_ORDER';export var SUBMIT_CHECKOUT_ORDER_SUCCESS='SUBMIT_CHECKOUT_ORDER_SUCCESS';export var SUBMIT_CHECKOUT_ORDER_ERROR='SUBMIT_CHECKOUT_ORDER_ERROR';export var ADD_CHECKOUT_CAMPAIGN='ADD_CHECKOUT_CAMPAIGN';export var CLEAR_CHECKOUT_CAMPAIGN='CLEAR_CHECKOUT_CAMPAIGN';export var VALIDATION_ERRORS_CHECKOUT='VALIDATION_ERRORS_CHECKOUT';

package/checkout/constants/errorCodes.js

@@ -0,0 +1 @@
+export var ERROR_CODE_CHECKOUT_GENERIC='EUNKNOWN';

package/checkout/constants/index.js

@@ -0,0 +1 @@
+import{CHECKOUT_PATH}from'@shopgate/pwa-common/constants/RoutePaths';export*from'@shopgate/pwa-common-commerce/checkout/constants/index';export*from'@shopgate/pwa-common-commerce/checkout/constants/Pipelines';export{CHECKOUT_PATH};export{CHECKOUT_PATTERN,GUEST_CHECKOUT_PATTERN,CHECKOUT_CONFIRMATION_PATTERN,GUEST_CHECKOUT_PAYMENT_PATTERN,CHECKOUT_ADDRESS_BOOK_PATTERN,CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN,checkoutRoutes}from"./routes";export var CHECKOUT_ACTIONS='checkout.actions';export var CHECKOUT_PICKUP_CONTACT_FORM='checkout.pickup-contact';export var CHECKOUT_MARKETING_OPTIN='checkout.marketing-optin';export var ADDRESS_TYPE_BILLING='billing';export var ADDRESS_TYPE_SHIPPING='shipping';export var ADDRESS_TYPE_PICKUP='pickup';

package/checkout/constants/routes.js

@@ -0,0 +1 @@
+export var CHECKOUT_PATTERN='/checkout';export var GUEST_CHECKOUT_PATTERN='/checkout/guest';export var GUEST_CHECKOUT_PAYMENT_PATTERN='/checkout/guest/payment';export var CHECKOUT_CONFIRMATION_PATTERN='/checkout/success';export var CHECKOUT_ADDRESS_BOOK_PATH='/checkout/addresses';export var CHECKOUT_ADDRESS_BOOK_PATTERN="".concat(CHECKOUT_ADDRESS_BOOK_PATH,"/:type");export var CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN="".concat(CHECKOUT_ADDRESS_BOOK_PATH,"/:type/contact");export var checkoutRoutes=[CHECKOUT_PATTERN,GUEST_CHECKOUT_PATTERN,GUEST_CHECKOUT_PAYMENT_PATTERN,CHECKOUT_CONFIRMATION_PATTERN,CHECKOUT_ADDRESS_BOOK_PATTERN,CHECKOUT_ADDRESS_BOOK_CONTACT_PATTERN];

package/checkout/helpers/index.js

@@ -0,0 +1,34 @@
+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{i18n}from'@shopgate/engage/core';import{DIRECT_SHIP,ROPIS}from'@shopgate/engage/locations';/**
+ * Converts order line items to cart items
+ * @param {Array} lineItems The line items to be converted
+ * @return {Array}
+ */export var convertLineItemsToCartItems=function convertLineItemsToCartItems(){var lineItems=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return lineItems.map(function(lineItem){var id=lineItem.code,quantity=lineItem.quantity,_lineItem$orderedQuan=lineItem.orderedQuantity,orderedQuantity=_lineItem$orderedQuan===void 0?null:_lineItem$orderedQuan,salePrice=lineItem.salePrice,lineItemPrice=lineItem.price,promoAmount=lineItem.promoAmount,extendedPrice=lineItem.extendedPrice,discountAmount=lineItem.discountAmount,unitDiscountAmount=lineItem.unitDiscountAmount,unitPromoAmount=lineItem.unitPromoAmount,product=lineItem.product,status=lineItem.status,subStatus=lineItem.subStatus,fulfillmentMethod=lineItem.fulfillmentMethod,fulfillmentLocationCode=lineItem.fulfillmentLocationCode,substitutionAllowed=lineItem.substitutionAllowed;var productCode=product.code,productPrice=product.price,productSalePrice=product.salePrice,productEffectivePrice=product.effectivePrice,name=product.name,image=product.image,unit=product.unit,_product$hasCatchWeig=product.hasCatchWeight,hasCatchWeight=_product$hasCatchWeig===void 0?false:_product$hasCatchWeig,options=product.options;var properties=[];var appliedDiscounts=[];var additionalInfo=[];var coupon=null;var messages=[];var fulfillmentMethods;var fulfillment;var featuredImageUrl=null;if(Array.isArray(options)){properties=options.map(function(option){var _option$value,_option$values,_option$values$;return{label:option.name,value:(option===null||option===void 0?void 0:(_option$value=option.value)===null||_option$value===void 0?void 0:_option$value.name)||(option===null||option===void 0?void 0:(_option$values=option.values)===null||_option$values===void 0?void 0:(_option$values$=_option$values[0])===null||_option$values$===void 0?void 0:_option$values$.name)};});}if(fulfillmentMethod!==DIRECT_SHIP){fulfillmentMethods=[fulfillmentMethod];fulfillment={method:fulfillmentMethod,location:{code:fulfillmentLocationCode}};}if(image){if(image.includes('?')){featuredImageUrl="".concat(image,"&width=440&height=440&format=jpeg&fill=fff");}else{featuredImageUrl="".concat(image,"?width=440&height=440&format=jpeg&fill=fff");}}return{id:id,quantity:quantity,orderedQuantity:orderedQuantity,coupon:coupon,messages:messages,type:'product',status:status,subStatus:subStatus,product:{id:productCode,featuredImageUrl:featuredImageUrl,name:name,properties:properties,appliedDiscounts:appliedDiscounts,additionalInfo:additionalInfo,unit:unit,hasCatchWeight:hasCatchWeight,price:{unit:productPrice,unitSpecial:productSalePrice,"default":lineItemPrice,special:salePrice||null,unitSale:productSalePrice,unitEffective:productEffectivePrice,info:''},fulfillmentMethods:fulfillmentMethods},unitPromoAmount:unitPromoAmount,unitDiscountAmount:unitDiscountAmount,price:lineItemPrice,extendedPrice:extendedPrice,promoAmount:promoAmount,discountAmount:discountAmount,fulfillment:fulfillment,fulfillmentLocationId:fulfillmentLocationCode,substitutionAllowed:substitutionAllowed};});};/**
+ * Extracts the promotions without coupon from the order.
+ * @param {Object} order An order object
+ * @returns {Array}
+ */var getPromotionsFromOrder=function getPromotionsFromOrder(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var _order$appliedPromoti=order.appliedPromotions,appliedPromotions=_order$appliedPromoti===void 0?[]:_order$appliedPromoti;return appliedPromotions.filter(function(_ref){var coupon=_ref.coupon;return!coupon;});};/**
+ * Extracts the coupons from the order.
+ * @param {Object} order An order object
+ * @returns {Array}
+ */var getCouponsFromOrder=function getCouponsFromOrder(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var _order$appliedPromoti2=order.appliedPromotions,appliedPromotions=_order$appliedPromoti2===void 0?[]:_order$appliedPromoti2,_order$coupons=order.coupons,coupons=_order$coupons===void 0?[]:_order$coupons,_order$lineItems=order.lineItems,lineItems=_order$lineItems===void 0?[]:_order$lineItems;return coupons.filter(function(coupon){// Filter coupons which are assigned to line items
+var code=coupon===null||coupon===void 0?void 0:coupon.code;var lineItemCoupon=lineItems.find(function(cartItem){var lineItemPromotions=(cartItem===null||cartItem===void 0?void 0:cartItem.appliedPromotions)||[];var match=lineItemPromotions.find(function(promotion){var _promotion$coupon;var lineItemCouponCode=promotion===null||promotion===void 0?void 0:(_promotion$coupon=promotion.coupon)===null||_promotion$coupon===void 0?void 0:_promotion$coupon.code;return lineItemCouponCode===code;});return!!match;});return!lineItemCoupon;}).map(function(coupon){var _coupon$promotion;var code=coupon===null||coupon===void 0?void 0:(_coupon$promotion=coupon.promotion)===null||_coupon$promotion===void 0?void 0:_coupon$promotion.code;var promotion=appliedPromotions.find(function(promotionEntry){return promotionEntry.code===code;});return _extends({},coupon,{promotion:_extends({},(coupon===null||coupon===void 0?void 0:coupon.promotion)||{},{},promotion)});});};/**
+ * Generates the coupon lines from an order
+ * @param {Object} order An order object
+ * @returns {Array}
+ */export var getCouponLinesFromOrder=function getCouponLinesFromOrder(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return getCouponsFromOrder(order).map(function(coupon){var _coupon$promotion2,_coupon$promotion2$di,_coupon$promotion3;return{visible:true,type:'coupon',label:(coupon===null||coupon===void 0?void 0:coupon.code)?i18n.text('cart.coupon_label',{label:coupon.code}):'',value:(coupon===null||coupon===void 0?void 0:(_coupon$promotion2=coupon.promotion)===null||_coupon$promotion2===void 0?void 0:(_coupon$promotion2$di=_coupon$promotion2.discount)===null||_coupon$promotion2$di===void 0?void 0:_coupon$promotion2$di.absoluteAmount)||null,currencyCode:order.currencyCode,messages:(coupon===null||coupon===void 0?void 0:coupon.messages)||null,info:(coupon===null||coupon===void 0?void 0:(_coupon$promotion3=coupon.promotion)===null||_coupon$promotion3===void 0?void 0:_coupon$promotion3.promotionalText)||null};});};/**
+ * Generates the promotion lines from an order
+ * @param {Object} order An order object
+ * @returns {Array}
+ */export var getPromotionLinesFromOrder=function getPromotionLinesFromOrder(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return getPromotionsFromOrder(order).map(function(promotion){var _promotion$discount;return{visible:true,type:'promotion',label:promotion===null||promotion===void 0?void 0:promotion.name,value:(promotion===null||promotion===void 0?void 0:(_promotion$discount=promotion.discount)===null||_promotion$discount===void 0?void 0:_promotion$discount.absoluteAmount)||0,currencyCode:order.currencyCode,messages:null,info:(promotion===null||promotion===void 0?void 0:promotion.promotionalText)||null};});};/**
+ * Generates checkout tax lines from an order object.
+ * @param {Object} order An order object
+ * @returns {Array}
+ */export var getCheckoutTaxLinesFromOrder=function getCheckoutTaxLinesFromOrder(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var hasDirectShipItems=!!((order===null||order===void 0?void 0:order.lineItems)||[]).find(function(lineItem){return(lineItem===null||lineItem===void 0?void 0:lineItem.fulfillmentMethod)===DIRECT_SHIP;});var hasSelectedShippingMethod=!!((order===null||order===void 0?void 0:order.addressSequences)||[]).find(function(address){var _address$orderSegment;return(address===null||address===void 0?void 0:address.type)==='shipping'&&!!(address===null||address===void 0?void 0:(_address$orderSegment=address.orderSegment)===null||_address$orderSegment===void 0?void 0:_address$orderSegment.selectedShippingMethod);});return[{visible:true,type:'subTotal',label:null,value:order.subTotal||0,currencyCode:order.currencyCode}].concat(getPromotionLinesFromOrder(order),getCouponLinesFromOrder(order),[{visible:hasDirectShipItems&&hasSelectedShippingMethod,type:'shippingTotal',label:null,value:order.shippingTotal||0,currencyCode:order.currencyCode},{visible:order.taxAmount>0,type:'tax',label:null,value:order.taxAmount||0,currencyCode:order.currencyCode},{visible:true,type:'total',label:null,value:order.total||0,currencyCode:order.currencyCode}]);};/**
+ * Checks if an order is a reserve only order
+ * @param {Object} order An order object
+ * @returns {boolean}
+ */export var isReserveOnlyOrder=function isReserveOnlyOrder(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var nonReserveItem=order.lineItems.find(function(lineItem){return lineItem.fulfillmentMethod!==ROPIS;});return!nonReserveItem;};/**
+ * Checks if an order is a direct ship only order
+ * @param {Object} order An order object
+ * @returns {boolean}
+ */export var isDirectShipOnlyOrder=function isDirectShipOnlyOrder(){var order=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var nonDirectShipItem=order.lineItems.find(function(lineItem){return lineItem.fulfillmentMethod!==DIRECT_SHIP;});return!nonDirectShipItem;};

package/checkout/hooks/common.js

@@ -0,0 +1,7 @@
+import React from'react';import CheckoutContext from"../providers/CheckoutProvider.context";import AddressBookContext from"../providers/AddressBookProvider.context";/**
+ * Returns the value of the checkout provider state.
+ * @returns {Object}
+ */export var useCheckoutContext=function useCheckoutContext(){return React.useContext(CheckoutContext);};/**
+ * Returns the value of address book provider state.
+ * @returns {Object}
+ */export var useAddressBook=function useAddressBook(){return React.useContext(AddressBookContext);};

package/checkout/index.js

@@ -1,5 +1,6 @@
-/** @module checkout */import{CHECKOUT_PATH}from'@shopgate/pwa-common/constants/RoutePaths';// ACTIONS
-export{default as fetchCheckoutUrl}from'@shopgate/pwa-common-commerce/checkout/actions/fetchCheckoutUrl';// CONSTANTS
-export*from'@shopgate/pwa-common-commerce/checkout/constants/index';export*from'@shopgate/pwa-common-commerce/checkout/constants/Pipelines';export{CHECKOUT_PATH};// SELECTORS
-export*from'@shopgate/pwa-common-commerce/checkout/selectors';// STREAMS
-export*from'@shopgate/pwa-common-commerce/checkout/streams';
+/** @module checkout */ // ACTIONS
+export{default as fetchCheckoutUrl}from'@shopgate/pwa-common-commerce/checkout/actions/fetchCheckoutUrl';export{fetchCheckoutOrder}from'@shopgate/engage/checkout/actions/fetchCheckoutOrder';export{updateCheckoutOrder}from'@shopgate/engage/checkout/actions/updateCheckoutOrder';export{submitCheckoutOrder}from'@shopgate/engage/checkout/actions/submitCheckoutOrder';export{initializeCheckout}from'@shopgate/engage/checkout/actions/initializeCheckout';export{fetchPaymentMethods}from'@shopgate/engage/checkout/actions/fetchPaymentMethods';export{prepareCheckout}from'@shopgate/engage/checkout/actions/prepareCheckout';export{clearCheckoutOrder,clearCheckoutCampaign}from'@shopgate/engage/checkout/action-creators';// CONSTANTS
+export*from"./constants";// SELECTORS
+export*from'@shopgate/pwa-common-commerce/checkout/selectors';export*from"./selectors/guestCheckout";export*from"./selectors/order";export*from"./selectors/route";// STREAMS
+export*from'@shopgate/pwa-common-commerce/checkout/streams';// HOOKS
+export*from"./hooks/common";

package/checkout/paymentMethods/context.js

@@ -0,0 +1 @@
+import{createContext}from'react';export default createContext();

package/checkout/paymentMethods/index.js

@@ -0,0 +1,28 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";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 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);});};}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,{useContext,useCallback,useEffect,useMemo,useRef,useState}from'react';import{connect,useStore}from'react-redux';import PropTypes from'prop-types';import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{getPaymentMethods}from"../selectors/payment";import{getCheckoutOrder}from"../selectors/order";import CheckoutContext from"../providers/CheckoutProvider.context";import{updateCheckoutOrder}from"../actions/updateCheckoutOrder";import{fetchCheckoutOrder}from"../actions/fetchCheckoutOrder";import{i18n}from"../../core/helpers/i18n";import Context from"./context";import paypal from"./paypal";import stripe from"./stripe";var AVAILABLE_PAYMENT_METHOD=[paypal,stripe];/**
+ * Maps state to props
+ * @param {Object} state State
+ * @returns {Object}
+ */var mapStateToProps=function mapStateToProps(state){return{order:getCheckoutOrder(state),paymentMethods:getPaymentMethods(state)};};/**
+ * Dispatch
+ * @param {Object} dispatch Dispatch
+ * @returns {Object}
+ */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{updateOrder:function updateOrder(order){return dispatch(updateCheckoutOrder(order));},fetchOrder:function fetchOrder(){return dispatch(fetchCheckoutOrder());}};};var variables=themeConfig.variables;var styles={headline:css({fontSize:'1.25rem',fontWeight:'normal',margin:"0 0 ".concat(variables.gap.small,"px 0"),marginLeft:16,marginRight:8,color:'var(--color-text-high-emphasis)',textTransform:'none'}).toString(),section:css({marginBottom:0,marginTop:4}).toString(),buttons:css({marginLeft:16,marginRight:16,marginBottom:16,display:'flex',flexDirection:'row'}).toString()};/**
+ * PaymentMethodProvider
+ * @param {Object} props Props
+ * @returns {JSX}
+ */var PaymentMethodProvider=function PaymentMethodProvider(_ref){var order=_ref.order,paymentMethods=_ref.paymentMethods,fetchOrder=_ref.fetchOrder,updateOrder=_ref.updateOrder;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),activePaymentMeta=_useState2[0],setActivePaymentMeta=_useState2[1];var _useContext=useContext(CheckoutContext),setPaymentHandler=_useContext.setPaymentHandler,setPaymentData=_useContext.setPaymentData,needsPayment=_useContext.needsPayment,setButtonLocked=_useContext.setButtonLocked,setLocked=_useContext.setLocked;var paymentMethodRef=useRef();// Set active payment method to the orders first transaction.
+var paymentMethodCode=useMemo(function(){var _order$paymentTransac;var transaction=(_order$paymentTransac=order.paymentTransactions)===null||_order$paymentTransac===void 0?void 0:_order$paymentTransac[0];if(!transaction)return null;return transaction.paymentMethod.code;},[order]);var paymentData=useMemo(function(){return paymentMethods===null||paymentMethods===void 0?void 0:paymentMethods.find(function(p){return p.code===paymentMethodCode;});},[paymentMethodCode,paymentMethods]);var paymentImpl=useMemo(function(){return AVAILABLE_PAYMENT_METHOD.find(function(method){var _paymentData$paymentP;return method.code===(paymentData===null||paymentData===void 0?void 0:(_paymentData$paymentP=paymentData.paymentProvider)===null||_paymentData$paymentP===void 0?void 0:_paymentData$paymentP.code);});},[paymentData]);// Global transaction handler
+// Currently simply redirect fulfill request to the active payment method.
+useEffect(function(){setPaymentHandler({getSupportsRedirect:(paymentImpl===null||paymentImpl===void 0?void 0:paymentImpl.getSupportsRedirect)||function(){return true;},getCustomPayButton:function getCustomPayButton(){return paymentImpl===null||paymentImpl===void 0?void 0:paymentImpl.payButton;},fulfillTransaction:function(){var _fulfillTransaction=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2){var paymentTransactions,resolved;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:paymentTransactions=_ref2.paymentTransactions;_context.next=3;return paymentMethodRef.current.fulfillTransaction({paymentTransactions:paymentTransactions});case 3:resolved=_context.sent;return _context.abrupt("return",resolved);case 5:case"end":return _context.stop();}},_callee);}));function fulfillTransaction(_x){return _fulfillTransaction.apply(this,arguments);}return fulfillTransaction;}()});},[paymentImpl,setButtonLocked,setPaymentHandler]);// Map configured payment methods
+var availablePaymentMethods=useMemo(function(){return paymentMethods.map(function(method){return _extends({},AVAILABLE_PAYMENT_METHOD.find(function(m){return m.code===method.paymentProvider.code;}),{internalCode:method.code,settings:method.settings});});},[paymentMethods]);// Change payment method.
+var handleChangePayment=useCallback(/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(code){var meta,_args2=arguments;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:meta=_args2.length>1&&_args2[1]!==undefined?_args2[1]:null;if(!(paymentMethodCode===code)){_context2.next=5;break;}setActivePaymentMeta(meta);setPaymentData({meta:meta});return _context2.abrupt("return");case 5:setLocked(true);_context2.next=8;return updateOrder({paymentTransactions:[{paymentMethod:{code:code}}]});case 8:_context2.next=10;return fetchOrder();case 10:setActivePaymentMeta(meta);setPaymentData({meta:meta});setLocked(false);case 13:case"end":return _context2.stop();}},_callee2);}));return function(_x2){return _ref3.apply(this,arguments);};}(),[setPaymentData,paymentMethodCode,setLocked,updateOrder,fetchOrder]);// API for the underlying payment methods.
+var paymentMethodApi=useMemo(function(){return{registerPaymentMethod:function registerPaymentMethod(api){setButtonLocked(false);paymentMethodRef.current=api;}};},[setButtonLocked]);var store=useStore();// Ignore for ROPIS.
+if(!needsPayment){return null;}// Render the respective payment method provider.
+var _ref4=paymentImpl||{},Provider=_ref4.provider,Content=_ref4.content;return React.createElement(Context.Provider,{value:paymentMethodApi},React.createElement("div",{className:styles.section},React.createElement("h3",{className:styles.headline},i18n.text('checkout.payment.title')),React.createElement("div",{className:styles.buttons},availablePaymentMethods.map(function(method){return React.createElement(method.button,{key:method.internalCode,settings:method.settings,onChange:function onChange(meta){return handleChangePayment(method.internalCode,meta);},active:method.internalCode===paymentMethodCode,activePaymentMeta:activePaymentMeta});})),paymentImpl?React.createElement(Provider/**
+             * 2025-01-10: Not 100% sure why a context is being passed here. It seems to work
+             * without it, but since the payment component implementation has a high complexity,
+             * but isn't really used right now in production shops, i kept it for now.
+             * To enable compatibility with react-redux > 7, the "store" prop was added so that
+             * Redux connected child components can still access the store.
+             * Should be revisited when the "native checkout" gets relevance.
+             */,{context:Context,store:store,data:paymentData,activePaymentMeta:activePaymentMeta},React.createElement(Content,null)):null));};PaymentMethodProvider.defaultProps={order:null,paymentMethods:null};export default connect(mapStateToProps,mapDispatchToProps)(PaymentMethodProvider);

package/checkout/paymentMethods/paypal/PaypalButton.js

@@ -0,0 +1,5 @@
+import React from'react';import{isAvailable}from'@shopgate/native-modules';import PaypalButtonWeb from"./PaypalButtonWeb";import PaypalButtonApp from"./PaypalButtonApp";/**
+ * Paypal
+ * @param {Object} props Props
+ * @returns {JSX}
+ */var PaypalButton=function PaypalButton(props){if(!isAvailable()){return React.createElement(PaypalButtonWeb,props);}return React.createElement(PaypalButtonApp,props);};export default PaypalButton;

package/checkout/paymentMethods/paypal/PaypalButtonApp.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 React,{useEffect}from'react';import{css}from'glamor';import PropTypes from'prop-types';import{PayPalRiskCheck}from'@shopgate/native-modules';import{useCheckoutContext}from"../../hooks/common";import Button from"../../components/PaymentMethodButton";import paypalLogoUrl from"./paypal_logo.png";var styles={logo:css({width:'60%'}).toString()};/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var PaypalButtonApp=function PaypalButtonApp(props){var settings=props.settings;var _useCheckoutContext=useCheckoutContext(),setLocked=_useCheckoutContext.setLocked;useEffect(function(){if(!settings)return;/** Async handler */var handler=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(!(PayPalRiskCheck===null||PayPalRiskCheck===void 0?void 0:PayPalRiskCheck.setup)){_context.next=10;break;}setLocked(true);_context.prev=2;_context.next=5;return PayPalRiskCheck.setup(settings.env==='sandbox');case 5:_context.next=9;break;case 7:_context.prev=7;_context.t0=_context["catch"](2);case 9:setLocked(false);case 10:case"end":return _context.stop();}},_callee,null,[[2,7]]);}));return function handler(){return _ref.apply(this,arguments);};}();handler();},[setLocked,settings]);return React.createElement(Button,props,React.createElement("img",{className:styles.logo,src:paypalLogoUrl,alt:"PayPal"}));};PaypalButtonApp.defaultProps={settings:null};export default PaypalButtonApp;

package/checkout/paymentMethods/paypal/PaypalButtonWeb.js

@@ -0,0 +1,8 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";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;}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 React,{Fragment,useLayoutEffect,useEffect,useMemo}from'react';import PropTypes from'prop-types';import{css}from'glamor';import{useCheckoutContext}from"../../hooks/common";import Button from"../../components/PaymentMethodButton";import{loadWebSdk,usePaypal}from"./sdk";var styles={button:css({' .paypal-mark':{' img':{height:25,background:'transparent'},background:'transparent',border:'none',margin:0,padding:0}}).toString()};/**
+ * Paypal
+ * @param {Object} props Props
+ * @returns {JSX}
+ */var PaypalButton=function PaypalButton(_ref){var settings=_ref.settings,_onChange=_ref.onChange,activeFundingSource=_ref.activePaymentMeta,active=_ref.active;var _useCheckoutContext=useCheckoutContext(),setLocked=_useCheckoutContext.setLocked,order=_useCheckoutContext.order;var paypal=usePaypal();// Initialize paypal sdk.
+useEffect(function(){if(!settings||!order)return;/** Async handler */var handler=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:setLocked(true);_context.prev=1;_context.next=4;return loadWebSdk(settings,order);case 4:_context.next=8;break;case 6:_context.prev=6;_context.t0=_context["catch"](1);case 8:setLocked(false);case 9:case"end":return _context.stop();}},_callee,null,[[1,6]]);}));return function handler(){return _ref2.apply(this,arguments);};}();handler();},[order,setLocked,settings]);// Create paypal markers (just logic-less logos for each payment method).
+var marks=useMemo(function(){if(!paypal)return[];return paypal.getFundingSources().map(function(fundingSource){var mark=window.paypal.Marks({fundingSource:fundingSource});if(!mark.isEligible())return null;return[mark,fundingSource];}).filter(function(m){return!!m;});},[paypal]);// Render marks to dom once ready.
+useLayoutEffect(function(){requestAnimationFrame(function(){marks.forEach(function(_ref3,index){var _ref4=_slicedToArray(_ref3,1),mark=_ref4[0];mark.render("#sg-paypal-button-".concat(index));});},[]);},[marks]);return React.createElement(Fragment,null,marks.map(function(_ref5,index){var _ref6=_slicedToArray(_ref5,2),fundingSource=_ref6[1];var isButtonActive=fundingSource===paypal.FUNDING.PAYPAL&&!activeFundingSource?active:active&&fundingSource===activeFundingSource;return React.createElement(Button,{key:fundingSource,onChange:function onChange(){return _onChange(fundingSource);},active:isButtonActive},React.createElement("div",{id:"sg-paypal-button-".concat(index),className:styles.button}));}));};PaypalButton.defaultProps={settings:null,activePaymentMeta:null};export default PaypalButton;