\r\n\t\t\t\t{this.state.component}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/MyAccountContainer.js","import React from 'react';\r\nimport {Modal,Button} from 'react-bootstrap';\r\nimport Icon from '../Icons/Icon';\r\nimport OrderHistory from './OrderHistory/OrderHistoryContainer';\r\nimport PersonalInfo from './PersonalInfo/PersonalInfoContainer';\r\nimport MyAddresses from 'ViewModels/Components/MyAccount/MyAddresses/MyAddressesContainer';\r\nimport MyParties from './HostPortal/MyPartyListContainer';\r\nimport auth from 'auth'; \r\nimport Tac from './../../Components/Login/TermAndConditions';\r\nimport LoginActions from './../Login/LoginActions';\r\nimport LoginStore from '../Login/LoginStore';\r\nexport default class MyAccount extends React.Component {\r\n\tconstructor(props) {\r\n\r\n\t\tsuper(props);\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t\tthis.SaveTac = this.SaveTac.bind(this);\r\n\t\tthis.state = LoginStore.getState();\r\n\t\r\n\t\tif (!auth.loggedIn()) {\r\n\t\t\twindow.location = window.jenkon.consultantRoot + \"login?redirectUrl=\" + window.location;\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\t\r\n\t\tLoginStore.listen(this.onChange);\r\n\t\t\r\n\t\tLoginActions.isTaCFeatureActive( window.jenkon.country);\r\n\t\t\r\n\t\tLoginActions.GetTac(window.jenkon.country);\r\n\t\tLoginActions.isTacAccepted();\r\n\r\n }\r\n\tonChange(state) {\r\n\t\tthis.setState(state);\r\n\t\r\n\t}\r\n\t\r\n\tisTacChecked(){\r\n\t\t\r\n\t\tif(this.state.TacCheckbox)\r\n\t\treturn true;\r\n\t\telse\r\n\t\treturn false;\r\n\t}\r\nSaveTac(){\r\n\t\r\n\t\tLoginActions.saveTac();\r\n\t\tthis.setState({\r\n\t\t\tisTacAccepted :true\r\n\t\t});\r\n\t\r\n\r\n}\r\n\tcomponentWillMount() {\t\r\n\t\t\r\n\t\tif (this.props.initialTab) {\r\n\t\t\tswitch (this.props.initialTab.toLowerCase()) {\r\n\t\t\t\tcase 'myaddresses':\r\n\t\t\t\t\tthis.props.setView(MyAddresses);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'personalinfo':\r\n\t\t\t\t\tthis.props.setView(PersonalInfo);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t\r\n\r\n\t}\r\n\r\n\r\n\trender(){\r\nlet Rules ={\r\n\tTacChecked :{\r\n\t\trequired: true,\r\n\t\trequiredMessage :this.props.resources['PWS.CreateAccountForm.checkTacNeed']\r\n\t}\r\n}\r\n\t\t\r\n\t\tlet TacnotAccepted= this.state.TacActive ? !this.state.isTacAccepted?\r\n\t\r\n\t\t{this.props.resources['PWS.MyAccount.ModalMessage']}
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/MyAccount.js","import React from 'react';\r\nimport OrderHistory from './OrderHistory';\r\nimport OrderSummary from 'ViewModels/Components/MyAccount/OrderHistory/OrderSummary';\r\nimport OrderHistoryStore from './OrderHistoryStore';\r\nimport OrderHistoryActions from './OrderHistoryActions';\r\nimport { getUrlParameter } from 'tools';\r\n\r\n\r\nexport default class OrderHistoryContainer extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\t\r\n\t\tthis.state = OrderHistoryStore.getState();\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t}\r\n\t\r\n\tcomponentDidMount() {\r\n\t\tOrderHistoryStore.listen(this.onChange);\r\n\t\tOrderHistoryActions.getOrderList();\r\n\t\tlet tab = getUrlParameter('tab');\r\n\t\tlet OrderID = window.location.hash ? window.location.hash.replace('#', '') : null;\r\n\t\tif(OrderID) {\r\n\t\t\twindow.location.replace(`${window.jenkon.consultantRoot}MyAccount#`);\r\n\t\t\tOrderHistoryActions.getOrderDetail(OrderID);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tOrderHistoryStore.unlisten(this.onChange);\r\n\t}\r\n\r\n\tonChange(state) {\r\n\t\tconsole.log(state);\r\n\t\tthis.setState(state);\r\n\t}\r\n\t\r\n\trender(){\r\n\t\treturn this.state.currentComponent !== 'history' ? \r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyAccountTitle\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyAccountPageDescription\"]}
\r\n\t\t\t\t\r\n\t\t\t\t{ TacnotAccepted}\r\n\t\t\t\t\t
\t\r\n\t\t\t\t- \r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t{/*
- \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t */}\r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t
- \r\n\t\t\t\t
- \r\n\t\t\t\t\t{order.orderNumber}\r\n\t\t\t\t \r\n\t\t\t\t
- {moment(order.orderDate).format('LLL')} \r\n\t\t\t\t
- {order.orderTotal.displayValue} \r\n\t\t\t\t
- {this.props.resources['PWS.MyAccount.OrderStatus' + order.orderStatus]} \r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/OrderHistory/OrderHistory.js","import React from 'react';\r\nimport ProfileStore from '../../Profile/ProfileStore';\r\nimport Icon from '../../Icons/Icon';\r\nimport moment from 'moment';\r\nimport 'idempotent-babel-polyfill';\r\nmoment.locale(window.jenkon.language);\r\n\r\nexport default class OrderSummary extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = ProfileStore.getState()\r\n\r\n }\r\n\r\n printScreen() {\r\n window.print();\r\n }\r\n\r\n render() {\r\n let IconData = {\r\n Fill: '#333',\r\n name: 'Printer',\r\n Size: 26\r\n }\r\n\r\n let isGuestCheckout = readCookie('isGuestCheckout') === \"true\";\r\n let customerName = readCookie('customerName');\r\n if (!this.props.Details.header) return null;\r\n\r\n\r\n let Title = !isGuestCheckout && this.props.backToList && typeof this.props.backToList == 'function' ? \r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.resources[\"PWS.MyAccount.OrderHistoryTitle\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.OrderHistoryPageDescription\"]}
\r\n\t\t\t\t\r\n\t\t\t\t\t« {this.props.resources[\"PWS.MyAccount.BackToAccountButton\"]}\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.props.OrderList.map(this.createHistoryList.bind(this))}\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.resources[\"PWS.MyAccount.OrderSummaryTitle\"]}: {'#' + this.props.Details.header.orderNumber}
\r\n {Title}\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass InvoiceHeader extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {BackToLink}\r\n \r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.OrderSummaryOrderItemsTitle\"]}
\r\n \r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.ItemsTableProductIDLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.ItemsTableProductNameLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.ItemsTablePriceLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.ItemsTableQuantityLabel\"]}
\r\n\r\n {this.props.resources[\"PWS.MyAccount.ItemsTableSubTotalLabel\"]}
\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\n
\r\n )\r\n }\r\n}\r\n\r\nclass ItemSection extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n createItems(item, i) {\r\n return \r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.OrderSummaryOrderNumberTitle\"]}\r\n {this.props.Header.orderNumber}\r\n
\r\n \r\n
\r\n\r\n\r\n {\r\n this.props.Header.isParty ? \r\n {this.props.resources[`${this.props.isEnrollment ? 'PWS.Enrollment.EnrollmentReceiptConsultantLabel' : 'PWS.MyAccount.CustomerLabel'}`]}: {readCookie('isGuestCheckout') === \"true\" ? readCookie('customerName') : this.props.Header.customerName}\r\n
\r\n \r\n {this.props.resources[`${this.props.isEnrollment ? 'PWS.Enrollment.EnrollmentReceiptConsultantID' : 'PWS.MyAccount.CustomerIDLabel'}`]}: {this.props.Header.customerId}\r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.InvoiceDateLabel\"]}: {moment(this.props.Header.orderDate).format('LLL')}\r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.InvoiceStatusLabel\"]}: {this.props.resources['PWS.MyAccount.OrderStatus' + this.props.Header.status]}\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 \r\n {this.props.resources[\"PWS.MyAccount.PartyCodeLabel\"]}: {this.props.Header.partyCode}\r\n\r\n
\r\n \r\n {this.props.resources[\"PWS.MyAccount.PartyDateLabel\"]}: {this.props.Header.partyDate}\r\n\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
\r\n \r\n {this.props.resources[`${this.props.isEnrollment ? 'PWS.Enrollment.EnrollmentReceiptSponsorLabel' : 'PWS.MyAccount.ConsultantLabel'}`]}: {this.props.Header.consultantName ? this.props.Header.consultantName : this.props.Consultant.name}\r\n
\r\n\r\n \r\n {this.props.resources[\"PWS.MyAccount.ConsultantPhoneLabel\"]}: {this.props.Header.consultantPhone ? this.props.Header.consultantPhone : this.props.Consultant.phone}\r\n
\r\n - \r\n {this.props.Items.map(this.createItems.bind(this))}\r\n
\r\n
\r\n )\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\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} {this.props.Item.productCode}
\r\n \r\n \r\n
\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 -{this.props.Totals.freightDiscount.displayValue}
\r\n : '';\r\n\r\n let freightDiscountlabel = this.props.Totals.freightDiscount.amount != 0\r\n ? {this.props.resources[\"PWS.MyAccount.FreightDiscountLabel\"]}
\r\n : '';\r\n\r\n let taxLabel = this.props.resources[\"GLOBAL.OrderTaxWithPercentageLabel.Label\"].replace(\"{0}\", this.props.Totals.taxPercentage.displayValue);\r\n\r\n return (\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\r\n {this.props.Totals.subtotal.displayValue}
\r\n {this.props.Totals.lessVouchers.displayValue}
\r\n {this.props.Totals.netTotal.displayValue}
\r\n {this.props.Totals.freight.displayValue}
\r\n {freightDiscountDisplayValue}\r\n {this.props.Totals.tax.displayValue}
\r\n {this.props.Totals.total.displayValue}
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.SubTotalLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.LessVouchersLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.NetTotalLabel\"]}
\r\n {this.props.resources[\"PWS.MyAccount.FreightLabel\"]}
\r\n {freightDiscountlabel}\r\n {taxLabel}
\r\n {this.props.resources[\"PWS.MyAccount.TotalLabel\"]}
\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.ShippedToAddressLabel\"]}:
\r\n \r\n {ship.shipToAddress.addressLine1}, {ship.shipToAddress.addressLine2 != null ? ship.shipToAddress.addressLine2 + ',' : null} {ship.shipToAddress.city} {ship.shipToAddress.stateProvince} {ship.shipToAddress.postalCode}\r\n
\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\n//class ShipItem extends React.Component {\r\n//\tconstructor(props) {\r\n//\t\tsuper(props);\r\n//\t}\r\n\r\n//\trender() {\r\n//\t\treturn (\r\n//\t\t\t\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//\t\t\t\t\t
\r\n//\t\t\t{this.props.product?.productCode ?? null}
\r\n//\t\t\t\t\t{this.props.item?.trackingNumbers ?? null}\r\n//\t\t\t\t\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n if (this.props.Payments == null || this.props.Payments.length == 0) return null;\r\n return (\r\n \r\n
\r\n {payment.paymentType}
\r\n \r\n
\r\n {payment.amount.displayValue}
\r\n \r\n
\r\n {moment(this.props.PaymentDate).format('LL')}
\r\n \r\n
\r\n {this.props.resources[\"PaymentStatus:\" + payment.paymentStatus + \".Description.Text\"] || payment.paymentStatusDesc}
\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 {this.props.resources[\"PWS.MyAccount.PaymentsTitle\"]}
\r\n \r\n
\r\n {this.props.Payments.map(this.createPaymentItems.bind(this))}\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.PaymentMethodTitle\"]}
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.PaymentAmountTitle\"]}
\r\n \r\n
\r\n {this.props.resources[\"PWS.MyAccount.PaymentDateTitle\"]}
\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 {/*{this.props.resources[\"PWS.MyAccount.ItemsTableSubTotalLabel\"]}
*/}\r\n \r\n
\r\n )\r\n\r\n }\r\n}\r\n\r\nclass Vouchers extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n createVoucherItems(voucher, i) {\r\n return (\r\n {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 {/*{this.props.Return.refundTotal.displayValue}
*/}\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n if (this.props.Vouchers == null || this.props.Vouchers.length == 0) return null;\r\n return (\r\n \r\n
\r\n {voucher.voucherCode}
\r\n \r\n
\r\n {voucher.localBalance.displayValue}
\r\n \r\n
\r\n {voucher.localAmount.displayValue}
\r\n \r\n
\r\n {voucher.campaign}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nOrderSummary.defaultProps = {\r\n Details: {}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/OrderHistory/OrderSummary.js","import 'idempotent-babel-polyfill';\r\nimport alt from '../../alt';\r\nimport OrderHistoryActions from './OrderHistoryActions';\r\n\r\nclass OrderHistoryStore {\r\n\tconstructor() {\r\n\t\tthis.state = {\r\n\t\t\tOrderList: [],\r\n\t\t\tDetails: {},\r\n\t\t\tcurrentComponent: 'history'\r\n\t\t};\r\n\t\t\r\n\t\tthis.bindListeners({\r\n\t\t\torderListSuccess: OrderHistoryActions.ORDER_LIST_SUCCESS,\r\n\t\t\torderDetailSuccess: OrderHistoryActions.ORDER_DETAIL_SUCCESS,\r\n\t\t\tswitchComponent: OrderHistoryActions.SWITCH_COMPONENT,\r\n\t\t});\r\n\t}\r\n\t\r\n\torderListSuccess(orders) {\r\n\t\tthis.setState({\r\n\t\t\tOrderList: orders\r\n\t\t})\r\n\t}\r\n\t\r\n\torderDetailSuccess(order) {\r\n\t\tthis.setState({\r\n\t\t\tDetails: order,\r\n\t\t\tcurrentComponent: 'summary'\r\n\t\t})\r\n\t}\r\n\t\r\n\tswitchComponent(name) {\r\n\t\tthis.setState({\r\n\t\t\tcurrentComponent: name\r\n\t\t})\r\n\t}\r\n\t\r\n}\r\n\r\nexport default alt.createStore(OrderHistoryStore, 'OrderHistoryStore');\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/OrderHistory/OrderHistoryStore.js","import alt from '../../alt';\r\nimport si from 'si';\r\n\r\nclass OrderHistoryActions {\r\n\tconstructor() {\r\n\r\n\t}\r\n\t\r\n\tgetOrderList(){\r\n\t\tif(readCookie('isGuestCheckout') !== \"true\") {\r\n\t\t\tsi.getOrderHistory().then(this.orderListSuccess, this.orderListFailure);\r\n\t\t}\r\n\t\treturn true;\r\n\t}\r\n\t\r\n\torderListSuccess(data) {\r\n\t\treturn data\r\n\t}\r\n\t\r\n\torderListFailure(data) {\r\n\t\treturn data\r\n\t}\r\n\t\r\n\tgetOrderDetail(OrderID){\r\n\t\tsi.getOrderDetail(OrderID).then(this.orderDetailSuccess, this.orderDetailFailure);\r\n\t\treturn true;\r\n\t}\r\n\t\r\n\torderDetailSuccess(data) {\r\n\t\treturn data\r\n\t}\r\n\t\r\n\torderDetailFailure(data) {\r\n\t\treturn data\r\n\t}\r\n\t\r\n\tswitchComponent(name) {\r\n\t\treturn name;\r\n\t}\r\n}\r\n\r\nexport default alt.createActions(OrderHistoryActions);\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/OrderHistory/OrderHistoryActions.js","import React from 'react';\r\nimport PersonalInfo from 'ViewModels/Components/MyAccount/PersonalInfo/PersonalInfo';\r\nimport PersonalInfoActions from './PersonalInfoActions';\r\nimport ChangeUsername from './ChangeUserName';\r\nimport ChangePassword from '../ChangePassword/ChangePasswordContainer';\r\n\r\nexport default class PersonalInfoContainer extends React.Component {\r\n constructor(props){\r\n super(props);\r\n let showUserName = window.jenkon.useEmailAsUserName == 'inActive';\r\n\r\n this.state = {\r\n componentToShow: \r\n
\r\n \r\n
\r\n {this.props.resources[\"PWS.VouchersTitle.Text\"]}
\r\n \r\n
\r\n {this.props.Vouchers.map(this.createVoucherItems.bind(this))}\r\n \r\n
\r\n {this.props.resources[\"PWS.VoucherGrid.VoucherCode\"]}
\r\n \r\n
\r\n {this.props.resources[\"PWS.VoucherGrid.Balance\"]}
\r\n \r\n
\r\n {this.props.resources[\"PWS.VoucherGrid.Amount\"]}
\r\n \r\n
\r\n {this.props.resources[\"PWS.VoucherGrid.Campaign\"]}
\r\n \r\n\t\t\t\t
);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/PersonalInfo/PersonalInfoContainer.js","import React from 'react';\r\nimport PersonalInfoStore from './PersonalInfoStore';\r\nimport PersonalInfoActions from './PersonalInfoActions';\r\nimport {TextField, SelectField} from '../../FormFields/formFields';\r\nimport HeaderActions from '../../Header/HeaderActions';\r\n\r\n\r\nexport default class PersonalInfo extends React.Component {\r\n constructor(props){\r\n super(props);\r\n this.onChange = this.onChange.bind(this);\r\n this.saveChanges = this.saveChanges.bind(this);\r\n this.canSubmit = this.canSubmit.bind(this);\r\n this.afterSubmit = this.afterSubmit.bind(this);\r\n this.state = PersonalInfoStore.getState();\r\n }\r\n\r\n componentWillMount() {\r\n let days = [],\r\n\t\t\tyears = [],\r\n\t\t\td,\r\n\t\t\ty,\r\n\t\t\tdate= new Date(),\r\n\t\t\tthisYear= date.getFullYear(),\r\n\t\t\ttargetYear= thisYear - 100;\r\n for(d = 1; d <= 31; d++) {\r\n days.push({day: d});\r\n }\r\n for(y = thisYear; y >= targetYear; y--) {\r\n years.push({year: y});\r\n }\r\n this.setState({\r\n phoneTypes: [\r\n //{type: window.jenkon.resources['PWS.MyAccount.PhoneTypeHome'] },\r\n {type: window.jenkon.resources['PWS.MyAccount.PhoneTypeMobile'], code: 'MOBILE'},\r\n {type: window.jenkon.resources['PWS.MyAccount.PhoneTypeFax'], code: 'FAX'}\r\n ],\r\n primaryPhoneTypes: [\r\n {type: window.jenkon.resources['PWS.MyAccount.PhoneTypeHome'], code: 'HOME'},\r\n ],\r\n genders: [\r\n {value: 'Male', displayValue: window.jenkon.resources['PWS.MyAccount.GenderMale']},\r\n {value: 'Female', displayValue: window.jenkon.resources['PWS.MyAccount.GenderFemale']}\r\n ],\r\n years: years,\r\n months: [\r\n\t\t\t\t{name: 'Jan', value: '01'},\r\n\t\t\t\t{name: 'Feb', value: '02'},\r\n\t\t\t\t{name: 'Mar', value: '03'},\r\n\t\t\t\t{name: 'Apr', value: '04'},\r\n\t\t\t\t{name: 'May', value: '05'},\r\n\t\t\t\t{name: 'Jun', value: '06'},\r\n\t\t\t\t{name: 'Jul', value: '07'},\r\n\t\t\t\t{name: 'Aug', value: '08'},\r\n\t\t\t\t{name: 'Sep', value: '09'},\r\n\t\t\t\t{name: 'Oct', value: '10'},\r\n\t\t\t\t{name: 'Nov', value: '11'},\r\n\t\t\t\t{name: 'Dec', value: '12'}\r\n ],\r\n days: days,\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n PersonalInfoStore.listen(this.onChange);\r\n PersonalInfoActions.getCountriesCultures();\r\n }\r\n\r\n componentWillUnmount() {\r\n PersonalInfoStore.unlisten(this.onChange);\r\n }\r\n\r\n canSubmit() {\r\n return this.refs.firstName.isValid() &&\r\n this.refs.lastName.isValid() &&\r\n this.refs.email.isValid() &&\r\n\t\t\tthis.refs.homePhoneNumber.isValid() &&\r\n\t\t\tthis.refs.mobilePhoneNumber.isValid() &&\r\n this.isEmailValid();\r\n }\r\n\r\n registerErrors() {\r\n this.refs.firstName.registerErrors();\r\n this.refs.lastName.registerErrors();\r\n this.refs.email.registerErrors();\r\n this.refs.homePhoneNumber.registerErrors();\r\n this.refs.mobilePhoneNumber.registerErrors();\r\n this.isEmailValid();\r\n }\r\n\r\n onChange(state) {\r\n this.setState(state);\r\n }\r\n\r\n isEmailValid() {\r\n return !this.state.emailExists;\r\n }\r\n\r\n onEmailBlur(value) {\r\n if (window.jenkon.AllowDuplicateEmailAddresses === 'False')\r\n {\r\n if (this.state.originalState && this.state.originalState.email !== value) {\r\n PersonalInfoActions.validateEmail(value, window.jenkon.country, window.jenkon.CustomerAccountType);\r\n }\r\n else\r\n PersonalInfoActions.emailSuccess(true);\r\n }\r\n }\r\n\r\n cancelChanges() {\r\n PersonalInfoActions.cancelChanges();\r\n this.props.setView();\r\n }\r\n\r\n saveChanges() {\r\n if (this.canSubmit()) {\r\n let lang = this.state.languageList.filter(l => l.languageCode == this.state.language);\r\n //console.log(lang)\r\n let personalInfoData = {\r\n AccountCode: this.state.accountCode,\r\n Name: `${this.state.firstName} ${this.state.lastName}`,\r\n FirstName: this.state.firstName,\r\n LastName: this.state.lastName,\r\n Email: this.state.email,\r\n\t\t\t\tHomePhoneNumber: this.state.homePhoneNumber,\r\n\t\t\t\tHomePhoneNumberType: this.state.homePhoneNumberType,\r\n MobilePhoneNumber: this.state.mobilePhoneNumber,\r\n MobilePhoneNumberType: this.state.mobilePhoneNumberType,\r\n OptOut: this.state.emailOptOut,\r\n BirthDate: this.state.BirthMonth + '/' + this.state.BirthDay + '/' + this.state.BirthYear,\r\n Culture: lang[0].code,\r\n Gender: this.state.gender,\r\n UserName: this.state.userName\r\n };\r\n PersonalInfoActions.submitChanges(personalInfoData, this.afterSubmit);\r\n\r\n\r\n } else {\r\n this.registerErrors();\r\n }\r\n }\r\n\r\n afterSubmit() {\r\n if (!this.props.showUserName) {\r\n if (this.state.email != this.state.userName)\r\n HeaderActions.logout();\r\n }\r\n else\r\n this.props.setView;\r\n }\r\n\r\n render() {\r\n let emailErrorDisplay = this.state.emailExists ? \r\n\t\t\t\t\t
\r\n\t\t\t\t{window.jenkon.resources['PWS.MyAccount.PersonalInfoTitle']}
\r\n\t\t\t\t\t{window.jenkon.resources['PWS.MyAccount.PersonalInfoPageDescription']}
\r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.BackToAccountButton\"]}\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.state.componentToShow}\r\n\t\t\t\t\t
\r\n\t\t\t\t{window.jenkon.resources[\"PWS.Enrollment.EmailAddressExistsMessage\"]}
: '';\r\n if (this.state.homePhoneNumberType == null) this.state.homePhoneNumberType = \"HOME\";\r\n if (this.state.mobilePhoneNumberType == null) this.state.mobilePhoneNumberType = \"MOBILE\";\r\n let phoneHomeVal = this.state.phoneFormats.find(item => {return item.typeCode.toUpperCase() === 'HOME'});\r\n let phoneMobileVal = this.state.phoneFormats.find(item => {return item.typeCode.toUpperCase() === 'MOBILE'});\r\n\r\n\r\n let validationRules = {\r\n FirstName: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources['PWS.MyAccount.FirstNameRequiredMessage']\r\n },\r\n LastName: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources['PWS.MyAccount.LastNameRequiredMessage']\r\n },\r\n PrimaryPhone: {\r\n enrollmentPhone: typeof phoneHomeVal === 'undefined' ? '' : phoneHomeVal.format,\r\n enrollmentPhoneMessage: window.jenkon.resources['PWS.MyAccount.PersonalInfoPhoneNumberInvalidFormat']\r\n },\r\n MobilePhone: {\r\n enrollmentPhone: typeof phoneMobileVal === 'undefined' ? '' : phoneMobileVal.format,\r\n enrollmentPhoneMessage: window.jenkon.resources['PWS.MyAccount.PersonalInfoPhoneNumberInvalidFormat']\r\n },\r\n Email: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources['PWS.MyAccount.EmailAddressRequiredMessage'],\r\n email: true,\r\n emailMessage: window.jenkon.resources['PWS.MyAccount.EmailAddressInvalidMessage']\r\n },\r\n };\r\n\r\n let keys = {\r\n primaryPhoneType: {\r\n valueKey: 'code',\r\n nameKey: 'type'\r\n },\r\n phoneType: {\r\n valueKey: 'code',\r\n nameKey: 'type'\r\n },\r\n gender: {\r\n valueKey: 'gender',\r\n nameKey: 'displayValue'\r\n },\r\n months: {\r\n valueKey: 'value',\r\n nameKey: 'name'\r\n },\r\n days: {\r\n valueKey: 'day',\r\n nameKey: 'day'\r\n },\r\n years: {\r\n valueKey: 'year',\r\n nameKey: 'year'\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/PersonalInfo/PersonalInfo.js","import 'idempotent-babel-polyfill';\r\nimport alt from '../../alt';\r\nimport si from 'si';\r\nimport PersonalInfoActions from './PersonalInfoActions';\r\n\r\nclass PersonalInfoStore {\r\n\tconstructor() {\r\n\t\tthis.state = {\r\n\t\t\tfirstName: '',\r\n\t\t\tlastName: '',\r\n\t\t\thomePhoneNumber: '',\r\n\t\t\thomePhoneNumberType: 'HOME',\r\n\t\t\tmobilePhoneNumber: '',\r\n\t\t\tmobilePhoneNumberType: 'MOBILE',\r\n\t\t\tbirthDate: '',\r\n\t\t\temail: '',\r\n\t\t\tvalidEmail: false,\r\n\t\t\temailOptOut: false,\r\n\t\t\temailExists: false,\r\n\t\t\tcultureList: [],\r\n\t\t\tculture: '',\r\n\t\t\tuserName: '',\r\n\t\t\tusernameExists: false,\r\n\t\t\tvalidUsername: false,\r\n\t\t\tphoneFormats: [],\r\n\t\t\toriginalState: {},\r\n\t\t\tminAge: 18,\r\n\t\t\tmaxAge: 100,\r\n\t\t\tBirthYear: '',\r\n\t\t\tBirthMonth: '',\r\n\t\t\tBirthDay: ''\r\n\t\t};\r\n\r\n\t\tthis.bindListeners({\r\n\t\t\tgotCountriesAndCultures: PersonalInfoActions.GET_COUNTRIES_CULTURES_SUCCESS,\r\n\t\t\tgotCustomerInformation: PersonalInfoActions.GET_CUSTOMER_INFORMATION_SUCCESS,\r\n\t\t\tuserNameValidation: PersonalInfoActions.USER_NAME_SUCCESS,\r\n\t\t\tfieldChanged: PersonalInfoActions.CHANGE_FIELD,\r\n\t\t\tphoneFormatsSuccess: PersonalInfoActions.PHONE_FORMATS_SUCCESS,\r\n\t\t\tcancelChanges: PersonalInfoActions.CANCEL_CHANGES,\r\n\t\t\temailExists: PersonalInfoActions.EMAIL_SUCCESS\r\n\t\t});\r\n\t}\r\n\t\r\n\tphoneFormatsSuccess(formats) {\r\n\t\tthis.setState({ phoneFormats: formats });\r\n\t}\r\n\tgotCountriesAndCultures(diff) {\r\n\t\tthis.setState(diff);\r\n\t}\r\n\tcancelChanges() {\r\n\t\tconsole.log(this.state);\r\n\t\tthis.setState(this.state.originalState);\r\n\t}\r\n\r\n\tgotCustomerInformation(info) {\r\n\t\tthis.setState(info);\r\n\t\tif (info.birthDate) {\r\n\t\t\ttry {\r\n\t\t\t\tlet birthDate = new Date(info.birthDate);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tBirthYear: birthDate.getFullYear().toString(),\r\n\t\t\t\t\tBirthMonth: (birthDate.getMonth() < 9\r\n\t\t\t\t\t\t\t? '0'\r\n\t\t\t\t\t\t\t: '') +\r\n\t\t\t\t\t\t(birthDate.getMonth() + 1).toString(), // getMonth() is zero-based\r\n\t\t\t\t\tBirthDay: birthDate.getDate().toString()\r\n\t\t\t\t});\r\n\t\t\t} catch (e) {\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tBirthYear: '',\r\n\t\t\t\tBirthMonth: '',\r\n\t\t\t\tBirthDay: ''\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\toriginalState: info\r\n\t\t});\r\n\t}\r\n\r\n\tuserNameValidation(hasRecord) {\r\n\t\tthis.setState({\r\n\t\t\tusernameExists: typeof hasRecord === 'boolean' ? !hasRecord : true,\r\n\t\t\tvalidUsername: typeof hasRecord === 'boolean' ? hasRecord : false\r\n\t\t});\r\n\t}\r\n\tfieldChanged(diff) {\r\n\t\tthis.setState(diff);\r\n\t}\r\n\temailExists(hasRecord) {\r\n\t\tthis.setState({\r\n\t\t\temailExists: typeof hasRecord === \"boolean\" ? !hasRecord : true,\r\n\t\t\tvalidEmail: typeof hasRecord === \"boolean\" ? hasRecord : false\r\n\t\t});\r\n\t}\r\n}\r\n\r\nexport default alt.createStore(PersonalInfoStore, 'PersonalInfoStore');\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/PersonalInfo/PersonalInfoStore.js","import React from 'react';\r\nimport {TextField, SelectField} from '../../FormFields/formFields';\r\nimport PersonalInfoActions from './PersonalInfoActions';\r\nimport PersonalInfoStore from './PersonalInfoStore';\r\nimport HeaderActions from '../../Header/HeaderActions';\r\nimport storage from 'storage';\r\n\r\nexport default class ChangeUsername extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.setUsername = this.setUsername.bind(this);\r\n\t\tthis.registerErrors = this.registerErrors.bind(this);\r\n\t\tthis.isUsernameValid = this.isUsernameValid.bind(this);\r\n\t\tthis.submitUsernameChange = this.submitUsernameChange.bind(this);\r\n\t\tthis.registerErrors = this.registerErrors.bind(this);\r\n\t\tthis.canSubmit = this.canSubmit.bind(this);\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t\tthis.state = PersonalInfoStore.getState();\r\n\t}\r\n\r\n\tsetUsername() {\r\n\t\tlet name = readCookie('username');\r\n\t\tlet tokenCookie = readCookie('token');\r\n\t\tif (tokenCookie) {\r\n\t\t\tlet token = JSON.parse(tokenCookie);\r\n\t\t\treturn token.sub;\r\n\t\t} else {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tregisterErrors() {\r\n\t\tthis.refs.newUsername.isValid();\r\n\t}\r\n\r\n\tisUsernameValid() {\r\n\t if (this.state.userName.length > 0 && !this.state.validUsername && this.refs.newUsername.isValid()) {\r\n\t this.setState({\r\n\t usernameExists: true\r\n\t });\r\n\t } \r\n\t\treturn this.state.validUsername;\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tPersonalInfoStore.listen(this.onChange);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tPersonalInfoStore.unlisten(this.onChange);\r\n\t}\r\n\r\n\tonChange(state) {\r\n\t this.setState(state);\r\n\t \r\n\t}\r\n\r\n\tcanSubmit() {\r\n\t\treturn this.refs.newUsername.isValid(); \r\n\t}\r\n\r\n\tregisterErrors() {\r\n\t\tthis.refs.newUsername.registerErrors();\r\n\t}\r\n\r\n\tsubmitUsernameChange() {\r\n\t\tif (this.canSubmit()) {\r\n\t\t PersonalInfoActions.changeUsername(this.state.newUsername);\r\n\t\t HeaderActions.logout();\r\n\t\t\tthis.setState({ submitting: false });\r\n\t\t\t//this.props.cancelView('PersonalInfo');\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillMount() {\r\n\t\tthis.state = PersonalInfoStore.getState();\r\n\t}\r\n\r\n render() {\r\n let usernameErrorDisplay = this.state.usernameExists ? \r\n
\r\n\r\n
\r\n\r\n\r\n{emailErrorDisplay}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {this.props.showUserName &&\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< TextField\r\n ref = \"CurrentUsername\"\r\n disabled = { true }\r\n classes = \"input-100\"\r\n name = \"Username\"\r\n value = { this.state.userName } /> < div\r\n className = \"input-100\" >\r\n { usernameErrorDisplay }
\r\n {this.props.resources[\"PWS.ChangePassword.ChangePasswordSuccess\"]}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n if (this.state.finished) {\r\n return this.finished();\r\n }\r\n\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\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/ChangePassword/ChangePasswordContainer.js","import alt from '../../alt';\r\nimport si from 'si';\r\nimport MessageActions from '../../Message/MessageActions';\r\n\r\nclass ChangePasswordActions {\r\n constructor() {\r\n }\r\n\r\n changeField(name, value){\r\n var diff = {};\r\n diff[name] = value;\r\n return diff;\r\n }\r\n\r\n validatePasswordRequirements(password) {\r\n si.validatePasswordRequirements('', password).then(this.validatePasswordRequirementsSuccess, this.validatePasswordRequirementsSuccess)\r\n return false;\r\n }\r\n\r\n validatePasswordRequirementsSuccess(result) {\r\n return result;\r\n }\r\n\r\n submit(passwordData) {\r\n si.changePassword(passwordData).then(this.submitSuccess, this.registerErrors);\r\n return passwordData;\r\n }\r\n\r\n submitSuccess(result) {\r\n if(result.oldPasswordInvalid) {\r\n MessageActions.addErrorMessage(window.jenkon.resources[\"PWS.ChangePassword.LoginNotFound\"]);\r\n } else if (result.passwordChanged) {\r\n return result;\r\n }\r\n }\r\n\r\n reset() {\r\n return true;\r\n }\r\n\r\n registerErrors(error) {\r\n //console.log(error);\r\n }\r\n\r\n}\r\n\r\nexport default alt.createActions(ChangePasswordActions);\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/ChangePassword/ChangePasswordActions.js","import 'idempotent-babel-polyfill';\r\nimport alt from '../../alt';\r\nimport ChangePasswordActions from './ChangePasswordActions';\r\n\r\nclass ChangePasswordStore {\r\n constructor() {\r\n this.state = {\r\n currentPassword: '',\r\n password: '',\r\n confirmPassword: '',\r\n finished: false,\r\n validPassword: false,\r\n passwordExists: false\r\n };\r\n\r\n this.bindListeners({\r\n fieldChanged: ChangePasswordActions.CHANGE_FIELD,\r\n handleSubmitSuccess: ChangePasswordActions.SUBMIT_SUCCESS,\r\n reset: ChangePasswordActions.RESET,\r\n returnPasswordRequirements: ChangePasswordActions.VALIDATE_PASSWORD_REQUIREMENTS_SUCCESS\r\n });\r\n }\r\n\r\n fieldChanged(diff) {\r\n this.setState(diff);\r\n }\r\n\r\n handleSubmitSuccess(result) {\r\n this.setState({ finished: true });\r\n }\r\n\r\n reset() {\r\n this.setState({\r\n currentPassword: '',\r\n password: '',\r\n confirmPassword: '',\r\n finished: false,\r\n validPassword: false,\r\n passwordExists: 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\r\nexport default alt.createStore(ChangePasswordStore, 'ChangePasswordStore');\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/ChangePassword/ChangePasswordStore.js","import React from 'react';\r\nimport MyAddressesStore from './MyAddressesStore';\r\nimport MyAddressesActions from './MyAddressesActions';\r\nimport AddressUS from 'ViewModels/Components/Addresses/Templates/Display_US';\r\nimport AddressMX from 'ViewModels/Components/Addresses/Templates/Display_MX';\r\nimport AddressGB from 'ViewModels/Components/Addresses/Templates/Display_GB';\r\nimport AddressSG from 'ViewModels/Components/Addresses/Templates/Display_SG';\r\nimport AddressLoader from '../../Addresses/AddressLoader';\r\nimport { getUrlParameter, buildQueryString } from '../../../../Scripts/tools';\r\n\r\nexport default class MyAddressesContainer extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = MyAddressesStore.getState();\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t\tthis.displayAddress = this.displayAddress.bind(this);\r\n\t\tthis.button = this.button.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tMyAddressesStore.listen(this.onChange);\r\n\t\tMyAddressesActions.getAddresses();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tMyAddressesStore.unlisten(this.onChange);\r\n\t}\r\n\r\n\tonChange(state) {\r\n\t\tthis.setState(state);\r\n\t}\r\n\r\n\tdisplayAddress(address) {\r\n\t\tif (!address) { return null; }\r\n\r\n let displayTemplate = '';\r\n switch (address.country.toLowerCase()) {\r\n case 'us':\r\n displayTemplate = \r\n
\r\n \r\n
\r\n\r\n {displayPasswordRulesError}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\t\t\t\t{this.props.resources[\"GLOBAL.InvalidAddress.Text\"]}\r\n\t\t\t
\r\n\t\t)\r\n\r\n return (\r\n {displayTemplate}\r\n {warning}\r\n
);\r\n\r\n\t}\r\n\r\n\tdisplayAdditionalAddress(address, key) {\r\n if (!address) { return null; }\r\n\t\tvar editMode = this.state.showEditAdditionalAddress[key];\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{ editMode ? null : this.displayAddress(address) }\r\n\t\t\t\t{ editMode ? this.additionalAddressEditor(key, address) : null }\r\n\t\t\t\t{ editMode ? null : this.button(this.props.resources[\"PWS.Globals.EditButton\"], MyAddressesActions.toggleEditAdditionalAddress.bind(this, key, true)) }\r\n\t\t\t\t{ editMode ? null : this.button(this.props.resources[\"PWS.Globals.DeleteButton\"], MyAddressesActions.deleteAdditionalAddress.bind(this, address.code, \"Do you really want to delete this address?\")) }\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tadditionalAddressEditor(key, address) {\r\n\t\tvar refName = \"myAdditionalAddress_\" + key;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{ this.saveOrCancel(this.props.resources[\"PWS.Globals.CancelButton\"], MyAddressesActions.toggleEditAdditionalAddress.bind(this, key, false), this.props.resources[\"PWS.Globals.SaveButton\"], this.updateAdditionalAddress.bind(this, refName, key)) }\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tcreateAdditionalAddressEditor() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{ this.saveOrCancel(this.props.resources[\"PWS.Globals.CancelButton\"], MyAddressesActions.toggleCreateAdditionalAddress.bind(this, false), this.props.resources[\"PWS.Globals.SaveButton\"], this.createAdditionalAddress.bind(this)) }\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tbutton(buttonText, handleClick) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\tsaveOrCancel(cancelText, handleCancel, saveText, handleSave) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{ this.button(cancelText, handleCancel) }\r\n\t\t\t\t{ this.button(saveText, handleSave) }\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tsaveHomeAddress() {\r\n\t\tif (this.refs.homeAddress.isValidAddress()) {\r\n\t\t\tthis.refs.homeAddress.validateAddress(true, null).then(result => {\r\n\t\t\t\tif (result) {\r\n\t\t\t\t\tMyAddressesActions.saveHomeAddress(this.refs.homeAddress.getAddressValues());\r\n }\r\n\t\t\t});\r\n }\r\n\t}\r\n\r\n\tsaveShippingAddress() {\r\n if (this.refs.shippingAddress.isValidAddress()) {\r\n\t\t\tthis.refs.shippingAddress.validateAddress(true, null).then(result => {\r\n\t\t\t\tif (result) {\r\n\t\t\t\t\tMyAddressesActions.saveShippingAddress(this.refs.shippingAddress.getAddressValues());\r\n\t\t\t\t}\r\n\t\t\t});\r\n }\r\n\t}\r\n\r\n\tcreateAdditionalAddress() {\r\n if (this.refs.newAdditionalAddress.isValidAddress()) {\r\n\t\t\tthis.refs.newAdditionalAddress.validateAddress(true, null).then(result => {\r\n\t\t\t\tif (result) {\r\n\t\t\t\t\tMyAddressesActions.createAdditionalAddress(this.refs.newAdditionalAddress.getAddressValues());\r\n\t\t\t\t\tMyAddressesActions.toggleCreateAdditionalAddress(false);\r\n\t\t\t\t}\r\n\t\t\t});\r\n }\r\n\t}\r\n\r\n\tupdateAdditionalAddress(refName, key) {\r\n\t\tthis.refs[refName].validateAddress(true, null).then(result => {\r\n\t\t\tif (result) {\r\n\t\t\t\tMyAddressesActions.updateAdditionalAddress(this.refs[refName].getAddressValues(), key);\r\n\t\t\t\tMyAddressesActions.toggleEditAdditionalAddress(key, false);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tcheckShippingSameAsHome() {\r\n\t\treturn !(this.state.showEditShippingAddress || (this.state.shippingAddress && this.state.shippingAddress.code));\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar returnUrl = getUrlParameter('redirectUrl');// + buildQueryString({\r\n\t\t\t//shipToName: getUrlParameter('shipToName'),\r\n\t\t\t//shipToPhone: getUrlParameter('shipToPhone')\r\n\t\t//});\r\n return (\r\n \r\n\t\t\t\t
\r\n );\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/MyAddresses/MyAddressesContainer.js","import React from 'react';\r\nimport HostPortalStore from './HostPortalStore';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport BookAParty from './BookAParty';\r\nimport PartyDetails from './PartyDetails';\r\nimport moment from 'moment';\r\nimport storage from 'storage';\r\n\r\nexport default class MyPartyListContainer extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tmoment.locale(window.jenkon.language);\r\n\t\tthis.state = HostPortalStore.getState();\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tHostPortalStore.listen(this.onChange);\r\n\t\tHostPortalActions.getHostPartyList();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tHostPortalStore.unlisten(this.onChange);\r\n\t}\r\n\r\n\tonChange(state) {\r\n\t\tthis.setState(state);\r\n\t}\r\n\r\n\topenPartyDetails(party) {\r\n\t\tthis.props.setView(PartyDetails, party.code);\r\n\t}\r\n\r\n\tdisplayAddress(address) {\r\n\t if (address == null) return \"---\";\r\n\t\tlet line1 = address.line1 != null && address.line1 != '' ? address.line1 + ', ' : '';\r\n\t\tlet city = address.city != null && address.city != '' ? address.city + ', ' : '';\r\n\t\tlet state = address.stateProvince != null && address.stateProvince != '' ? address.stateProvince : '';\r\n\t\tlet addressString = line1 + city + state;\r\n\t\treturn addressString\r\n\t}\r\n\r\n\tsetLSAndRedirect() {\r\n\t\tstorage.set('selectedReason', 'BookAParty');\r\n\t\tstorage.set('returnUrl', window.location.href);\r\n\t\twindow.location.href = `${window.jenkon.consultantRoot}mystory`;\r\n\t}\r\n\r\n\tcreateEventList(party, i) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyAddresses\"]}
\r\n\t\t\t\t\r\n\t\t\t\t\t{returnUrl? « {this.props.resources[\"PWS.MyAccount.ReturnToCheckout\"]} : « {this.props.resources[\"PWS.MyAccount.BackToAccountButton\"]} }\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t : this.displayAddress(this.state.homeAddress) }\r\n\t\t\t\t\t\t\t{ this.state.showEditHomeAddress? this.saveOrCancel(this.props.resources[\"PWS.Globals.CancelButton\"], MyAddressesActions.toggleEditHomeAddress.bind(this, false), this.props.resources[\"PWS.Globals.SaveButton\"], this.saveHomeAddress.bind(this)) : this.button(this.props.resources[\"PWS.Globals.EditButton\"], MyAddressesActions.editHomeAddress) }\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.showShippingAddress?\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.HomeAddress\"]}
\r\n\t\t\t\t\t\t{this.state.showEditHomeAddress ?\r\n\t\t\t\t\t\t\t
: null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{this.state.showAdditionalAddresses?\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.ShippingAddress\"]}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t MyAddressesActions.toggleShippingSameAsHome(!this.state.shippingSameAsHome)} /> Same As Home Address\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.state.showEditShippingAddress ? \r\n\t\t\t\t\t\t\t
: null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.AdditionalAddresses\"]}
\r\n\t\t\t\t\t\t\t{ this.state.showCreateAdditionalAddress? this.createAdditionalAddressEditor.apply(this) : this.button(this.props.resources[\"PWS.MyAccount.AddNewAddress\"], MyAddressesActions.addAdditionalAddress) }\r\n\t\t\t\t\t\t\t{ this.state.additionalAddresses.map(this.displayAdditionalAddress.bind(this)) }\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{party.name}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{party.isVirtual ? moment(party.startDate).format('ll') + ' - '\r\n\t\t\t\t\t\t+ moment(party.endDate).format('ll') : moment(party.eventDate).format('ll') + ' @ '\r\n\t\t\t\t\t\t+ moment(party.eventDate).format('hh:mm') + ' ' + party.timeZone}\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{party.isVirtual ? moment(party.startDate).format('ll') + ' - '\r\n\t\t\t\t\t\t+ moment(party.endDate).format('ll') : moment(party.eventDate).format('ll') + ' @ '\r\n\t\t\t\t\t\t+ moment(party.eventDate).format('hh:mm') + ' ' + party.timeZone}\r\n\r\n\t\t\t\t
{party.isVirtual ? this.props.resources[\"PWS.MyAccount.MyPartiesLocationOnline\"] : this.displayAddress(party.address)}
\r\n\t\t\t\t{!party.isPublic ? this.props.resources[\"PWS.MyAccount.MyPartiesPublicFlagNo\"] : this.props.resources[\"PWS.MyAccount.MyPartiesPublicFlagYes\"]}
\r\n\t\t\t\t{party.totalEventSales != null ? party.totalEventSales.displayValue : \"---\"}
\r\n\t\t\t\t{party.eventStatus}
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/MyPartyListContainer.js","import alt from '../../alt';\r\nimport moment from 'moment';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport AddressModel from '../../Addresses/AddressModel';\r\nimport 'idempotent-babel-polyfill';\r\n\r\nclass HostPortalStore {\r\n\tconstructor() {\r\n\t\tthis.state = {\r\n\t\t\tNewPartyTitle: '',\r\n\t\t\tNewPartyDate: moment().format('L'),\r\n\t\t\tMyPartiesList: [],\r\n\t\t\tEventTypes: [],\r\n\t\t\tDisplayThemeList: [],\r\n\t\t\tTemplateCategories: [],\r\n\t\t\tselectedTheme: \"\",\r\n\t\t\tisVirtual: true,\r\n\t\t\tmaxEventDays: 0,\r\n\t\t\tuserCulture: window.jenkon.culture,\r\n\t\t\tstartTime: '',\r\n\t\t\tendTime: '',\r\n\t\t\tNewPartyLocation: new AddressModel(),\r\n\t\t\tselectedEventDetails: null,\r\n\t\t\tselectedTab: 'details',\r\n\t\t\tshowRequestSuccess: false,\r\n\t\t\tshowCongrats_HostTips: false,\r\n\t\t\tAddGuest_GuestName: \"\",\r\n\t\t\tAddGuest_GuestEmailAddress: \"\",\r\n\t\t\tvalidGuestEmail: true,\r\n\t\t\tvalidGuestEmail_edit: true,\r\n\t\t\tselectedStatus: \"\",\r\n\t\t\tguestStatusList: [],\r\n\t\t\tcurrentInvitePreview: '',\r\n\t\t\tnumberofInvitesSent: 0,\r\n\t\t\thasVirtual: true,\r\n\t\t\ttimeZoneList: [],\r\n\t\t\ttimeZone: '',\r\n\t\t\teventTotals: null,\r\n\t\t\thostRewardsSummaries: null,\r\n\t\t};\r\n\r\n\t\tthis.bindListeners({\r\n\t\t\tgetTimeZones: HostPortalActions.GET_TIME_ZONES_SUCCESS,\r\n\t\t\thostPartyListChanged: HostPortalActions.GET_HOST_EVENT_SUCCESS,\r\n\t\t\tchangeField: HostPortalActions.CHANGE_FIELD,\r\n\t\t\tsetEventTypes: HostPortalActions.EVENT_TYPES_SUCCESS,\r\n\t\t\tsetVirtual: HostPortalActions.SET_VIRTUAL,\r\n\t\t\tsetTheme: HostPortalActions.CHANGE_THEME,\r\n\t\t\tvirtualEventSuccess: HostPortalActions.CREATE_VIRTUAL_EVENT_SUCCESS,\r\n\t\t\tvirtualEventFailure: HostPortalActions.CREATE_VIRTUAL_EVENT_FAILURE,\r\n\t\t\tphysicalEventSuccess: HostPortalActions.PHYSICAL_EVENT_SUCCESS,\r\n\t\t\tphysicalEventFailure: HostPortalActions.PHYSICAL_EVENT_FAILURE,\r\n\t\t\tgetEventSuccess: HostPortalActions.GET_EVENT_SUCCESS,\r\n\t\t\tgetEventFailure: HostPortalActions.GET_EVENT_FAILURE,\r\n\t\t\tgetHostEventDetailSuccess: HostPortalActions.GET_HOST_EVENT_DETAIL_SUCCESS,\r\n\t\t\tgetHostEventDetailFailure: HostPortalActions.GET_HOST_EVENT_DETAIL_FAILURE,\r\n\t\t\tsetTab: HostPortalActions.SET_TAB,\r\n\t\t\tsetNewPartyAddress: HostPortalActions.SET_NEW_PARTY_ADDRESS,\r\n resetSuccessState: HostPortalActions.RESET_SUCCESS_STATE,\r\n\t\t\taddGuestSuccess: HostPortalActions.ADD_GUEST_SUCCESS,\r\n\t\t\taddGuestFailure: HostPortalActions.ADD_GUEST_FAILURE,\r\n changeIsPublicFlag: HostPortalActions.SET_PARTY_VISIBILITY_SUCCESS,\r\n saveEventChanges: HostPortalActions.SAVE_PARTY_CHANGES_SUCCESS,\r\n\t\t\tpartyCreatedTab: HostPortalActions.PARTY_CREATED_TAB,\r\n\t\t\tgetGuestStatusesSuccess: HostPortalActions.GET_GUEST_STATUSES_SUCCESS,\r\n\t\t\tgetGuestStatusesFailure: HostPortalActions.GET_GUEST_STATUSES_FAILURE,\r\n\t\t\tvalidateGuestSuccess: HostPortalActions.VALIDATE_GUEST_SUCCESS,\r\n\t\t\tvalidateGuestFailure: HostPortalActions.VALIDATE_GUEST_FAILURE,\r\n\t\t\tupdateGuestSuccess: HostPortalActions.UPDATE_GUEST_SUCCESS,\r\n\t\t\tupdateGuestFailure: HostPortalActions.UPDATE_GUEST_FAILURE,\r\n\t\t\tdeleteGuestSuccess: HostPortalActions.DELETE_GUEST_SUCCESS,\r\n\t\t\tdeleteGuestFailure: HostPortalActions.DELETE_GUEST_FAILURE,\r\n\t\t\tvalidateGuestEditSuccess: HostPortalActions.VALIDATE_GUEST_EDIT_SUCCESS,\r\n\t\t\tvalidateGuestEditFailure: HostPortalActions.VALIDATE_GUEST_EDIT_FAILURE,\r\n\t\t\tsetSelectedStatus: HostPortalActions.SET_SELECTED_STATUS,\r\n\t\t\tsetSelectedParty: HostPortalActions.SET_SELECTED_PARTY,\r\n\t\t\tresetValidGuestEmail: HostPortalActions.RESET_VALID_GUEST_EMAIL,\r\n\t\t\tresetValidGuestEmailEdit: HostPortalActions.RESET_VALID_GUEST_EMAIL_EDIT,\r\n\t\t\taddInvitePreview: HostPortalActions.GET_TEMPLATE_RESOURCE_SUCCESS,\r\n\t\t\tsetNewInviteTemplate: HostPortalActions.SET_NEW_INVITE_TEMPLATE_SUCCESS,\r\n\t\t\tpendingInvitesSent: HostPortalActions.SEND_PENDING_INVITES_SUCCESS,\r\n\t\t\tremindersSent: HostPortalActions.SEND_REMINDERS_SUCCESS,\r\n\t\t\tsendReminderSuccess: HostPortalActions.SEND_REMINDER_SUCCESS,\r\n\t\t\tguestInviteSent: HostPortalActions.SEND_GUEST_INVITE_SUCCESS,\r\n\t\t\tclearFormValues: HostPortalActions.CLEAR_FORM_VALUES,\r\n\t\t});\r\n\t}\r\n\r\n\tguestInviteSent(responseData) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: responseData.eventData.event\r\n\t\t});\r\n\t\tlet resentmessage = window.jenkon.resources[\"PWS.MyAccount.GuestsTabResendConfirmation\"].replace(\"{0}\", responseData.eventData.sendResults[0].key);\r\n\t\tlet sentMessage = window.jenkon.resources[\"PWS.MyAccount.GuestsTabInviteSentConfirmation\"].replace(\"{0}\", responseData.eventData.sendResults[0].key);\r\n\t\tlet invitesMessage = window.jenkon.resources['PWS.MyAccount.GuestsTabInviteAllConfirmation'].replace('{0}', '0');\r\n\t\tif(responseData.eventData.sendResults[0].value)\r\n\t\t\talert(responseData.isResend ? resentmessage : sentMessage);\r\n\t\telse\r\n\t\t\talert(invitesMessage);\r\n\t}\r\n\r\n\tremindersSent(responseData) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: responseData.event\r\n\t\t});\r\n\t\tlet reminderCount = responseData.sendResults.filter(r => r.value);\r\n\r\n\t\talert(`${window.jenkon.resources[\"PWS.MyAccount.GuestsTabAllRemindersConfirmation\"].replace('{0}', reminderCount.length)}`);\r\n\t}\r\n\r\n\tsendReminderSuccess(responseData) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: responseData.event,\r\n\t\t});\r\n\t\tlet remindermessage = window.jenkon.resources[\"PWS.MyAccount.GuestsTabReminderConfirmation\"].replace(\"{0}\", responseData.sendResults[0].key);\r\n\t\tlet noneSent = window.jenkon.resources[\"PWS.MyAccount.GuestsTabAllRemindersConfirmation\"].replace('{0}', '0');\r\n\t\tif(responseData.sendResults[0].value)\r\n\t\t\talert(remindermessage);\r\n\t\telse\r\n\t\t\talert(noneSent);\r\n\t}\r\n\r\n\tpendingInvitesSent(eventData) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: eventData.event\r\n\t\t});\r\n\t\tlet inviteCount = eventData.sendResults.filter(r => r.value);\r\n\t\tlet invitesMessage = window.jenkon.resources['PWS.MyAccount.GuestsTabInviteAllConfirmation'].replace('{0}', inviteCount.length);\r\n\t\talert(invitesMessage);\r\n\t}\r\n\r\n\taddInvitePreview(previewHtml) {\r\n\t\tthis.setState({\r\n\t\t\tcurrentInvitePreview: previewHtml\r\n\t\t});\r\n\t}\r\n\r\n\tsetNewInviteTemplate(eventData) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: eventData\r\n\t\t});\r\n\t}\r\n\r\n\tsetSelectedParty(party) {\r\n\t\tthis.setState({\r\n selectedEventDetails: party,\r\n });\r\n\t}\r\n\r\n saveEventChanges(eventData) {\r\n this.setState({\r\n selectedEventDetails: eventData,\r\n });\r\n }\r\n\r\n changeIsPublicFlag() {\r\n let currentEventDetails = this.state.selectedEventDetails;\r\n currentEventDetails.isPublic = !currentEventDetails.isPublic;\r\n this.setState({\r\n selectedEventDetails: currentEventDetails\r\n });\r\n }\r\n\r\n\tgetTimeZones(data) {\r\n\t\tthis.setState({\r\n\t\t\ttimeZoneList: data\r\n\t\t});\r\n\t}\r\n\r\n resetSuccessState() {\r\n this.setState({\r\n showRequestSuccess: false,\r\n });\r\n }\r\n\r\n setNewPartyAddress(address) {\r\n this.setState({\r\n NewPartyLocation: address\r\n });\r\n }\r\n\r\n\tupdateGuestSuccess(eventData) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: eventData\r\n\t\t})\r\n\t}\r\n\r\n\tupdateGuestFailure(eventData) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tdeleteGuestSuccess(eventData) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: eventData\r\n\t\t})\r\n\t}\r\n\r\n\tdeleteGuestFailure(eventData) {\r\n\t\treturn;\r\n\t}\r\n\r\n\thostPartyListChanged(parties) {\r\n\t\t \r\n\t\tparties = parties.sort((a, b) => {\r\n\t\t\treturn parseInt(b.code) - parseInt(a.code);\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tMyPartiesList: parties,\r\n\t\t\tselectedEventDetails: null,\r\n\t\t\teventCode: null,\r\n\t\t\tselectedTab: 'details',\r\n\t\t\tshowCongrats_HostTips: false\r\n\t\t})\r\n\t}\r\n\r\n\tgetGuestStatusesSuccess(statuses) {\r\n\t\tthis.setState({\r\n\t\t\tguestStatusList: statuses\r\n\t\t});\r\n\t}\r\n\r\n\tgetGuestStatusesFailure() {\r\n\t\treturn true;\r\n\t}\r\n\r\n\tvirtualEventSuccess(data) {\r\n\t\tthis.setState({\r\n\t\t\tshowRequestSuccess: false,\r\n\t\t\tNewPartyTitle: '',\r\n\t\t\tNewPartyDate: moment().format('L'),\r\n\t\t\tstartTime: '',\r\n\t\t\tendTime: '',\r\n\t\t\tNewPartyLocation: new AddressModel()\r\n\t\t});\r\n\t}\r\n\r\n\tvirtualEventFailure(data) {\r\n\t\tconsole.log(data)\r\n\t}\r\n\r\n\tphysicalEventSuccess(response) {\r\n this.setState({\r\n\t\t\tshowRequestSuccess: true,\r\n\t\t\tNewPartyTitle: '',\r\n\t\t\tNewPartyDate: moment().format('L'),\r\n\t\t\tstartTime: '',\r\n\t\t\tendTime: '',\r\n\t\t\tNewPartyLocation: new AddressModel()\r\n\t\t});\r\n\t}\r\n\r\n\tphysicalEventFailure(data) {\r\n\t\tconsole.log(data)\r\n\t}\r\n\r\n\tgetEventSuccess(data) {\r\n //console.log(\"getEventSuccess\", data);\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: data\r\n\t\t})\r\n\t}\r\n\r\n\tgetEventFailure(data) {\r\n\t\tconsole.log(data)\r\n\t}\r\n\r\n getHostEventDetailSuccess(data) {\r\n //console.log(\"getEventSuccess\", data);\r\n this.setState({\r\n selectedEventDetails: data\r\n })\r\n }\r\n\r\n getHostEventDetailFailure(data) {\r\n console.log(data)\r\n }\r\n\r\n\tchangeField(diff) {\r\n\t\tthis.setState(diff);\r\n\t}\r\n\r\n\tclearFormValues() {\r\n\t\tthis.setState({\r\n\t\t\tNewPartyTitle: '',\r\n\t\t\tstartTime: '',\r\n\t\t\tendTime: '',\r\n\t\t\tselectedTheme: \"\"\r\n\t\t})\r\n\t}\r\n\r\n\tsetTheme(diff) {\r\n\t\tlet virtual = this.state.EventTypes.filter(t => t.code === diff.selectedTheme);\r\n\t\tthis.setState({\r\n\t\t\tselectedTheme: diff.selectedTheme,\r\n\t maxEventDays: this.state.isVirtual ? (virtual && virtual.length > 0 ? virtual[0].maxEventDays : 0) : 0\r\n\t\t});\r\n\t}\r\n\r\n\tsetTab(tab) {\r\n\t\tthis.setState({\r\n\t\t\tselectedTab: tab\r\n\t\t});\r\n\t}\r\n\r\n\tpartyCreatedTab() {\r\n\t\tthis.setState({\r\n\t\t\tshowRequestSuccess: false,\r\n\t\t\tNewPartyTitle: '',\r\n\t\t\tNewPartyDate: moment().format('L'),\r\n\t\t\tstartTime: '',\r\n\t\t\tendTime: '',\r\n\t\t\tNewPartyLocation: new AddressModel(),\r\n\t\t\tselectedTab: 'tips',\r\n\t\t\tshowCongrats_HostTips: true\r\n\t\t});\r\n\t}\r\n\r\n\taddGuestSuccess(data) {\r\n\t\tthis.setState({\r\n\t\t\tselectedEventDetails: data,\r\n\t\t\tAddGuest_GuestName: \"\",\r\n\t\t\tAddGuest_GuestEmailAddress: \"\"\r\n\t\t});\r\n\t}\r\n\r\n\tresetValidGuestEmail() {\r\n\t\tthis.setState({\r\n\t\t\tvalidGuestEmail: true\r\n\t\t})\r\n\t}\r\n\r\n\tresetValidGuestEmailEdit() {\r\n\t\tthis.setState({\r\n\t\t\tvalidGuestEmail_edit: true\r\n\t\t})\r\n\t}\r\n\r\n\tvalidateGuestSuccess(data) {\r\n\t\tthis.setState({\r\n\t\t\tvalidGuestEmail: data\r\n\t\t})\r\n\t}\r\n\r\n\tvalidateGuestFailure(data) {\r\n\t\tthis.setState({\r\n\t\t\tvalidGuestEmail: !this.state.isVirtual ? true : false\r\n\t\t})\r\n\t}\r\n\r\n\tvalidateGuestEditSuccess(data) {\r\n\t\tthis.setState({\r\n\t\t\tvalidGuestEmail_edit: data\r\n\t\t})\r\n\t}\r\n\r\n\tvalidateGuestEditFailure(data) {\r\n\t\tthis.setState({\r\n\t\t\tvalidGuestEmail_edit: !this.state.isVirtual ? true : false\r\n\t\t})\r\n\t}\r\n\r\n\tsetSelectedStatus(selectedStatus) {\r\n\t\tthis.setState({\r\n\t\t\tselectedStatus\r\n\t\t})\r\n\t}\r\n\r\n\taddGuestFailure(data) {\r\n\t\treturn false\r\n\t}\r\n\r\n\tsetEventTypes(types){\r\n\t\tlet virtual = types.filter(t => t.isVirtual);\r\n\t\tlet physical = types.filter(t => !t.isVirtual);\r\n\t\tlet maxEventDays = 0;\r\n\t\tif (virtual.length === 0) {\r\n\t\t\tthis.setState({\r\n\t\t\t\thasVirtual: false,\r\n\t\t\t\tisVirtual: false,\r\n\t\t\t});\r\n\t\t}\r\n\t\tif (this.state.isVirtual) {\r\n\t\t\tmaxEventDays = virtual.length !== 0 ? virtual[0].maxEventDays : 0;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tEventTypes: types,\r\n\t\t\tDisplayThemeList: this.state.isVirtual ? virtual : physical,\r\n\t\t\tselectedTheme: this.state.isVirtual ? (virtual && virtual.length > 0 ? virtual[0].code : \"\") : (physical && physical.length > 0 ? physical[0].code : \"\"),\r\n\t\t\tmaxEventDays: maxEventDays\r\n\t\t});\r\n\t}\r\n\r\n\tsetVirtual(isVirtual) {\r\n\t\tlet virtual = this.state.EventTypes.filter(t => t.isVirtual);\r\n\t\tlet physical = this.state.EventTypes.filter(t => !t.isVirtual);\r\n\t\tthis.setState({\r\n\t\t\tisVirtual,\r\n\t\t\tDisplayThemeList: isVirtual ? virtual : physical,\r\n\t\t\tselectedTheme: isVirtual ? (virtual && virtual.length > 0 ? virtual[0].code : \"\") : (physical && physical.length > 0 ? physical[0].code : \"\"),\r\n\t\t\tmaxEventDays: isVirtual ? virtual[0].maxEventDays : 0\r\n\t\t});\r\n\t}\r\n}\r\n\r\nexport default alt.createStore(HostPortalStore, \"HostPortalStore\");\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/HostPortalStore.js","import alt from '../../alt';\r\nimport si from 'si';\r\nimport PartyDetails from './PartyDetails';\r\nimport MessageActions from '../../Message/MessageActions';\r\n\r\n\r\nclass HostPortalActions {\r\n constructor() {}\r\n\r\n addGuest(data) {\r\n si.addEventGuest(data).then(this.addGuestSuccess, this.addGuestFailure);\r\n return true;\r\n }\r\n\r\n getTimeZones() {\r\n si.getTimeZones().then(this.getTimeZonesSuccess, this.getTimeZonesFailure);\r\n return true;\r\n }\r\n\r\n getTimeZonesSuccess(data) {\r\n return data;\r\n }\r\n\r\n getTimeZonesFailure(data) {\r\n return data;\r\n }\r\n\r\n getHostPartyList() {\r\n si.getHostEvents().then(this.getHostEventSuccess, this.getHostEventFailure);\r\n return true;\r\n }\r\n\r\n getEventDetails(eventCode) {\r\n si.getEventDetails(eventCode).then(this.getEventSuccess, this.getEventFailure);\r\n return true;\r\n }\r\n\r\n getHostEventDetails(eventCode) {\r\n si.getHostEventDetails(eventCode).then(this.getHostEventDetailSuccess, this.getHostEventDetailFailure);\r\n return true;\r\n }\r\n\r\n getEventTypes() {\r\n si.getEventTypes().then(this.eventTypesSuccess, this.eventTypesFailure);\r\n return true;\r\n }\r\n\r\n getGuestStatuses() {\r\n si.getGuestStatuses().then(this.getGuestStatusesSuccess, this.getGuestStatusesFailure);\r\n return true;\r\n }\r\n\r\n validateGuest(GuestInfo) {\r\n si.validateGuest(GuestInfo).then((data) => {\r\n if (data) this.addGuest(GuestInfo);\r\n this.validateGuestSuccess(data);\r\n }, this.validateGuestFailure);\r\n return true;\r\n }\r\n validateGuestEdit(GuestInfo) {\r\n si.validateGuest(GuestInfo).then(this.validateGuestEditSuccess, this.validateGuestEditFailure);\r\n return true;\r\n }\r\n\r\n updateGuest(guestData) {\r\n si.updateGuest(guestData).then(this.updateGuestSuccess, this.updateGuestFailure);\r\n return true;\r\n }\r\n\r\n updateGuestSuccess(data) {\r\n return data;\r\n }\r\n\r\n updateGuestFailure(data) {\r\n return data;\r\n }\r\n\r\n deleteGuest(guestData) {\r\n si.deleteGuest(guestData).then(this.deleteGuestSuccess, this.deleteGuestFailure);\r\n return true;\r\n }\r\n\r\n deleteGuestSuccess(data) {\r\n return data;\r\n }\r\n\r\n deleteGuestFailure(data) {\r\n return data;\r\n }\r\n\r\n setSelectedStatus(status) {\r\n return status;\r\n }\r\n\r\n setSelectedParty(party) {\r\n return party;\r\n }\r\n\r\n resetValidGuestEmail() {\r\n return true;\r\n }\r\n\r\n resetValidGuestEmailEdit() {\r\n return true;\r\n }\r\n\r\n validateGuestSuccess(data) {\r\n return data;\r\n }\r\n\r\n validateGuestFailure(data) {\r\n return data;\r\n }\r\n\r\n validateGuestEditSuccess(data) {\r\n return data;\r\n }\r\n\r\n validateGuestEditFailure(data) {\r\n return data;\r\n }\r\n\r\n getGuestStatusesSuccess(data) {\r\n return data;\r\n }\r\n\r\n getGuestStatusesFailure(data) {\r\n return data;\r\n }\r\n\r\n getHostEventSuccess(data) {\r\n return data;\r\n }\r\n\r\n getHostEventFailure(data) {\r\n return data;\r\n }\r\n\r\n getEventSuccess(data) {\r\n return data;\r\n }\r\n\r\n getEventFailure(data) {\r\n return data;\r\n }\r\n\r\n getHostEventDetailSuccess(data) {\r\n return data;\r\n }\r\n\r\n getHostEventDetailFailure(data) {\r\n return data;\r\n }\r\n\r\n getHostEventFailure(data) {\r\n return data;\r\n }\r\n\r\n partyCreatedTab() {\r\n return true;\r\n }\r\n\r\n getTemplateResource(templateResourceId, intercept) {\r\n var self = this;\r\n si.getTemplateResource(templateResourceId).then(function (resource) {\r\n if (intercept && typeof intercept === \"function\") {\r\n resource = intercept(resource);\r\n }\r\n self.getTemplateResourceSuccess(resource);\r\n }, self.getTemplateResourceFailure);\r\n return true;\r\n }\r\n\r\n getTemplateResourceSuccess(resourceData) {\r\n return resourceData[0].value;\r\n }\r\n\r\n getTemplateResourceFailure(data) {\r\n return data;\r\n }\r\n\r\n savePartyDetailsChanges(eventData) {\r\n si.saveEventChanges(eventData).then(this.savePartyChangesSuccess, this.savePartyChangesFailure);\r\n return true;\r\n }\r\n\r\n savePartyChangesSuccess(data) {\r\n return data;\r\n }\r\n\r\n savePartyChangesFailure(data) {\r\n return data;\r\n }\r\n\r\n sendAllPendingInvites(eventCode) {\r\n si.sendAllPendingInvites(eventCode).then(this.sendPendingInvitesSuccess, this.sendPendingInvitesFailure);\r\n return true;\r\n }\r\n\r\n sendPendingInvitesSuccess(data) {\r\n return data;\r\n }\r\n\r\n sendPendingInvitesFailure(data) {\r\n return data;\r\n }\r\n\r\n sendReminder(eventGuest) {\r\n si.sendReminder(eventGuest).then(this.sendReminderSuccess, this.sendReminderFailure);\r\n return true;\r\n }\r\n\r\n sendReminderSuccess(data) {\r\n return data;\r\n }\r\n\r\n sendReminderFailure(data) {\r\n return data;\r\n }\r\n\r\n sendAllReminders(eventCode) {\r\n si.sendAllReminders(eventCode).then(this.sendRemindersSuccess, this.sendRemindersFailure);\r\n return true;\r\n }\r\n\r\n sendRemindersSuccess(data) {\r\n return data;\r\n }\r\n\r\n sendRemindersFailure(data) {\r\n return data;\r\n }\r\n\r\n sendGuestInvite(eventCode, guestCode, isResend) {\r\n si.sendGuestInvite(eventCode, guestCode).then((data) => {\r\n this.sendGuestInviteSuccess(data, isResend);\r\n }, this.sendGuestInviteFailure);\r\n return true;\r\n }\r\n\r\n sendGuestInviteSuccess(data, isResend) {\r\n return { eventData: data, isResend: isResend };\r\n }\r\n\r\n sendGuestInviteFailure(data) {\r\n return data;\r\n }\r\n\r\n setNewInviteStyle(eventCode, templateId) {\r\n si.setNewInviteTemplate(eventCode, templateId).then(this.setNewInviteTemplateSuccess, this.setNewInviteTemplateFailure);\r\n return true;\r\n }\r\n\r\n setNewInviteTemplateSuccess(data) {\r\n return data;\r\n }\r\n\r\n setNewInviteTemplateFailure(data) {\r\n return data;\r\n }\r\n\r\n setNewPartyAddress(address) {\r\n return address;\r\n }\r\n\r\n setPartyVisibility(isPublic, eventCode) {\r\n si.setPartyVisibility(isPublic, eventCode).then(this.setPartyVisibilitySuccess, this.setPartyVisibilityFailure);\r\n return true;\r\n }\r\n\r\n setPartyVisibilitySuccess(data) {\r\n return data;\r\n }\r\n\r\n setPartyVisibilityFailure(data) {\r\n return data;\r\n }\r\n\r\n requestPhysicalParty(physicalData) {\r\n si.requestPhysicalParty(physicalData).then(this.physicalEventSuccess, this.physicalEventFailure);\r\n return true;\r\n }\r\n\r\n physicalEventSuccess(response) {\r\n if (response) {\r\n return response;\r\n }\r\n MessageActions.addErrorMessage(window.jenkon.resources[\"PWS.MyAccount.RequestPhysicalPartyFailed\"]);\r\n return true;\r\n }\r\n\r\n physicalEventFailure(data) {\r\n return data;\r\n }\r\n\r\n resetSuccessState() {\r\n return true;\r\n }\r\n\r\n createVirtualEvent(virtualEventData, setView) {\r\n si.createVirtualEvent(virtualEventData).then((eventCode) => {\r\n if (eventCode != null) {\r\n setView(PartyDetails, eventCode);\r\n this.partyCreatedTab();\r\n }\r\n }, this.createVirtualEventFailure);\r\n return true;\r\n }\r\n\r\n createVirtualEventSuccess(data) {\r\n return data;\r\n }\r\n\r\n createVirtualEventFailure(data) {\r\n return data;\r\n }\r\n\r\n clearFormValues() {\r\n return true;\r\n }\r\n\r\n changeField(name, value) {\r\n var diff = {};\r\n diff[name] = value;\r\n return diff;\r\n }\r\n\r\n changeTheme(name, value) {\r\n var diff = {};\r\n diff[name] = value;\r\n return diff;\r\n }\r\n\r\n addGuestSuccess(data) {\r\n return data;\r\n }\r\n\r\n addGuestFailure(data) {\r\n return data;\r\n }\r\n\r\n setVirtual(isVirtual) {\r\n return isVirtual;\r\n }\r\n\r\n eventTypesSuccess(data) {\r\n return data;\r\n }\r\n\r\n eventTypesFailure(data) {\r\n return [];\r\n }\r\n\r\n setTab(tab) {\r\n return tab;\r\n }\r\n\r\n sendCartPaymentLink(eventCode, cartCode) {\r\n si.sendCartPaymentLink(eventCode, cartCode).then(this.sendCartPaymentLinkSuccess, this.sendCartPaymentLinkFailure);\r\n return true;\r\n }\r\n sendCartPaymentLinkSuccess(data) {\r\n return data;\r\n }\r\n sendCartPaymentLinkFailure(data) {\r\n return data;\r\n }\r\n}\r\n\r\nexport default alt.createActions(HostPortalActions);\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/HostPortalActions.js","import React from 'react';\r\nimport HostPortalStore from './HostPortalStore';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport Icon from 'svgIcon';\r\nimport MyParties from './MyPartyListContainer';\r\nimport PartyDetailsHeader from './PartyDetailsHeader';\r\nimport PartyDetailsTabContainer from './PartyDetailsTabContainer';\r\n\r\nexport default class PartyDetails extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = HostPortalStore.getState();\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tHostPortalStore.listen(this.onChange);\r\n\t\tif (this.props.eventCode)\r\n\t\t\tHostPortalActions.getHostEventDetails(this.props.eventCode);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tHostPortalStore.unlisten(this.onChange);\r\n\t}\r\n\r\n\tonChange(state) {\r\n\t\tthis.setState(state);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.state.selectedEventDetails == null) return null;\r\n return (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyPartiesTitle\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyPartiesPageDescription\"]}
\r\n\t\t\t\t\r\n\t\t\t\t\t« {this.props.resources[\"PWS.MyAccount.BackToAccountButton\"]}\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.state.MyPartiesList.map(this.createEventList.bind(this))}\r\n\t\t\t{this.props.resources[\"PWS.MyAccount.MyPartiesPartyNameColumnHeader\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyPartiesLocationColumnHeader\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyPartiesPublicFlagColumnHeader\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyPartiesPartyTotalColumnHeader\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.MyPartiesPartyStatusColumnHeader\"]}
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/PartyDetails.js","import React from 'react';\r\n\r\nexport default class PartyDetailsHeader extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\tcountGuestStatus(status) {\r\n\t\tlet guests = this.props.selectedEventDetails.guests;\r\n\t\tlet count = 0;\r\n\t\tguests.forEach(g => {\r\n\t\t\tif (g.status === status) {count++;}\r\n\t\t});\r\n\t\treturn count;\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.props.selectedEventDetails && !this.props.selectedEventDetails.account) return null\r\n\t\t//this button was removed with TFS39857 until we are ready to work on Incentives.\r\n\t\t//\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t« {this.props.resources[\"PWS.MyAccount.PartyDetailsBackToListButton\"]}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/PartyDetailsHeader.js","import React from 'react';\r\nimport FAIcon from 'faIcon';\r\nimport DetailsTab from './Tab_MyParties';\r\nimport GuestsTab from './Tab_Guests';\r\nimport OrdersTab from './Tab_Orders';\r\nimport HostRewardsTab from './Tab_HostRewards';\r\nimport HostTipsTab from './Tab_HostTips';\r\nimport HostPortalActions from './HostPortalActions';\r\n\r\nexport default class PartyDetailsHeader extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trenderTabContent() {\r\n\t\tswitch (this.props.selectedTab) {\r\n\t\t\tcase 'details':\r\n\t\t\t\treturn \r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{this.props.selectedEventDetails.name}
\r\n\t\t\t\t\t({this.props.selectedEventDetails.code})
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyDetailsPartyStatusLabel\"]}: {this.props.resources[`PWS.MyAccount.EventStatus${this.props.selectedEventDetails.eventStatus}`]}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyDetailsPartyTotalLabel\"]}: {this.props.selectedEventDetails.totalEventSales != null ? this.props.selectedEventDetails.totalEventSales.displayValue : \"---\"} \r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyDetailsAcceptedLabel\"]}\r\n\t\t\t\t\t\t{this.countGuestStatus('ATT')}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyDetailsDeclinedLabel\"]}\r\n\t\t\t\t\t\t{this.countGuestStatus('DCL')}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyDetailsNoReplyLabel\"]}\r\n\t\t\t\t\t\t{this.countGuestStatus('INV')}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/PartyDetailsTabContainer.js","import React from 'react';\r\nimport moment from 'moment';\r\nimport classnames from 'classnames';\r\nimport si from 'si';\r\nimport {Modal} from 'react-bootstrap';\r\nimport {TextField} from '../../FormFields/formFields';\r\nimport DateTimePicker from 'react-datetime';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport FAIcon from 'faIcon';\r\nimport Icon from 'svgIcon';\r\nimport EInvitations from './EInvitationContainer';\r\nimport {ShareButtons} from 'react-share';\r\nimport AddressLoader from '../../Addresses/AddressLoader';\r\n\r\nexport default class MyPartiesTab extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n this.isValidDay = this.isValidDay.bind(this);\r\n\t\tthis.showInviteModal = this.showInviteModal.bind(this);\r\n\t\tthis.showPreviewModal = this.showPreviewModal.bind(this);\r\n this.state = {\r\n showEditModal: false,\r\n\t\t\tshowPreview: false,\r\n\t\t\tinviteModal: false,\r\n changedPartyTitle: this.props.selectedEventDetails.name,\r\n changedEndDate: moment(this.props.selectedEventDetails.endDate).format('L'),\r\n\t\t\tselectedInviteTemplate: this.props.selectedEventDetails.inviteTemplate\r\n };\r\n\t}\r\n\r\n componentWillMount() {\r\n moment.locale(window.jenkon.culture);\r\n }\r\n\r\n\tcomponentDidMount() {\r\n\t\tHostPortalActions.getEventTypes();\r\n\t}\r\n\r\n changeField(name, value) {\r\n var diff = {};\r\n diff[name] = value;\r\n this.setState(diff);\r\n }\r\n\r\n changeEndDate(endDate) {\r\n if (moment.isMoment(endDate)) {\r\n this.setState({\r\n changedEndDate: endDate.format('L')\r\n });\r\n }\r\n }\r\n\r\n checkEndDate(endDate) {\r\n if (!moment.isMoment(endDate)) {\r\n this.setState({\r\n changedEndDate: moment(this.props.selectedEventDetails.endDate).format('L')\r\n });\r\n }\r\n }\r\n\r\n\tcreatePreviewTemplate() {\r\n\t\tvar replaces = this.props.selectedEventDetails.templateReplacements;\r\n\t\tHostPortalActions.getTemplateResource(`Template.${this.props.selectedEventDetails.inviteTemplate}.Body`,\r\n\t\t\t//intercept and modify the template text\r\n\t\t\tfunction(resources) {\r\n\t\t\t\tvar resource = resources[0].value;\r\n\t\t\t\t//replace $substitutions based on available templateReplacements for selected event\r\n\t\t\t\treplaces.sort(function(a, b) {\r\n\t\t\t\t\treturn b.item1.length - a.item1.length;\r\n\t\t\t\t});\r\n\t\t\t\tfor (var i = 0, len = replaces.length; i < len; i++) {\r\n\t\t\t\t\tvar replace = replaces[i];\r\n\t\t\t\t\tresource = resource.replace(\"$\" + replace.item1, replace.item2);\r\n\t\t\t\t}\r\n\t\t\t\tresources[0].value = resource;\r\n\t\t\t\treturn resources;\r\n\t\t\t});\r\n\t}\r\n\r\n renderAddress(address) {\r\n\t\tif (!address) return null;\r\n\t\treturn `${address.line1} ${address.city}, ${address.stateProvince}`;\r\n\t}\r\n\r\n showEditModal(visible) {\r\n this.setState({\r\n showEditModal: visible\r\n });\r\n }\r\n\r\n\tshowInviteModal(visible) {\r\n\t\tthis.setState({\r\n\t\t\tinviteModal: visible\r\n\t\t});\r\n\t}\r\n\r\n\tshowPreviewModal(visible) {\r\n\t\tthis.createPreviewTemplate();\r\n\t\tthis.setState({\r\n\t\t\tshowPreview: visible,\r\n\t\t});\r\n\t}\r\n\r\n showCalendar() {\r\n this.refs.PartyDate.setState({open: true});\r\n }\r\n\r\n isValidDay(current) {\r\n let yesterday = moment().subtract(1, 'day');\r\n let lastDay = moment(this.props.selectedEventDetails.startDate).add(this.props.selectedEventDetails.maxEventDays, 'day');\r\n return current.isAfter(yesterday) && current.isSameOrBefore(lastDay) && current.isAfter(this.props.selectedEventDetails.startDate);\r\n }\r\n\r\n setPartyVisibility(isPublic) {\r\n\t\tif (this.props.selectedEventDetails.isPublic !== isPublic) {\r\n \tHostPortalActions.setPartyVisibility(isPublic, this.props.selectedEventDetails.code);\r\n\t\t}\r\n }\r\n\r\n savePartyChanges() {\r\n let eventData = {\r\n EventCode: this.props.selectedEventDetails.code,\r\n Name: this.state.changedPartyTitle,\r\n EndDate: this.state.changedEndDate\r\n };\r\n HostPortalActions.savePartyDetailsChanges(eventData);\r\n this.showEditModal(false);\r\n }\r\n\r\n\tcreateTemplateThumbnail(thumbnailId, i) {\r\n\t\treturn (\r\n\t\t\t\t\t
\r\n\t\t\t\t- \r\n\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
{this.props.resources[\"PWS.MyAccount.PartyDetailsTabMyPartyLabel\"]}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
{this.props.resources[\"PWS.MyAccount.PartyDetailsTabGuestsLabel\"]} {guestCount}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
{this.props.resources[\"PWS.MyAccount.PartyDetailsTabOrdersLabel\"]} {orderCount}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
{this.props.resources[\"PWS.MyAccount.PartyDetailsTabHostRewardsLabel\"]}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t - \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
{this.props.resources[\"PWS.MyAccount.PartyDetailsTabHostTipsLabel\"]}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.renderTabContent()}\r\n\t\t\t\t\t
\r\n\t\t\t\t{window.jenkon.resources[\"PWS.MyAccount.PartyDetailsOpenDatesLabel\"]}: {moment(this.props.selectedEventDetails.startDate).format('LL')} - {moment(this.props.selectedEventDetails.endDate).format('LL')}
\r\n : {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsOpenDatesLabel\"]}: {moment(this.props.selectedEventDetails.eventDate).format('LL')}
;\r\n let location = this.props.selectedEventDetails.address === null ? 'ONLINE' : \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{window.jenkon.resources[\"PWS.MyAccount.InvitePreviewModal\"]}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n \r\n \r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nclass TemplateThumbnail extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\r\n\r\n\trender() {\r\n\t\tlet template = this.props.selectedEventDetails.inviteTemplates.find(t => t.code === this.props.templateId.code);\r\n\t\tlet templateImage = (template&&template.thumbnailToken!==null&&template.thumbnailToken!==\"\") ? `${window.jenkon.imageEndpoint}${template.thumbnailToken}` : ``;\r\n\t\tlet isActive = this.props.templateId.code === this.props.selectedInviteTemplate;\r\n\t\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t \r\n {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsEditPartyDetailsLabel\"]} \r\n\t \r\n\t \r\n \r\n \r\n \r\n\t \r\n\t\t\t\t
\r\n\t\t\t\t{window.jenkon.resources[\"PWS.MyAccount.PartyDetailsTitle\"]}
\r\n\t \r\n\t\t\t\t\t
\r\n\t {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsPartyTypeLabel\"]}: {this.props.selectedEventDetails.eventTypeDescription}
\r\n\t {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsSubjectLabel\"]}: {this.props.selectedEventDetails.name}
\r\n\t {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsConsultantLabel\"]}: {this.props.selectedEventDetails.consultantName}
\r\n\t {dateDisplay}\r\n\t {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsLocationLabel\"]}: {location}
\r\n\t \r\n \r\n\t
\r\n\t \r\n\t\t\t\t\t\r\n
\r\n\t {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsTitle\"]}
\r\n \r\n
\r\n = Required
\r\n \r\n \r\n \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t{window.jenkon.resources[\"PWS.MyAccount.InvitationGalleryLabel\"]}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.selectedEventDetails.inviteTemplates ? this.props.selectedEventDetails.inviteTemplates.map(this.createTemplateThumbnail.bind(this)) : 'No templates found'}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{window.jenkon.resources[\"PWS.MyAccount.InvitationGalleryCancelButton\"]}
\r\n\t\t\t\t\t\t\t{window.jenkon.resources[\"PWS.MyAccount.InvitationGalleryDoneButton\"]}
\r\n\t\t\t\t\t\t\r\n\t\t\t![{this.props.resources[\"PWS.MyAccount.InvitationStyle\"]}]({templateImage})
\r\n\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nclass SocialIcons extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif(this.props.selectedEventDetails.eventStatus !== \"Active\") return null;\r\n\t\tlet googleShareURL = window.jenkon.consultantRoot + \"SocialSharing?code=\" + this.props.selectedEventDetails.code;\r\n\t\tlet shareURL = window.jenkon.consultantRoot + \"Events?code=\" + this.props.selectedEventDetails.code;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nclass VisibilityStatus extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\trender() {\r\n\t\tlet iconData = {\r\n\t\t\tname: 'question_circle',\r\n\t\t\tSize: 15,\r\n\t\t};\r\n\t\tif(this.props.selectedEventDetails.eventStatus !== \"Active\") return null;\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyDetailsSharePartyOnTitle\"]}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_MyParties.js","import React from 'react';\r\n\r\nexport default class EInvitations extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\tshowModal() {\r\n\t\tthis.props.showModal(true);\r\n\t}\r\n\r\n\tshowPreview() {\r\n\t\tthis.props.showPreview(true);\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tlet invitationButton = this.props.selectedEventDetails.eventStatus !== \"Active\" ? null : (\r\n\t\t\t{window.jenkon.resources[\"PWS.MyAccount.PartyDetailsPublicTitle\"]} \r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsPublicYes\"]} \r\n\t\t\t\t\t {window.jenkon.resources[\"PWS.MyAccount.PartyDetailsPublicNo\"]}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t)\r\n\r\n let token = this.props.selectedEventDetails.inviteTemplateToken;\r\n let templateImage = (token!==null&&token!==\"\") ? `${window.jenkon.imageEndpoint}${this.props.selectedEventDetails.inviteTemplateToken}` : ``;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/EInvitationContainer.js","import React from 'react';\r\nimport GuestGrid from './Tab_Guest_Grid';\r\nimport AddGuest from './AddGuest';\r\nimport HostPortalActions from './HostPortalActions';\r\n\r\nexport default class GuestsTab extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {}\r\n\t}\r\n\r\n\tcomponentWillMount() {\r\n\t\tif(this.props.guestStatusList.length == 0)\r\n\t\t\tHostPortalActions.getGuestStatuses();\r\n\t}\r\n\r\n\tsetFilter(key, code) {\r\n\t\tHostPortalActions.setSelectedStatus(code);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t{this.props.resources[\"PWS.MyAccount.PartyDetailsInvitationLabel\"]}
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t{invitationButton}\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_Guests.js","import React from 'react';\r\nimport {SelectField} from 'form-fields';\r\nimport GuestsTabGridItem from './Tab_Guest_Grid_Item';\r\nimport FAIcon from 'faIcon';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport 'idempotent-babel-polyfill';\r\n\r\nexport default class GuestsTabGrid extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfilterList: []\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillMount() {\r\n\t\t//let newList = this.props.guestStatusList.filter(s => s.code)\r\n\t}\r\n\r\n\tcreateGuests(guest, i) {\r\n\t\tlet status = this.props.selectedStatus;\r\n\t\tif(status != null && status.length > 0 && (status != guest.status)) return null;\r\n\t\treturn \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nclass SendButtons extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\tsendAllPendingInvites() {\r\n\t\tHostPortalActions.sendAllPendingInvites(this.props.selectedEventDetails.code);\r\n\t}\r\n\r\n\tsendAllReminders() {\r\n\t\tHostPortalActions.sendAllReminders(this.props.selectedEventDetails.code);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif(this.props.selectedEventDetails.eventStatus !== \"Active\") return null;\r\n\t\treturn (\r\n\t\t\t{this.props.resources['PWS.MyAccount.GuestsTabPartyListLabel']}
\r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.resources['PWS.MyAccount.GuestsTabFilterTitle'] + \": \"}\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.selectedEventDetails.guests.map(this.createGuests.bind(this))}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_Guest_Grid.js","import React from 'react';\r\nimport FAIcon from 'faIcon';\r\nimport HostActions from './HostPortalActions';\r\nimport Mailto from 'react-mailto';\r\nimport {Modal} from 'react-bootstrap';\r\nimport {TextField, SelectField} from 'form-fields';\r\nimport 'idempotent-babel-polyfill';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport moment from 'moment';\r\nimport classnames from 'classnames';\r\n\r\nexport default class GuestsTabGridItem extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tshowDropdown: false,\r\n\t\t\tshowEditModal: false,\r\n\t\t\tEditGuest_GuestName: \"\",\r\n\t\t\tEditGuest_GuestEmailAddress: \"\",\r\n\t\t\tGuestStatusEdit: \"\",\r\n\t\t\teditStatusList: [],\r\n\t\t\teditHasChanged: false\r\n\t\t}\r\n\t\tmoment.locale(window.jenkon.language)\r\n\t}\r\n\r\n\tshowEditModal(showEditModal, EditGuest_GuestName, EditGuest_GuestEmailAddress, GuestStatusEdit) {\r\n\t\tthis.setState({\r\n\t\t\tshowEditModal,\r\n\t\t\tEditGuest_GuestName,\r\n\t\t\tEditGuest_GuestEmailAddress,\r\n\t\t\tGuestStatusEdit,\r\n\t\t\teditStatusList: this.createGuestStatusList(GuestStatusEdit),\r\n\t\t\tshowDropdown: false,\r\n\t\t\teditHasChanged: false\r\n\t\t}, () => {\r\n\t\t\tif(showEditModal)\r\n\t\t\t\tthis.validateEmail();\r\n\t\t});\r\n\t}\r\n\r\n\tvalidateEmail() {\r\n\t\tHostActions.validateGuestEdit({\r\n\t\t\tName: this.state.EditGuest_GuestName,\r\n\t\t\tEmail: this.state.EditGuest_GuestEmailAddress\r\n\t\t});\r\n\t\treturn;\r\n\t}\r\n\r\n\tsetStatus(key, code) {\r\n\t\tthis.setState({\r\n\t\t\tGuestStatusEdit: code\r\n\t\t}, () => {\r\n\t\t\tthis.hasChanged();\r\n\t\t})\r\n\t}\r\n\r\n\tchangeField(name, value) {\r\n\t\tvar diff = {};\r\n\t\tdiff[name] = value;\r\n\t\tthis.setState(diff, () => {\r\n\t\t\tthis.hasChanged();\r\n\t\t});\r\n\t}\r\n\r\n\tdeleteGuest(code) {\r\n\t\tthis.setState({showDropdown: false});\r\n\t\tlet message = this.props.resources[\"PWS.MyAccount.GuestsTabConfirmDelete\"].replace(\"{0}\", this.props.guest.name);\r\n\t\tlet confirmed = confirm(message)\r\n\t\tif(confirmed) {\r\n\t\t\tlet submitData = {\r\n\t\t\t\tEventCode: this.props.selectedEventDetails.code,\r\n\t\t\t\tGuestCode: this.props.guest.code\r\n\t\t\t}\r\n\t\t\tHostActions.deleteGuest(submitData)\r\n\t\t}\r\n\t}\r\n\r\n\tisValid() {\r\n\t\treturn this.refs.GuestName_Edit.isValid() && this.refs.EmailAddress_Edit.isValid()\r\n\t}\r\n\r\n\thasChanged() {\r\n\t\tif((this.state.EditGuest_GuestEmailAddress === this.props.guest.email && this.state.EditGuest_GuestName === this.props.guest.name && this.state.GuestStatusEdit === this.props.guest.status) || !this.isValid())\r\n\t\t\tthis.setState({editHasChanged: false})\r\n\t\telse\r\n\t\t\tthis.setState({editHasChanged: true})\r\n\t}\r\n\r\n\tupdateGuest() {\r\n\t\tif(this.isValid() && this.props.validGuestEmail_edit) {\r\n\t\t\tlet submitData = {\r\n\t\t\t\tEventCode: this.props.selectedEventDetails.code,\r\n\t\t\t\tGuestCode: this.props.guest.code,\r\n\t\t\t\tname: this.state.EditGuest_GuestName,\r\n\t\t\t\tEmail: this.state.EditGuest_GuestEmailAddress,\r\n\t\t\t\tstatus: this.state.GuestStatusEdit,\r\n\t\t\t}\r\n\t\t\tlet newDeclined = ['NEW', 'DCL'];\r\n\t\t\tHostActions.updateGuest(submitData);\r\n\t\t\tif(this.state.EditGuest_GuestEmailAddress !== this.props.guest.email && newDeclined.indexOf(this.state.GuestStatusEdit) === -1) {\r\n\t\t\t\tlet message = this.props.resources[\"PWS.MyAccount.GuestsTabResendInvitationMessage\"].replace(\"{0}\", this.props.guest.name);\r\n\t\t\t\tlet confirmed = confirm(message);\r\n\t\t\t\tif(confirmed)\r\n\t\t\t\t\tthis.resentInvite(this.props.guest.code);\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowEditModal: false,\r\n\t\t\t\tshowDropdown: false\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tresentInvite(code) {\r\n\t\tthis.setState({showDropdown: false});\r\n\t\tthis.sendInvite(true)\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.setState({\r\n\t\t\tshowDropdown: !this.state.showDropdown\r\n\t\t});\r\n\t}\r\n\r\n\tcreateDropdown() {\r\n\t\tlet iconData = {\r\n\t\t\tSize: 14,\r\n\t\t\tFill: \"#666\"\r\n\t\t};\r\n\t\tlet newDeclined = ['NEW', 'DCL'];\r\n\t\tlet sendReminder = !this.props.guest.optOut ? (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t) : null;\r\n\r\n\t\tlet deleteAction = (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t\tlet sendResendInvite = (newDeclined.indexOf(this.props.guest.status) === -1 && !this.props.guest.optOut) ? (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t) : null\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tsendReminder() {\r\n\t\tlet sendData = {\r\n\t\t\tEventCode: this.props.selectedEventDetails.code,\r\n\t\t\tGuestCode: this.props.guest.code\r\n\t\t}\r\n\t\tHostPortalActions.sendReminder(sendData);\r\n\t\tthis.setState({showDropdown: false});\r\n\t}\r\n\r\n\tsendInvite(isResend) {\r\n\t\tHostPortalActions.sendGuestInvite(this.props.selectedEventDetails.code, this.props.guest.code, isResend);\r\n\t\tthis.setState({\r\n\t\t\tshowDropdown: false\r\n\t\t});\r\n\t}\r\n\r\n\tdisplayStatus(){\r\n\t\tlet returnValue = '';\r\n\t\tswitch (this.props.guest.status) {\r\n\t\t\tcase 'NEW':\r\n\t\t\t\tif (this.props.guest.optOut || (this.props.guest.email == null)) {\r\n\t\t\t\t\treturnValue = (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{!this.props.guest.optout ? sendResendInvite : null}\r\n\t\t\t\t{newDeclined.indexOf(this.props.guest.status) > -1 ? null : sendReminder}\r\n\t\t\t\t{newDeclined.indexOf(this.props.guest.status) > -1 ? deleteAction : null}\r\n\t\t\t\r\n\t\t\t\t\t\t\t{this.props.resources[`PWS.MyAccount.AttendanceStatus${this.props.guest.status}`]}\r\n\t\t\t\t\t\t\t{remindedData}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturnValue = this.props.selectedEventDetails.eventStatus !== \"Active\" ? this.props.resources[`PWS.MyAccount.AttendanceStatus${this.props.guest.status}`] : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tlet remindedData = this.props.guest.reminderSent && this.props.guest.reminderSent != null ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{`${this.props.resources[\"PWS.MyAccount.GuestsTabLastRemindedLabel\"]}: ${moment(this.props.guest.reminderSent).format('ll')}`}
\r\n\t\t\t\t) : null;\r\n\t\t\t\treturnValue = (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.resources[`PWS.MyAccount.AttendanceStatus${this.props.guest.status}`]}\r\n\t\t\t\t\t\t{remindedData}\r\n\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t\treturn returnValue;\r\n\t}\r\n\r\n\tcreateGuestStatusList(status) {\r\n\t\tlet newStatusList = [];\r\n\t\tif(status === \"ORD\"){\r\n\t\t\tnewStatusList = this.props.guestStatusList.filter(g => g.code === \"ORD\");\r\n\t\t\tnewStatusList[0].description = this.props.resources[`PWS.MyAccount.AttendanceStatus${status}`];\r\n\t\t} else {\r\n\t\t\tlet statusList = this.props.guestStatusList.filter(g => g.code !== \"ORD\" && g.code !== \"REM\");\r\n\t\t\tfor( var l = 0; l < statusList.length; l++) {\r\n\t\t\t\tnewStatusList.push({\r\n\t\t\t\t\tcode: statusList[l].code,\r\n\t\t\t\t\tdescription: this.props.resources[`PWS.MyAccount.AttendanceStatus${statusList[l].code}`]\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn newStatusList;\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet Rules = {\r\n\t\t\tGuestName: {\r\n\t\t\t\trequired: true,\r\n\t\t\t\trequiredMessage: this.props.resources['PWS.MyAccount.GuestsTabGuestNameRequiredMessage']\r\n\t\t\t},\r\n\t\t\tEmailAddress: {\r\n\t\t\t\trequired: this.props.selectedEventDetails.isVirtual,\r\n\t\t\t\trequiredMessage: this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressRequiredMessage'],\r\n\t\t\t\temail: true,\r\n\t\t\t\temailMessage: this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressInvalidMessage']\r\n\t\t\t},\r\n\t\t\tStatus: {\r\n\t\t\t\trequired: true,\r\n\t\t\t\trequiredMessage: this.props.resources['PWS.MyAccount.GuestsTabGuestNameRequiredMessage']\r\n\t\t\t}\r\n\t\t}\r\n\t\tlet Keys = {valueKey: 'code',nameKey: 'description'}\r\n\t\tlet showHideActions = this.props.selectedEventDetails.eventStatus !== 'Active' ? null : (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t\tlet tooltipMessage = this.props.selectedEventDetails.isVirtual ? this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressNoEditVirtualMessage'].replace('{0}', this.props.resources['PWS.Profile.CompanyName']) : this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressNoEditPhysicalMessage'].replace('{0}', this.props.resources['PWS.Profile.CompanyName']);\r\n\t\tlet guestof = this.props.guest.guestOf && this.props.guest.guestOf != null ? {`${this.props.resources['PWS.MyAccount.GuestsTabGuestOfText']}: ${this.props.guest.guestOf}`}
: null;\r\n\r\n\t\tlet optOut = this.props.guest.optOut ? \r\n\t\t\t\t{showHideActions}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{window.jenkon.resources[\"PWS.MyAccount.PartyDetailsEditPartyDetailsLabel\"]} \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_Guest_Grid_Item.js","import React from 'react';\r\nimport HostActions from './HostPortalActions';\r\nimport {TextField, SelectField} from 'form-fields';\r\nimport {Tooltip} from 'react-bootstrap';\r\n\r\nexport default class AddGuest extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {}\r\n\t}\r\n\r\n\tisValid() {\r\n\t\treturn this.refs.GuestName.isValid() && this.refs.EmailAddress.isValid()\r\n\t}\r\n\r\n\tvalidateEmail() {\r\n\t\tlet submitData = {\r\n\t\t\tEventCode: this.props.selectedEventDetails.code,\r\n\t\t\tName: this.props.AddGuest_GuestName,\r\n\t\t\tEmail: this.props.AddGuest_GuestEmailAddress\r\n\t\t};\r\n\t\tHostActions.validateGuest(submitData);\r\n\t}\r\n\r\n\tregisterErrors() {\r\n\t\tthis.refs.GuestName.registerErrors()\r\n\t\tthis.refs.EmailAddress.registerErrors()\r\n\t}\r\n\r\n\tcanSubmit() {\r\n\t\treturn this.props.AddGuest_GuestName.length > 0 && (this.props.selectedEventDetails.isVirtual ? this.props.AddGuest_GuestEmailAddress.length > 0 : true)\r\n\t}\r\n\r\n\taddGuest() {\r\n\t\tif (this.isValid()) {\r\n\t\t\tthis.validateEmail()\r\n\t\t} else {\r\n\t\t\tthis.registerErrors();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tif(this.props.selectedEventDetails.eventStatus !== \"Active\") return null;\r\n\t\tlet Rules = {\r\n\t\t\tGuestName: {\r\n\t\t\t\trequired: true,\r\n\t\t\t\trequiredMessage: this.props.resources['PWS.MyAccount.GuestsTabGuestNameRequiredMessage']\r\n\t\t\t},\r\n\t\t\tEmailAddress: {\r\n\t\t\t\trequired: this.props.selectedEventDetails.isVirtual,\r\n\t\t\t\trequiredMessage: this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressRequiredMessage'],\r\n\t\t\t\temail: true,\r\n\t\t\t\temailMessage: this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressInvalidMessage']\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet tooltipMessage = this.props.selectedEventDetails.isVirtual ? this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressNoAddVirtualMessage'].replace('{0}', this.props.resources['PWS.Profile.CompanyName']) : this.props.resources['PWS.MyAccount.GuestsTabGuestEmailAddressNoAddPhysicalMessage'].replace('{0}', this.props.resources['PWS.Profile.CompanyName']);\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{optOut} {this.props.guest.name}\r\n\t\t\t\t\t{guestof}\r\n\t\t\t\t
\r\n\t\t\t\t{this.displayStatus()}\r\n\t\t\t\t{this.props.resources['PWS.MyAccount.GuestsTabGuestNameLabel']}
\r\n\t\t\t\t\t\t{this.props.resources['PWS.MyAccount.GuestsEditLabelEmail']}
\r\n\t\t\t\t\t\t = {this.props.resources[\"PWS.Globals.Required\"]}
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/AddGuest.js","import React from 'react';\r\nimport OrdersGrid from './Tab_Orders_Grid';\r\n\r\nexport default class OrdersTab extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\t{this.props.resources['PWS.MyAccount.GuestsTabAddAGuestLabel']}
\r\n\t\t\t\t{this.props.resources['PWS.MyAccount.GuestsTabAddToListButton']}
\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_Orders.js","import React from \"react\";\r\nimport OrdersGridItem from \"./Tab_Orders_Grid_Item\";\r\n\r\nexport default function OrdersGrid(props) {\r\n const eventTotals = props.selectedEventDetails.eventTotals;\r\n const hostRewardsSummaries = props.selectedEventDetails.hostRewardsSummaries;\r\n const custSharedEventOrders = props.selectedEventDetails.custSharedEventOrders;\r\n const resources = window.jenkon.resources;\r\n\r\n const renderOrdersTable = () => {\r\n return (\r\n | {resources[\"PWS.MyAccount.OrdersTabTableColumnGuest\"]} | \r\n\r\n {resources[\"PWS.MyAccount.OrdersTabTableColumnOrderTotal\"]}\r\n | \r\n\r\n {resources[\"PWS.MyAccount.OrdersTabTableColumnBookings\"]}\r\n | \r\n\r\n {resources[\"PWS.MyAccount.OrdersTabTableColumnBalance\"]}\r\n | \r\n{resources[\"PWS.MyAccount.OrdersTabTableColumnActions\"]} | \r\n
|---|---|---|---|---|
| \r\n {eventTotals.net.displayValue}\r\n | \r\n\r\n {eventTotals.ordersBalance.displayValue}\r\n | \r\n
\r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {resources[\"PWS.MyAccount.OrdersTabPartyTotals\"]}\r\n
\r\n\r\n {resources[\"PWS.MyAccount.OrdersTabPartyNet\"]}\r\n {eventTotals.net.displayValue}\r\n
\r\n \r\n {resources[\"PWS.MyAccount.OrdersTabPartyTax\"]}\r\n {eventTotals.tax.displayValue}\r\n
\r\n \r\n {resources[\"PWS.MyAccount.OrdersTabPartyFreight\"]}\r\n {eventTotals.freight.displayValue}\r\n
\r\n {eventTotals.directShip.amount != 0 && (\r\n \r\n {resources[\"PWS.MyAccount.OrdersTabPartyDirectShip\"]}\r\n {eventTotals.directShip.displayValue}\r\n
\r\n )}\r\n \r\n \r\n {resources[\"PWS.MyAccount.OrdersTabPartyTotal\"]}\r\n {eventTotals.total.displayValue}\r\n
\r\n \r\n \r\n {resources[\"PWS.MyAccount.OrdersTabPartyBalance\"]}\r\n {eventTotals.balance.displayValue}\r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n {hostRewardsSummaries.map((hostRewardsSummary, key) => {\r\n return (\r\n \r\n \r\n {resources[\"PWS.MyAccount.OrdersTabHostRewardsSummary\"]}\r\n
\r\n \r\n\r\n {resources[\"PWS.MyAccount.OrdersTabHostRewardsSummaryEarned\"]}\r\n {hostRewardsSummary.earned}\r\n
\r\n \r\n {resources[\"PWS.MyAccount.OrdersTabHostRewardsSummaryUsed\"]}\r\n {hostRewardsSummary.used}\r\n
\r\n \r\n {resources[\"PWS.MyAccount.OrdersTabHostRewardsSummaryRemaining\"]}\r\n {hostRewardsSummary.remaining}\r\n
\r\n\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_Orders_Grid.js","import React from \"react\";\r\nimport FAIcon from \"../../Icons/FAIcon\";\r\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\r\nimport HostPortalActions from \"./HostPortalActions\";\r\n\r\nexport default function OrdersGridItem({ key, order }) {\r\n const enablePaymentLink = order.balance.amount != 0;\r\n const linkColor = enablePaymentLink ? \"#2da399\" : \"#999\";\r\n const showPaymentLinkActions = !!order.paymentLink;\r\n\r\n const emailPaymentLinkClick = (order) => {\r\n if (!enablePaymentLink) return;\r\n HostPortalActions.sendCartPaymentLink(order.event, order.code);\r\n };\r\n\r\n const faIcon = (cardType) => {\r\n let iconName = \"\";\r\n if (cardType === \"cart\") iconName = \"\";\r\n else if (cardType === \"weborder\") iconName = \"globe\";\r\n else if (cardType === \"host\") iconName = \"home\";\r\n else if (cardType === \"consultant\") iconName = \"user\";\r\n\r\n return (\r\n \r\n {resources[\"PWS.MyAccount.OrdersTabPartyOrdersLabel\"]}
\r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n {renderOrdersTable()}
\r\n {renderEventTotals()}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n emailPaymentLinkClick(order)} />\r\n \r\n
\r\n )}\r\n \r\n
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_HostRewards.js","import React from 'react';\r\nimport FAIcon from 'faIcon';\r\n\r\nexport default class HostTipsTab extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet iconData = {\r\n\t\t\tSize: 26,\r\n\t\t\tFill: \"#999999\"\r\n\t\t}\r\n\r\n\t\tlet congrats = this.props.showCongrats_HostTips ? (\r\n\t\t\t\r\n\t\t \r\n\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t) : null;\r\n\r\n\t\treturn (\r\n\t\t\t{this.props.resources['PWS.MyAccount.HostTipsCongratulationsHeading']}
\r\n\t\t\t\t{this.props.resources['PWS.MyAccount.HostTipsCongratulationsMessage']}
\r\n\t\t\t\r\n\t\t\t\t{congrats}\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/Tab_HostTips.js","import React from 'react';\r\nimport BookAPartyContainer from './BookAPartyContainer';\r\nimport HostPortalStore from './HostPortalStore';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport MyPartyListContainer from './MyPartyListContainer';\r\n\r\nexport default class BookAParty extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = HostPortalStore.getState();\r\n this.onChange = this.onChange.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n HostPortalStore.listen(this.onChange);\r\n }\r\n\r\n componentWillUnmount() {\r\n HostPortalStore.unlisten(this.onChange);\r\n }\r\n\r\n onChange(state) {\r\n this.setState(state);\r\n }\r\n\r\n render() {\r\n let containerToShow = this.state.showRequestSuccess ? {this.props.resources['PWS.MyAccount.HostTipsIntroductionText']}
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t- \r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.resources['PWS.MyAccount.PartyDetailsTabMyPartyLabel']} - {this.props.resources['PWS.MyAccount.HostTipsMyPartyContent']}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t - \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.resources['PWS.MyAccount.PartyDetailsTabGuestsLabel']} - {this.props.resources['PWS.MyAccount.HostTipsGuestsContent']}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t - \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.resources['PWS.MyAccount.PartyDetailsTabOrdersLabel']} - {this.props.resources['PWS.MyAccount.HostTipsOrdersContent']}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t - \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.resources['PWS.MyAccount.PartyDetailsTabHostRewardsLabel']} - {this.props.resources['PWS.MyAccount.HostTipsRewardsContent']}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t - \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.resources['PWS.MyAccount.PartyDetailsTabHostTipsLabel']} - {this.props.resources['PWS.MyAccount.HostTipsTipsContent']}\r\n\t\t\t\t\t \r\n\t\t\t\t
{this.props.resources['PWS.MyAccount.HostTipsCustomContentLabel']}
\r\n\t\t\t\t{this.props.resources['PWS.MyAccount.HostTipsCustomContent']}
\r\n\t\t\t\r\n\t\t\t\t
\r\n );\r\n }\r\n}\r\n\r\nclass RequestSuccess extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentWillUnmount() {\r\n HostPortalActions.resetSuccessState();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n\t\t\t\t\t
\r\n {this.props.resources[\"PWS.MyAccount.BookAPartyTitle\"]}
\r\n « {this.props.resources[\"PWS.MyAccount.BackToAccountButton\"]}\r\n\t\t\t\t\t\r\n {containerToShow}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/BookAParty.js","import React from 'react';\r\nimport HostPortalStore from './HostPortalStore';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport PhysicalParty from './PhysicalParty';\r\nimport VirtualParty from './VirtualParty';\r\nimport {SelectField} from 'form-fields';\r\n\r\n\r\nexport default class BookAPartyContainer extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = HostPortalStore.getState();\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tHostPortalStore.listen(this.onChange);\r\n\t\tHostPortalActions.getEventTypes();\r\n\t\tHostPortalActions.clearFormValues();\r\n\t\tHostPortalActions.getTimeZones();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tHostPortalStore.unlisten(this.onChange);\r\n\t}\r\n\r\n\tonChange(state) {\r\n\t\tthis.setState(state);\r\n\t}\r\n\r\n\tupdateVirtual(isVirtual) {\r\n\t\tHostPortalActions.setVirtual(isVirtual);\r\n\t}\r\n\r\n\trender(){\r\n\t\tlet ComponentToDisplay = this.state.isVirtual ? {window.jenkon.resources[\"PWS.MyAccount.PhysicalPartySuccess\"]}
\r\n « {window.jenkon.resources[\"PWS.MyAccount.BackToMyParties\"]}\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/BookAPartyContainer.js","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport DateTimePicker from 'react-datetime';\r\nimport TimePicker from '../../FormFields/TimePicker';\r\nimport AddressLoader from '../../Addresses/AddressLoader';\r\nimport Icon from 'svgIcon';\r\nimport Moment from 'moment';\r\nimport { SelectField, TextField } from '../../FormFields/formFields';\r\n\r\nexport default class PhysicalParty extends React.Component {\r\n\tconstructor(props) {\r\n super(props);\r\n\t\tthis.state = {};\r\n\t\tthis.updatePartyDate = this.updatePartyDate.bind(this);\r\n\t\tthis.updatePartyStartTime = this.updatePartyStartTime.bind(this);\r\n\t\tthis.updatePartyEndTime = this.updatePartyEndTime.bind(this);\r\n\t\tthis.isValidDay = this.isValidDay.bind(this);\r\n\t\tthis.partyIsValid = this.partyIsValid.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.setState({\r\n\t\t\tstartStartTimeLimit: '07:00',\r\n\t\t\tstartEndTimeLimit: '23:00',\r\n\t\t\tendStartTimeLimit: '07:00',\r\n\t\t\tendEndTimeLimit: '23:00',\r\n\t\t\tendTimeDisabled: true,\r\n\t\t\tstep: 15,\r\n\t\t\tunsureCheckbox: false,\r\n\t\t\ttimeZone: ''\r\n\t\t});\r\n\t\tHostPortalActions.changeField('NewPartyDate', new Moment().format('L'));\r\n\t}\r\n\r\n\tshowCalendar() {\r\n\t\tthis.refs.NewPartyDate.setState({open: true});\r\n\t}\r\n\r\n\tupdatePartyDate(value) {\r\n\t\tHostPortalActions.changeField('NewPartyDate', value.format('L'));\r\n\t}\r\n\r\n\tupdatePartyStartTime(value) {\r\n\t\tif (value !== '' && value !== 'None') {\r\n\t\t\tlet newTime = new Moment(value, ['H:m', 'h:m a']).add(this.state.step, 'm').format(\"LT\");\r\n\t\t\tthis.setState({\r\n\t\t\t\tendTimeDisabled: false,\r\n\t\t\t\tendStartTimeLimit: newTime\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tendTimeDisabled: true,\r\n\t\t\t\tendStartTimeLimit: \"07:00\",\r\n\t\t\t});\r\n\t\t\tHostPortalActions.changeField('endTime', '');\r\n\t\t}\r\n\t\tHostPortalActions.changeField('startTime', value);\r\n\t\t//attempt to determine tomezone if there is a start time, otherwise go back to 'Select Time Zone...'\r\n\t\tif (value === '' || value === 'None') {\r\n\t\t\t//this is a hack but found no other way around it - disabled selects won't respond to changes.\r\n\t\t\tdocument.getElementById('TimeZone').value = '';\r\n\t\t\tHostPortalActions.changeField('timeZone', value);\r\n\t\t} else {\r\n\t\t\tvar browserTZ = this.props.timeZoneList.find(tz => tz.code === Intl.DateTimeFormat().resolvedOptions().timeZone);\r\n\t\t\tvar tzCode = typeof (browserTZ) !== 'undefined' ? browserTZ.code : '';\r\n\t\t\tHostPortalActions.changeField('timeZone', tzCode);\r\n\t\t}\r\n\t}\r\n\r\n\tupdatePartyEndTime(value) {\r\n\t\tif (value !== '' && value !== 'None') {\r\n\t\t\tlet newTime = new Moment(value, ['H:m', 'h:m a']).subtract(this.state.step, 'm').format(\"LT\");\r\n\t\t\tthis.setState({\r\n\t\t\t\tstartEndTimeLimit: newTime\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tstartstartTimeLimit: '07:00',\r\n\t\t\t\tstartEndTimeLimit: '23:00'\r\n\t\t\t});\r\n\t\t}\r\n\t\tHostPortalActions.changeField('endTime', value);\r\n\t}\r\n\r\n\tisValidDay(current) {\r\n\t\tlet yesterday = Moment().subtract(1, 'day');\r\n\t\treturn current.isAfter(yesterday);\r\n\t}\r\n\r\n\tshowHideLocation() {\r\n\t\tthis.setState({unsureCheckbox: this.refs.unsureCheckbox.checked});\r\n\t}\r\n\r\n\r\n\tsubmitPartyRequest() {\r\n\t\tlet NewPartyLocation = this.props.NewPartyLocation;\r\n\t\tif (!this.state.unsureCheckbox && !this.refs.adrloader.isValidAddress()) {\r\n\t\t\tthis.refs.adrloader.registerErrors();\r\n\t\t\treturn false;\r\n\t\t} else if (!this.state.unsureCheckbox) {\r\n\t\t\tNewPartyLocation = this.refs.adrloader.getAddressValues();\r\n\t\t}\r\n\t\t//find the timezone description for the email\r\n\t\tvar tz = this.props.timeZoneList.find(item => { return item.code === this.props.timeZone });\r\n\t\t//shape data\r\n\t\tlet eventData = {\r\n\t\t\tEventType: this.props.selectedTheme,\r\n\t\t\tTitle: this.props.NewPartyTitle,\r\n\t\t\tDate: this.props.NewPartyDate,\r\n\t\t\tStartTime: this.props.startTime,\r\n\t\t\tEndTime: this.props.endTime,\r\n\t\t\tLocation: NewPartyLocation,\r\n\t\t\tTimeZone: tz.description\r\n\t\t};\r\n\t\tHostPortalActions.requestPhysicalParty(eventData);\r\n\t}\r\n\thandleTimeZoneChange(name, value) {\r\n\t\tHostPortalActions.changeField('timeZone', value);\r\n\t}\r\n\r\n\tpartyIsValid() {\r\n\t\tif (this.props.NewPartyTitle.length === 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tif (this.refs.adrloader === null) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet validationRules = {\r\n\t\t\tNewPartyTitle: {\r\n\t\t\t\trequired: true,\r\n\t\t\t\tmaxLength: 100,\r\n\t\t\t\trequiredMessage: window.jenkon.resources[\"PWS.MyAccount.PartyTitleRequired\"],\r\n\t\t\t},\r\n\t\t\tTimeZone: {\r\n\t\t\t\trequired: (this.props.startTime !== '' && this.props.startTime !== 'None') ? true : false,\r\n\t\t\t}\r\n\t\t};\r\n\t\tlet CalendarData = {\r\n\t\t\tSize: 14,\r\n\t\t\tFill: \"#333333\",\r\n\t\t\tname: \"Calendar\"\r\n\t\t};\r\n\t\treturn (\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyTypeLabel\"]}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{virtualRadio}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t{ComponentToDisplay}\r\n\t\t\t\t\t{this.props.resources[\"PWS.MyAccount.PartyThemeLabel\"]}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n\r\n );\r\n}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/PhysicalParty.js","import React from 'react';\r\nimport HostPortalStore from './HostPortalStore';\r\nimport HostPortalActions from './HostPortalActions';\r\nimport {TextField} from 'form-fields';\r\nimport FAIcon from 'faIcon';\r\nimport moment from 'moment';\r\nimport classnames from 'classnames';\r\n\r\nexport default class VirtualParty extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tmoment.locale(window.jenkon.language);\r\n\t}\r\n\r\n\tsubmitForm() {\r\n\t\tif(this.refs.NewPartyTitle.isValid()) {\r\n\t\t\tlet submitData = {\r\n\t\t\t\tEventType: this.props.selectedTheme,\r\n\t\t\t\tTitle: this.props.NewPartyTitle\r\n\t\t\t}\r\n\t\t\tHostPortalActions.createVirtualEvent(submitData, this.props.setView.bind(this));\r\n\t\t} else {\r\n\t\t\tthis.refs.NewPartyTitle.registerErrors();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet validationRules = {\r\n\t\t\tNewPartyTitle: {\r\n\t\t\t\trequired: true,\r\n\t\t\t\trequiredMessage: this.props.resources[\"PWS.MyAccount.PartyTitleRequired\"],\r\n\t\t\t}\r\n\t\t};\r\n\t\tlet CalendarData = {\r\n\t\t\tSize: 14,\r\n\t\t\tFill: \"#333333\",\r\n\t\t\tname: \"calendar_check_o\"\r\n\t\t}\r\n\t\tlet sidenote = this.props.resources[\"PWS.MyAccount.VirtualPartyDateOpenDays\"].replace(\"{0}\", this.props.maxEventDays)\r\n\t\treturn (\r\n\t\t\t{window.jenkon.resources[\"PWS.MyAccount.PartyTitle\"]}
\r\n {window.jenkon.resources[\"PWS.MyAccount.PartyDateAndTime\"]}
\r\n\t\t\r\n\t\t
\r\n\t\r\n\t\t
\r\n\t\r\n\t\t
\r\n\t\r\n\t\t\r\n\t
\r\n\t\r\n\t\r\n\t\r\n\t{window.jenkon.resources[\"PWS.MyAccount.PartyLocation\"]}\r\n\t\t
\r\n\t\r\n\t\t\t\r\n\t\t
\r\n\t\r\n\t\t
\r\n\t\r\n\t\r\n\t\r\n\t\t
\r\n = {this.props.resources[\"PWS.Globals.Required\"]}
\r\n\t\t\r\n\t\r\n\t\t\t\t
\r\n\r\n\t\t);\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/MyAccount/HostPortal/VirtualParty.js"],"sourceRoot":""}{this.props.resources[\"PWS.MyAccount.PartyTitle\"]}
\r\n\t\t\t\t{this.props.resources[\"PWS.MyAccount.VirtualPartyDate\"]} ({sidenote})
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t = {this.props.resources[\"PWS.Globals.Required\"]}
\r\n\t\t\t\t\t\r\n\t\t\t\t