\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nclass InvoiceUtilities extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n getFormattedPhone(phone) {\r\n if (!phone) phone = '';\r\n\r\n let cleanedPhone = ('' + phone).replace(/\\D/g, '');\r\n let matched = cleanedPhone.match(/^(\\d{3})(\\d{3})(\\d{4})$/);\r\n\r\n let formattedPhone = phone;\r\n if (phone.indexOf('-') == -1 && !!matched)\r\n formattedPhone = matched[1] + '-' + matched[2] + '-' + matched[3];\r\n\r\n return formattedPhone;\r\n }\r\n\r\n}\r\n\r\nclass InvoiceHeader extends InvoiceUtilities {\r\n constructor(props) {\r\n super(props);\r\n this.printScreen = this.printScreen.bind(this);\r\n }\r\n\r\n printScreen() {\r\n window.print();\r\n }\r\n\r\n render() {\r\n let isGuestOrder = this.props.Header.customerName === this.props.Header.consultantName;\r\n let formattedPhone = this.getFormattedPhone(this.props.Details.shippingInstructions.phone);\r\n let message = this.props.resources[\"PWS.GuestCheckoutReceipt.Message\"].replace(\"{0}\", isGuestOrder ? this.props.Details.shippingInstructions.name : this.props.Header.customerName);\r\n\r\n return (\r\n \r\n
\r\n\r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.OrderConfirmation\"]\r\n }
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {!this.props.Details.header.customerExists &&\r\n \r\n }\r\n {!this.props.Details.header.customerExists &&\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n {this.props.Details.shipments &&\r\n \r\n }\r\n {this.props.Details.shipments &&\r\n \r\n
\r\n }\r\n {this.props.Details.returns &&\r\n \r\n }\r\n {this.props.Details.returns &&\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nclass CreateAccount extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.onChange = this.onChange.bind(this);\r\n this.state = {\r\n userNameEmail: props.Details.shippingInstructions.email,\r\n password: '',\r\n confirmPassword: '',\r\n accountHasError: false,\r\n emailExists: false,\r\n validEmail: true,\r\n validPassword: true,\r\n passwordExists: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n CreateAccountStore.listen(this.onChange);\r\n }\r\n\r\n onChange(state) {\r\n this.setState(state);\r\n }\r\n\r\n handleChange(name, value) {\r\n var diff = {};\r\n diff[name] = value;\r\n this.setState(diff);\r\n }\r\n\r\n redirectLogin() {\r\n window.location = window.jenkon.consultantRoot + 'login';\r\n }\r\n\r\n registerErrors() {\r\n this.refs.userNameEmail.registerErrors();\r\n this.refs.password.registerErrors();\r\n this.refs.confirmPassword.registerErrors();\r\n this.isEmailValid();\r\n this.isPasswordValid();\r\n }\r\n\r\n isValid() {\r\n return (\r\n this.refs.userNameEmail.isValid()\r\n && this.refs.password.isValid()\r\n && this.refs.confirmPassword.isValid()\r\n && this.isEmailValid()\r\n && this.isPasswordValid()\r\n );\r\n }\r\n\r\n canSubmit() {\r\n return this.isValid();\r\n }\r\n\r\n checkEmailExists(value) {\r\n si.validateEmail(value, window.jenkon.country, window.jenkon.CustomerAccountType).then(this.returnEmailExists.bind(this), this.returnEmailExists.bind(this))\r\n if (this.state.password.length > 0) this.checkPasswordRules(this.state.password)\r\n }\r\n\r\n checkPasswordRules(value) {\r\n if (value && value.length > 0) {\r\n if (this.state.userNameEmail.length > 0 && this.state.validEmail)\r\n si.validatePasswordRequirements(this.state.userNameEmail, value).then(this.returnPasswordRequirements.bind(this), this.returnPasswordRequirements.bind(this))\r\n }\r\n }\r\n\r\n returnEmailExists(hasRecord) {\r\n this.setState({\r\n emailExists: typeof hasRecord === \"boolean\" ? !hasRecord : true,\r\n validEmail: typeof hasRecord === \"boolean\" ? hasRecord : false\r\n });\r\n }\r\n\r\n returnPasswordRequirements(hasRecord) {\r\n this.setState({\r\n passwordExists: typeof hasRecord === \"boolean\" ? !hasRecord : true,\r\n validPassword: typeof hasRecord === \"boolean\" ? hasRecord : false\r\n });\r\n }\r\n\r\n isEmailValid() {\r\n if (this.state.userNameEmail.length > 0 && !this.state.validEmail) {\r\n this.setState({\r\n emailExists: true\r\n });\r\n }\r\n return this.state.validEmail;\r\n }\r\n\r\n isPasswordValid() {\r\n if (this.state.password.length > 0 && !this.state.validPassword) {\r\n this.setState({\r\n passwordExists: true\r\n });\r\n }\r\n return this.state.validPassword;\r\n }\r\n\r\n submitAccount(name, phone, address, e) {\r\n\r\n let nameSplit = name ? name.split(' ') : '';\r\n let firstName = nameSplit.length > 0 ? nameSplit[0] : '';\r\n let lastName = nameSplit.length > 1 ? nameSplit[1] : '';\r\n\r\n let sendData = {\r\n FirstName: firstName,\r\n LastName: lastName,\r\n Username: this.state.userNameEmail,\r\n EmailAddress: this.state.userNameEmail,\r\n Password: this.state.password,\r\n EnrollingSponsor: window.jenkon.activityCenter,\r\n PlacementSponsor: window.jenkon.activityCenter,\r\n Language: window.jenkon.language,\r\n Country: window.jenkon.country,\r\n Culture: window.jenkon.culture,\r\n AccountType: window.jenkon.CustomerAccountType,\r\n Phone: phone,\r\n MainAddress: address\r\n }\r\n if (this.canSubmit()) {\r\n var self = this;\r\n si.validateEmail(self.state.userNameEmail, window.jenkon.country, window.jenkon.CustomerAccountType).then(function(hasRecord) {\r\n self.returnEmailExists(hasRecord);\r\n si.validatePasswordRequirements(self.state.userNameEmail, self.state.password).then(function(passHasRecord) {\r\n self.returnPasswordRequirements(passHasRecord);\r\n if (self.canSubmit()) {\r\n CreateAccountActions.submitAccount(sendData);\r\n }\r\n });\r\n });\r\n }\r\n else\r\n this.registerErrors();\r\n\r\n e.preventDefault();\r\n return false;\r\n }\r\n\r\n render() {\r\n let Rules = {\r\n userNameEmail: {\r\n required: true, requiredMessage: this.props.resources['PWS.Globals.Required'],\r\n email: true,\r\n emailMessage: this.props.resources['PWS.CreateAccountForm.EmailInvalidMessage']\r\n },\r\n password: { required: true, requiredMessage: this.props.resources['PWS.Globals.Required'] },\r\n confirmPassword: {\r\n required: true,\r\n requiredMessage: this.props.resources['PWS.Globals.Required'],\r\n mustMatch: () => {\r\n return this.state.password;\r\n },\r\n mustMatchMessage: window.jenkon.resources[\"PWS.Enrollment.ConfirmPasswordDoesNotMatchMessage\"]\r\n }\r\n }\r\n\r\n let errorDisplay = this.state.accountHasError ? {message}
\r\n \r\n \r\n
\r\n \r\n \r\n {this.props.resources['PWS.GuestCheckoutReceipt.OrderNumber']} {this.props.Header\r\n .orderNumber}\r\n
\r\n \r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.OrderDate\"]} {moment(this.props.Header\r\n .orderDate).format('LLL')}\r\n
\r\n \r\n \r\n {this.props.resources[`${this.props.isEnrollment\r\n ? 'PWS.Enrollment.EnrollmentReceiptSponsorLabel'\r\n : 'PWS.GuestCheckoutReceipt.ConsultantName'}`]} {this.props.Header.consultantName\r\n ? this.props.Header.consultantName\r\n : this.props.Consultant.name}\r\n
\r\n \r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.Consultantphone\"]} {this.props.Header.consultantPhone}\r\n
\r\n \r\n {\r\n this.props.Header.isParty\r\n ?
\r\n \r\n \r\n\r\n
\r\n : \r\n }\r\n \r\n {this.props.resources[\"PWS.MyAccount.PartyNameLabel\"]}: {this.props.Header.partyName}\r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.PartyCodeLabel\"]}: {this.props.Header.partyCode}\r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.PartyDateLabel\"]}: {this.props.Header.partyDate}\r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.HostNameLabel\"]}: {this.props.Header.hostName}\r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.HostPhoneLabel\"]}: {this.props.Header.hostPhone}\r\n
\r\n \r\n \r\n
\r\n {this.props.resources[\"PWS.CreateAccountForm.CreateAccountError\"]}
: '';\r\n let displayEmailExistsError = this.state.emailExists ? {this.props.resources[\"PWS.CreateAccountForm.EmailExistsMessage\"]}
: '';\r\n let displayPasswordRulesError = this.state.passwordExists ? : '';\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nclass CustomerInfo extends InvoiceUtilities {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n createPaymentItems(payment, i) {\r\n return (\r\n \r\n {this.state.accountCreated &&\r\n
\r\n \r\n
\r\n }\r\n {!this.state.accountCreated &&\r\n \r\n }\r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.AccountCreated\"]}
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n createVoucherItems(voucher, i) {\r\n return (\r\n \r\n {payment.paymentType} - {payment.maskedCardNumber}\r\n
\r\n \r\n {payment.amount.displayValue}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let isGuestOrder = this.props.Header.customerName === this.props.Header.consultantName;\r\n let customerName = isGuestOrder ? this.props.Details.shippingInstructions.name : this.props.Header.customerName;\r\n let formattedPhone = this.getFormattedPhone(this.props.Details.shippingInstructions.phone);\r\n let paymentStatus = (this.props.Details.creditCardPayments != null && this.props.Details.creditCardPayments.length > 0) ? this.props.Details.creditCardPayments[0].paymentStatus : '';\r\n\r\n let billingAddress = (this.props.Details.creditCardPayments != null && this.props.Details.creditCardPayments.length > 0) ? this.props.Details.creditCardPayments[0].billingAddress : null;\r\n\r\n return (\r\n \r\n {voucher.voucherCode}\r\n
\r\n \r\n {voucher.localAmount.displayValue}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nclass Products extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n createCartItemDetails(item, i) {\r\n let discount = item.discountAmount.amount > 0 ? item.discountAmount.displayValue : '';\r\n return (\r\n {this.props.resources['PWS.GuestCheckoutReceipt.CustomerInfoTitle']}
\r\n \r\n \r\n
\r\n \r\n \r\n {this.props.resources['PWS.GuestCheckoutReceipt.CustomerName']}\r\n
\r\n {customerName}\r\n
\r\n \r\n {customerName}\r\n
\r\n {this.props.resources['PWS.GuestCheckoutReceipt.Email']}\r\n
\r\n {this.props.Details.shippingInstructions.email}\r\n
\r\n \r\n {this.props.Details.shippingInstructions.email}\r\n
\r\n
\r\n {billingAddress && }\r\n {billingAddress && (\r\n \r\n {this.props.resources['PWS.GuestCheckoutReceipt.ShippingInfo']}\r\n
\r\n \r\n {this.props.shipToAddress.line1}, {this.props.shipToAddress.line2 != null ? this.props.shipToAddress.line2 + ',' : null}
\r\n {this.props.shipToAddress.city}, {this.props.shipToAddress.stateProvince}
\r\n {formattedPhone}\r\n
\r\n \r\n {this.props.shipToAddress.city}, {this.props.shipToAddress.stateProvince}
\r\n {formattedPhone}\r\n
\r\n {this.props.resources['PWS.GuestCheckoutReceipt.ShippingMethod']}
\r\n {this.props.Header.shippingMethod}\r\n
\r\n \r\n {this.props.Header.shippingMethod}\r\n
\r\n
\r\n )}\r\n {this.props.Details.creditCardPayments && (\r\n \r\n {this.props.resources['PWS.GuestCheckoutReceipt.BillingInfo']}\r\n
\r\n \r\n {billingAddress.addressLine1}, {billingAddress.addressLine2 != null && billingAddress.addressLine2 != '-' ? billingAddress.addressLine2 + ',' : null}
\r\n {billingAddress.city}, {billingAddress.stateProvince}\r\n
\r\n \r\n {billingAddress.city}, {billingAddress.stateProvince}\r\n
\r\n \r\n
\r\n )}\r\n \r\n {this.props.Details.vouchers.length > 0 && (\r\n \r\n
\r\n \r\n {this.props.resources['PWS.GuestCheckoutReceipt.PaymentInfo']}
\r\n {this.props.resources['PWS.GuestCheckoutReceipt.PaymentAmount']}
\r\n {this.props.Details.creditCardPayments && this.props.Details.creditCardPayments.map(this.createPaymentItems.bind(this))}\r\n \r\n
\r\n \r\n {this.props.resources['PWS.GuestCheckoutReceipt.PaymentStatus']}\r\n
\r\n {paymentStatus}\r\n
\r\n \r\n {paymentStatus}\r\n
\r\n
\r\n )}\r\n {this.props.resources['PWS.VoucherGrid.VoucherCode']}
\r\n {this.props.resources['PWS.VoucherGrid.Amount']}
\r\n {this.props.Details.vouchers.map(this.createVoucherItems.bind(this))}\r\n \r\n 
\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let totalItems = this.props.resources[\"PWS.GuestCheckoutReceipt.TotalItems\"].replace(\"{0}\", this.props.Items.length);\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n #{item.productCode}
\r\n QTY: {item.quantityOrdered}
\r\n \r\n \r\n
\r\n {discount}
\r\n {item.subtotal.displayValue}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nclass OrderTotals extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n let taxLabel = this.props.resources[\"GLOBAL.OrderTaxWithPercentageLabel.Label\"].replace(\"{0}\", this.props.Totals.taxPercentage.displayValue);\r\n\r\n return (\r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.OrderDetailsTitle\"]}
\r\n ({totalItems})
\r\n \r\n \r\n {this.props.Items.map(this.createCartItemDetails.bind(this))}\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass ListItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showReward: false,\r\n hasReward: props.rewardDescription != null && props.rewardDescription.length > 0 ? true : false\r\n }\r\n }\r\n\r\n showRewards() {\r\n this.setState({\r\n showReward: !this.state.showReward\r\n });\r\n }\r\n\r\n reward() {\r\n return (\r\n \r\n
\r\n
\r\n \r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.Subtotal\"]}\r\n
\r\n \r\n {this.props.Totals.subtotal.displayValue}\r\n
\r\n \r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.LessVouchersLabel\"]}\r\n
\r\n \r\n {this.props.Totals.lessVouchers.displayValue}\r\n
\r\n \r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.NetTotalLabel\"]}\r\n
\r\n \r\n {this.props.Totals.netTotal.displayValue}\r\n
\r\n \r\n
\r\n {\r\n this.props.Totals.freightDiscount.amount != 0 &&\r\n \r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.Shipping\"]}\r\n
\r\n \r\n {this.props.Totals.freight.displayValue}\r\n
\r\n \r\n
\r\n }\r\n \r\n {this.props.resources[\"PWS.MyAccount.FreightDiscountLabel\"]}\r\n
\r\n \r\n -{this.props.Totals.freightDiscount.displayValue}\r\n
\r\n \r\n
\r\n \r\n {taxLabel}\r\n
\r\n \r\n {this.props.Totals.tax.displayValue}\r\n
\r\n \r\n
\r\n
\r\n \r\n {this.props.resources[\"PWS.GuestCheckoutReceipt.Total\"]}\r\n
\r\n \r\n {this.props.Totals.total.displayValue}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n formatAlternateCode(code) {\r\n if (code.indexOf('|') > -1) {\r\n return code.split('|')[0];\r\n }\r\n if (code.indexOf('-') > -1) {\r\n if (code.split('-').length === 3)\r\n return code.split('-')[1];\r\n else\r\n return code.split('-')[0];\r\n }\r\n\r\n return code.substring(0, Math.min(6, code.length));\r\n }\r\n\r\n render() {\r\n let IconData = {\r\n Fill: '#333',\r\n name: 'Gift',\r\n Size: 26\r\n }\r\n let productCode = this.props.Item.productAlternateCodes.length > 0 ? this.formatAlternateCode(this.props.Item.productAlternateCodes[0]) : this.props.Item.productCode;\r\n\r\n let rewards = this.state.hasReward ? : null;\r\n let rewardClick = this.state.hasReward ? this.showRewards.bind(this) : () => { return false };\r\n let showReward = this.state.showReward ? this.reward() : null;\r\n return (\r\n \r\n
\r\n \r\n {this.props.Item.rewardDescription}\r\n
\r\n {rewards} {productCode}
\r\n {this.props.Item.productDescription}
\r\n {this.props.Item.priceEach.displayValue}
\r\n x {this.props.Item.quantityOrdered}
\r\n\r\n {this.props.Item.subtotal.displayValue}
\r\n \r\n {showReward}\r\n \r\n
\r\n );\r\n\r\n }\r\n}\r\n\r\nclass Shipments extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n createIncludedItems(item, i) {\r\n let productCode = this.props.Items.filter(p => p.code === item.item)\r\n return (\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.ShippedToAddressLabel\"]}:
\r\n \r\n {this.props.shipToAddress.line1}, {this.props.shipToAddress.line2 != null ? this.props.shipToAddress.line2 + ',' : null} {this.props.shipToAddress.city} {this.props.shipToAddress.stateProvince} {this.props.shipToAddress.postalCode}\r\n
\r\n \r\n
\r\n \r\n {item.trackingUrl != null ? {item.trackingNumbers} : item.trackingNumbers}\r\n
\r\n {productCode.length > 0 ? productCode[0].productCode : null}
\r\n {productCode.length > 0 ? productCode[0].productDescription : null}
\r\n {item.quantityShipped}
\r\n \r\n
\r\n );\r\n }\r\n\r\n createShipmentHeaderReferenceInfo(ship) {\r\n return (\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.ShippedToNameLabel\"]}:
\r\n \r\n {ship.shipToName}\r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.ShippedToPhoneLabel\"]}:
\r\n \r\n {ship.shipToPhone}\r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.ShippedDeliveryInstructionsLabel\"]}:
\r\n \r\n {ship.specialDeliveryInstructions} \r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.CarrierMethodLabel\"]}:
\r\n \r\n {ship.shippingCarrierShippingMethod} {this.props.resources[\"PWS.Enrollment.\" + ship.shippingCarrierShippingMethod]}
\r\n
\r\n \r\n
\r\n
\r\n {ship.deliveryDaysMessage}
\r\n \r\n
\r\n );\r\n }\r\n\r\n createShipmentItemTable(ship) {\r\n let shippedItems = ship.items.filter(s => s.quantityShipped != 0);\r\n return (\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.ShippedReference\"]}:
\r\n \r\n {ship.trackingId}\r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.ShippedOnLabel\"]}:
\r\n {moment(ship.shipDate).format('LL')}
\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n if (this.props.Shipments == null || this.props.Shipments.length == 0) return null;\r\n return (\r\n \r\n
\r\n\r\n \r\n {this.createShipmentHeaderReferenceInfo(ship)}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.TrackingIDLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.OrderSummaryShippedItemCode\"]}
\r\n {this.props.resources[\"PWS.MyAccount.OrderSummaryShippedItemDescription\"]}
\r\n {this.props.resources[\"PWS.MyAccount.OrderSummaryShippedItemQuantity\"]}
\r\n - \r\n {shippedItems.map(this.createIncludedItems.bind(this))}\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass Returns extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n\r\n createItems(Return, i) {\r\n return \r\n
\r\n\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.OrderSummaryShipmentsTitle\"]}
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.OrderSummaryShippedItemsTitle\"]}
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {this.createShipmentHeaderInfo(this.props.Shipments[0])}\r\n
\r\n \r\n {this.props.Shipments.map(this.createShipmentItemTable.bind(this))}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nclass ReturnItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n createProductCodes(code, i) {\r\n return `${code}${(i + 1) == this.props.Return.productCodes.length ? '' : ','} `;\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n {this.props.resources[\"PWS.MyAccount.ReturnTitle\"]}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {this.props.ReturnList.map(this.createItems.bind(this))}\r\n {this.props.resources[\"PWS.MyAccount.ReturnIDLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.ReturnDateLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.ReturnActionLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.ReturnProductLabel\"]}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nGuestOrderSummary.defaultProps = {\r\n Details: {}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/GuestCheckout/GuestOrderSummary.js","import alt from \"../alt\";\r\nimport si from \"si\";\r\n\r\nclass CreateAccountActions {\r\n\tsubmitAccount(sendData) {\r\n\r\n\t\tsi.enrollCustomerWithAddress(sendData).then(success => {\r\n\t\t\tthis.enrollSuccess(success);\r\n\t\t}, this.enrollFailure);\r\n\t\treturn true;\r\n\t}\r\n\r\n\tenrollSuccess(success) {\r\n\t\treturn success;\r\n\t}\r\n\r\n\tenrollFailure(data) {\r\n\t\tlet errorResponse = JSON.parse(JSON.parse(data.responseText));\r\n\t\tconsole.log(errorResponse);\r\n\t\treturn errorResponse;\r\n\t}\r\n}\r\n\r\nexport default alt.createActions(CreateAccountActions);\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/GuestCheckout/CreateAccountActions.js","import alt from '../alt';\r\nimport CreateAccountActions from './CreateAccountActions';\r\n\r\nclass CreateAccountStore {\r\n\tconstructor() {\r\n\r\n\t\tthis.state = {\r\n\t\t\taccountModel: {\r\n\t\t\t\tFirstName: '',\r\n\t\t\t\tLastName: '',\r\n\t\t\t\tEmail: '',\r\n\t\t\t\tPassword: '',\r\n\t\t\t\tPasswordConfirm: '',\r\n\t\t\t\tcanSubmitAccount: false,\r\n\t\t\t\tAddress: null,\r\n\t\t\t\tPhone: ''\r\n\t\t\t},\r\n\t\t\taccountHasError: false,\r\n\t\t\taccountCreated: false\r\n\t\t}\r\n\r\n\t\tthis.bindListeners({\r\n\t\t\tenrollSuccess: CreateAccountActions.ENROLL_SUCCESS,\r\n\t\t\tenrollFailure: CreateAccountActions.ENROLL_FAILURE,\r\n\t\t});\r\n\t}\r\n\r\n\tenrollSuccess(data) {\r\n\t\tthis.setState({\r\n\t\t\taccountCreated: true\r\n\t\t})\r\n\t}\r\n\r\n\tenrollFailure(response) {\r\n\t\tthis.setState({\r\n\t\t\taccountHasError: true\r\n\t\t})\r\n\t}\r\n}\r\n\r\nexport default alt.createStore(CreateAccountStore, 'CreateAccountStore');\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/GuestCheckout/CreateAccountStore.js"],"sourceRoot":""}{this.props.Return.returnId}
\r\n {moment(this.props.Return.date).format('LLL')}
\r\n {this.props.Return.action}
\r\n {this.props.Return.productCodes.map(this.createProductCodes.bind(this))}
\r\n