}\r\n
}\r\n
}\r\n
\r\n \r\n Ok\r\n ,\r\n ]}\r\n style={{ marginTop: \"60px\" }}\r\n >\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport const WrappedRegistrationForm = Form.create({ name: \"traveller\" })(\r\n RegistrationForm\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport { WrappedRegistrationForm } from \"./traveller-form\";\r\nimport { Beforeunload } from 'react-beforeunload';\r\nclass PersonalDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n totalPrice: props.planTerm ? props.planTerm.totalPrice : 0,\r\n appliedPromoText:\"\"\r\n };\r\n this.handleBack = this.handleBack.bind(this);\r\n this.updatePrice = this.updatePrice.bind(this);\r\n }\r\n async componentDidMount() {\r\n window.scrollTo(0, 0);\r\n await this.props.getPersonalInformation();\r\n// await this.props.allUsStates();\r\n if (this.props.planTerm && Object.keys(this.props.planTerm).length === 0) {\r\n await this.props.getStep();\r\n await this.props.getUserData();\r\n await this.props.getPlanInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getProductPricingAndInfo();\r\n if (parseInt(this.props.step) < 2) {\r\n this.props.history.push(this.props.b2cBaseUrl+ \"/plan-term\");\r\n \r\n }else{\r\n //Update price to base on refresh\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice = this.props.planTerm.Price;\r\n await this.props.SavePlanTerm(planTermObject);\r\n this.calculateTotalPrice();\r\n }\r\n } else if (parseInt(this.props.step) < 2) {\r\n this.props.history.push(this.props.b2cBaseUrl+ \"/plan-term\");\r\n\r\n }else{\r\n //Update price to base on refresh\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice = this.props.planTerm.Price;\r\n await this.props.SavePlanTerm(planTermObject);\r\n this.calculateTotalPrice();\r\n }\r\n \r\n\r\n }\r\n\r\n async calculateTotalPrice(){\r\n var totalPrice = 0;\r\n var dayPriceObject;\r\n if (this.props.personalDetails && this.props.personalDetails.length > 0) {\r\n for(var i=0;iPlease fill all the fields of primary emergency contact first.
\r\n \r\n \r\n\r\n
\r\n {/* billing information ends */}\r\n {/* next and back button */}\r\n \r\n
\r\n \r\n {/* title */}\r\n
\r\n {/* coupon code ends hear about us ends */}\r\n {/* Terms and */}\r\n \r\n
\r\n {/* title ends */}\r\n {/* credit card */}\r\n\r\n \r\n
\r\n Billing Information
\r\n\r\n
\r\n {/*credit card ends */}\r\n {/* coupon code hear about us */}\r\n \r\n \r\n \r\n \r\n Your credit card data will be securely transmitted and\r\n processed. FocusPoint complies with PCI-DSS SAQ A.\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {this.state.appliedPromoText}{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.promoResponseText !== \"\" ? (\r\n -1\r\n ? \"#cb0019\"\r\n : \"green\"\r\n }}\r\n >\r\n {this.state.promoResponseText}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n
\r\n {this.state.howheardError}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this._bindHowHeard()}\r\n \r\n \r\n
\r\n \r\n
\r\n {/* Terms and */}\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_CardForm.propTypes = {\r\n SavePlanTerm: PropTypes.func,\r\n applyPromoCode: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n getPersonalInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n SaveBillingInfornation: PropTypes.func,\r\n step: PropTypes.string,\r\n howHeardOptions: PropTypes.array,\r\n planTerm: PropTypes.object,\r\n isValidCoupon: PropTypes.bool,\r\n couponInfo: PropTypes.object,\r\n removePromoCode: PropTypes.func,\r\n getBillingInformation: PropTypes.func,\r\n b2cBaseUrl:PropTypes.string\r\n\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true\r\n})(_CardForm);\r\n","import React, { Component } from \"react\";\r\nimport _CardForm from \"./stripe-card-form\";\r\nimport { Elements, injectStripe } from \"react-stripe-elements\";\r\nconst CardForm = injectStripe(_CardForm)\r\nexport default class StripeCheckout extends Component {\r\n render(){\r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n {/* upgrade plans */}\r\n {/*
\r\n \r\n \r\n Back\r\n \r\n \r\n Next\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { StripeProvider } from \"react-stripe-elements\";\r\nimport Checkout from \"./stripe-checkout\"\r\nimport config from \"../../../../../../config\"\r\n\r\nexport default class BillingStripe extends Component {\r\n render(){\r\n return(\r\n }\r\n
}\r\n
}\r\n
\r\n \r\n \r\n {this.props.productInfo && this.props.productInfo.length > 0\r\n ? this.bindProductRadio(idx, traveller)\r\n : \"\"}\r\n \r\n
\r\n
\r\n {/* Plan summary */}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* Plan summary */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n TM\" checked={traveller.is_annual ? true:false} onChange={this.props.handleAnnualChnage}>\r\n Upgrade to an unlimited annual trip plan for only ${this.props.planMaxPrice.toFixed(2)}\r\n \r\n \r\n
*/}\r\n
\r\n ));\r\n }\r\n render() {\r\n return (\r\n {traveller.first_name + \" \" + traveller.last_name}
\r\n \r\n\r\n {/* Plan summary */}\r\n
- \r\n
- Plan Type \r\n {this._getProductName(traveller.product_id)}\r\n
- \r\n
- Travel Tier \r\n
- \r\n {this.props.planTerm.isAnnual\r\n ? \"Tier 1\"\r\n : \"Tier \" + this.props.planTerm.tierValue}\r\n \r\n
- \r\n
- \r\n {this.props.planTerm.country.toString().split(\",\").length > 1\r\n ? \"Travel countries\"\r\n : \"Travel Country\"}\r\n \r\n {this._bindCountries(this.props.planTerm.country, \"travel\")}\r\n
- \r\n
- Travel Period \r\n
- \r\n {this.props.planTerm.isAnnual\r\n ? \"365 Days\"\r\n : this.props.planTerm.days + \" Days\"}\r\n \r\n
- \r\n
- Name \r\n
- {traveller.first_name + \" \" + traveller.last_name} \r\n
- \r\n
- Date of Birth \r\n
- \r\n
{traveller.dob} \r\n \r\n
- \r\n
- {traveller.email ? traveller.email : \"Not Filled\"} \r\n
- \r\n
- Country \r\n {traveller.country && this.props.countryTierInfo\r\n ? this._bindCountries(traveller.country, \"address\")\r\n : \"Not Filled\"}\r\n
- \r\n
- Travel Start \r\n
- \r\n
{this.props.planTerm.date} \r\n \r\n
\r\n
\r\n {this._bindTravellerInfo(this.props.personalDetails)}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport StripeProvider from \"./stripe-information/stripe-provide\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport TravellerInfo from \"../shared/traveller/traveller.jsx\";\r\nimport { Beforeunload } from 'react-beforeunload';\r\nclass BillingInformation extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n totalPrice: props.planTerm ? props.planTerm.totalPrice : 0,\r\n planMaxPrice: 0,\r\n appliedPromoText:\"\"\r\n };\r\n this.updatePrice = this.updatePrice.bind(this);\r\n this.handlePlanChange = this.handlePlanChange.bind(this);\r\n this.calculatePrice = this.calculatePrice.bind(this);\r\n }\r\n\r\n async handlePlanChange(evt) {\r\n var targetValue = evt.target.value.split(\",\");\r\n this.props.personalDetails[targetValue[0]].product_id = targetValue[1];\r\n await this.props.SavePersonalDetails(this.props.personalDetails);\r\n this.calculatePrice();\r\n }\r\n\r\n async calculatePrice() {\r\n var totalPrice = 0;\r\n var dayPriceObject;\r\n for (var i = 0; i < this.props.personalDetails.length; i++) {\r\n var travellerObject = this.props.personalDetails[i];\r\n if (\r\n this.props.productPriceList &&\r\n this.props.productPriceList.length > 0\r\n ) {\r\n if (travellerObject.is_annual) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n x =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId === parseInt(travellerObject.product_id)\r\n );\r\n totalPrice = totalPrice + parseInt(dayPriceObject.retailPrice);\r\n } else {\r\n dayPriceObject = this.props.productPriceList.find(\r\n x =>\r\n x.tierId === parseInt(this.props.planTerm.tierValue) &&\r\n x.dayPackage === parseInt(this.props.planTerm.days) &&\r\n x.productId === parseInt(travellerObject.product_id)\r\n );\r\n totalPrice = totalPrice + parseInt(dayPriceObject.retailPrice);\r\n }\r\n } else {\r\n totalPrice = this.props.planTerm.totalPrice;\r\n }\r\n }\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice = totalPrice;\r\n await this.props.SavePlanTerm(planTermObject);\r\n var maxPriceDifference =\r\n this.props.personalDetails.length * this.state.planMaxPrice - totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n }\r\n\r\n async componentDidMount() {\r\n window.scrollTo(0, 0);\r\n var dayPriceObject;\r\n var maxPrice = 999;\r\n var maxPriceDifference = 0;\r\n if (this.props.planTerm && Object.keys(this.props.planTerm).length === 0) {\r\n await this.props.getStep();\r\n await this.props.getProductPricingAndInfo();\r\n await this.props.getPersonalInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getPlanInformation();\r\n await this.props.getBillingInformation();\r\n if (parseInt(this.props.step) < 3) {\r\n this.props.history.push(this.props.b2cBaseUrl+ \"/personal-details\");\r\n }else{\r\n if (this.props.productPriceList && this.props.productPriceList.length > 0) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n x =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId ===\r\n parseInt(\r\n this.props.productInfo[this.props.productInfo.length - 2].productId /* cap-med price */\r\n )\r\n );\r\n maxPrice = dayPriceObject.retailPrice;\r\n }\r\n maxPriceDifference =\r\n this.props.personalDetails.length * maxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n this.setState({\r\n planMaxPrice: maxPrice,\r\n });\r\n }\r\n } else if (parseInt(this.props.step) < 3) {\r\n this.props.history.push(this.props.b2cBaseUrl+ \"/personal-details\");\r\n }else{\r\n if (this.props.productPriceList && this.props.productPriceList.length > 0) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n x =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId ===\r\n parseInt(\r\n this.props.productInfo[this.props.productInfo.length - 2]\r\n .productId\r\n )\r\n );\r\n maxPrice = dayPriceObject.retailPrice;\r\n }\r\n maxPriceDifference =\r\n this.props.personalDetails.length * maxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n this.setState({\r\n planMaxPrice: maxPrice,\r\n });\r\n }\r\n }\r\n\r\n updatePrice() {\r\n if(this.props.personalDetails && this.props.personalDetails.length > 0){\r\n var maxPriceDifference =\r\n this.props.personalDetails.length * this.state.planMaxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n }\r\n }\r\n\r\n async _bindPlanPrice(maxPriceDifference){\r\n var appliedPromoText = \"\"\r\n await this.props.getAppliedPromo();\r\n var totalPrice = this.props.planTerm.totalPrice;\r\n if(this.props.couponInfo && this.props.couponInfo.promoOfferId){\r\n var discountedPrice = 0;\r\n if(this.props.couponInfo.discountType === \"P\"){\r\n discountedPrice = this.props.planTerm.totalPrice*this.props.couponInfo.discountFigure/100;\r\n }\r\n else{\r\n discountedPrice = this.props.couponInfo.discountFigure;\r\n }\r\n appliedPromoText = \"Discount of $\"+discountedPrice+\" has been applied to the total plan fee\"\r\n totalPrice = totalPrice - discountedPrice;\r\n }\r\n this.setState({\r\n totalPrice: totalPrice < 0 ? 0 : totalPrice,\r\n priceToShowAsDiffernce: maxPriceDifference,\r\n appliedPromoText: appliedPromoText\r\n });\r\n }\r\n onUnload = (e) => {\r\n e.preventDefault();\r\n /* this.props.flushOrderData();\r\n this.props.ClearData(); */\r\n }\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nBillingInformation.propTypes = {\r\n productPricing: PropTypes.array,\r\n getPersonalInformation: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n history: PropTypes.object,\r\n planTerm: PropTypes.object,\r\n productInfo: PropTypes.array,\r\n planType: PropTypes.object,\r\n personalDetails: PropTypes.array,\r\n productPriceList: PropTypes.array,\r\n getProductPricingAndInfo:PropTypes.func,\r\n countryTierInfo:PropTypes.array,\r\n getAppliedPromo:PropTypes.func,\r\n couponInfo:PropTypes.object,\r\n getStep:PropTypes.func,\r\n getBillingInformation:PropTypes.func,\r\n billingInformation:PropTypes.object,\r\n b2cBaseUrl:PropTypes.string\r\n\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions }, dispatch);\r\n}\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n)(BillingInformation);\r\n","import React, { Component } from \"react\";\r\nimport { Spin } from 'antd';\r\nexport default class Loader extends Component{\r\n render(){\r\n return(\r\n \r\n
\r\n \r\n
\r\n Plan Summary
\r\n\r\n {\" \"}\r\n \r\n \r\n Upgrade to the Annual Unlimited Trip CAP+MED™ Plan for only $\r\n {this.props.priceToShowAsDiffernce\r\n ? this.props.priceToShowAsDiffernce.toFixed(2)\r\n : \"0.00\"}\r\n \r\n \r\n
\r\n \r\n {this._bindTravellerInfo(this.props.personalDetails)}\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport Loader from \"./../shared/loader/loader\";\r\nimport TravellerInfo from \"../shared/traveller/traveller.jsx\";\r\n\r\nclass PurchaseSummary extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n personalSummary: [],\r\n companionSummary: [],\r\n travelZone: \"\",\r\n showLoader: false,\r\n planMaxPrice: 0,\r\n totalPrice: props.planTerm ? props.planTerm.totalPrice : 0,\r\n appliedPromoText: \"\",\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handlePlanChange = this.handlePlanChange.bind(this);\r\n this.calculatePrice = this.calculatePrice.bind(this);\r\n this.updatePrice = this.updatePrice.bind(this);\r\n }\r\n\r\n async handlePlanChange(evt) {\r\n var targetValue = evt.target.value.split(\",\");\r\n this.props.personalDetails[targetValue[0]].product_id = targetValue[1];\r\n await this.props.SavePersonalDetails(this.props.personalDetails);\r\n this.calculatePrice();\r\n }\r\n\r\n async calculatePrice() {\r\n var totalPrice = 0;\r\n var dayPriceObject;\r\n for (var i = 0; i < this.props.personalDetails.length; i++) {\r\n var travellerObject = this.props.personalDetails[i];\r\n if (\r\n this.props.productPriceList &&\r\n this.props.productPriceList.length > 0\r\n ) {\r\n if (travellerObject.is_annual) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId === parseInt(travellerObject.product_id)\r\n );\r\n totalPrice = totalPrice + parseInt(dayPriceObject.retailPrice);\r\n } else {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === parseInt(this.props.planTerm.tierValue) &&\r\n x.dayPackage === parseInt(this.props.planTerm.days) &&\r\n x.productId === parseInt(travellerObject.product_id)\r\n );\r\n totalPrice = totalPrice + parseInt(dayPriceObject.retailPrice);\r\n }\r\n } else {\r\n totalPrice = this.props.planTerm.totalPrice;\r\n }\r\n }\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice = totalPrice;\r\n await this.props.SavePlanTerm(planTermObject);\r\n var maxPriceDifference =\r\n this.props.personalDetails.length * this.state.planMaxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n }\r\n\r\n async handleClick(evt) {\r\n if (evt.currentTarget.dataset && evt.currentTarget.dataset.value) {\r\n if (evt.currentTarget.dataset.value === \"back\") {\r\n await this.props.SaveStep(\"4\");\r\n this.props.history.push(this.props.b2cBaseUrl + \"/billing-information\");\r\n } else {\r\n this.saveDataAndNext();\r\n }\r\n }\r\n }\r\n\r\n async saveDataAndNext() {\r\n this.setState({ showLoader: true });\r\n var orderObject = {};\r\n var userinfo = [];\r\n var travellerArray = this.props.personalDetails;\r\n var countryArray;\r\n var productId = 0;\r\n await this.props.getAppliedPromo();\r\n var discountedPrice = 0;\r\n var totalPrice = 0;\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n if (this.props.couponInfo.discountType === \"P\")\r\n discountedPrice =\r\n (this.props.planTerm.totalPrice *\r\n this.props.couponInfo.discountFigure) /\r\n 100;\r\n else discountedPrice = this.props.couponInfo.discountFigure;\r\n }\r\n totalPrice =\r\n discountedPrice > 0\r\n ? parseInt(this.props.planTerm.totalPrice) - discountedPrice\r\n : parseInt(this.props.planTerm.totalPrice);\r\n if (this.props.planTerm.isAnnual) {\r\n var objCountry = this.props.countryTierInfo.find(\r\n (x) => x.countryCode === \"All\"\r\n );\r\n countryArray = [objCountry.countryId];\r\n let productCount = this.props.productInfo.length;\r\n productId = this.props.productInfo[productCount - 2].productId;\r\n } else {\r\n countryArray = this.props.planTerm.country.split(\",\");\r\n }\r\n for (var i = 0; i < travellerArray.length; i++) {\r\n var travellerObject = {};\r\n if (this.props.userData && this.props.userData.email && i === 0) {\r\n travellerObject.userId = this.props.userData.userID;\r\n travellerObject.Email = this.props.userData.email;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n travellerObject.IsPrimary = true;\r\n travellerObject.State = travellerArray[i].state\r\n ? travellerArray[i].state\r\n : 0;\r\n travellerObject.EmergencyFirstName = travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName = travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship = travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo = travellerArray[i].rel_phone_number;\r\n } else if (travellerArray[i].isEmailExit && i != 0) {\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.IsPrimary = false;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n } else {\r\n travellerObject.FirstName = travellerArray[i].first_name;\r\n travellerObject.LastName = travellerArray[i].last_name;\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.ContactNo = travellerArray[i].mobile_number;\r\n travellerObject.Country = travellerArray[i].country;\r\n travellerObject.State = travellerArray[i].state\r\n ? travellerArray[i].state\r\n : 0;\r\n travellerObject.IsBusinessTravelling =\r\n travellerArray[i].is_bussiness_travelling;\r\n travellerObject.DOB = travellerArray[i].dob;\r\n travellerObject.EmergencyFirstName = travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName = travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship = travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo = travellerArray[i].rel_phone_number;\r\n travellerObject.CompanyName = travellerArray[i].company_name;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n if (i === 0) {\r\n travellerObject.HowDidYouHear =\r\n this.props.billingInformation.how_heard === \"Referral\" ||\r\n this.props.billingInformation.how_heard === \"Other\"\r\n ? this.props.billingInformation.how_heard +\r\n \" - \" +\r\n this.props.billingInformation.how_heard_other\r\n : this.props.billingInformation.how_heard;\r\n travellerObject.IsPrimary = true;\r\n } else {\r\n travellerObject.IsPrimary = false;\r\n }\r\n }\r\n userinfo.push(travellerObject);\r\n }\r\n orderObject.userinfo = userinfo;\r\n orderObject.IsAnnual = this.props.planTerm.isAnnual;\r\n orderObject.tierId = this.props.planTerm.tierValue;\r\n orderObject.Countries = countryArray;\r\n orderObject.states = [];\r\n orderObject.stateRiskZone = 0;\r\n orderObject.CoverageStartDate = this.props.planTerm.date;\r\n orderObject.Days = this.props.planTerm.isAnnual\r\n ? 365\r\n : this.props.planTerm.days;\r\n orderObject.Quantity = this.props.personalDetails.length;\r\n orderObject.ReferrerCode = \"\";\r\n orderObject.TotalOrderAmount = totalPrice >= 0 ? totalPrice : 0;\r\n orderObject.discount = discountedPrice > 0 ? discountedPrice : null;\r\n orderObject.Token = this.props.billingInformation.paymnet_token;\r\n orderObject.CouponId =\r\n this.props.couponInfo && this.props.couponInfo.promoOfferId\r\n ? this.props.couponInfo.promoOfferId\r\n : null;\r\n orderObject.IsReceiveTravelAlerts = this.props.personalDetails[0].receiver_alert;\r\n orderObject.Currency = this.props.currency;\r\n orderObject.ConversionTotalAmount =\r\n totalPrice >= 0 ? totalPrice.toFixed(2) : 0;\r\n await this.props.placeOrder(orderObject);\r\n if (this.props.orderData && this.props.orderData.orderNumber) {\r\n await this.props.SaveStep(\"5\");\r\n this.props.history.push(this.props.b2cBaseUrl + \"/thank-you\");\r\n } else {\r\n if (\r\n this.props.orderErrorData &&\r\n this.props.orderErrorData.status &&\r\n this.props.orderErrorData.status !== 200 &&\r\n this.props.orderErrorData.message\r\n ) {\r\n alert(\"Error processing order: \" + this.props.orderErrorData.message);\r\n this.props.history.goBack();\r\n } else {\r\n alert(\"An error occured while processing the order.\");\r\n this.props.history.goBack();\r\n }\r\n this.setState({ showLoader: false });\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n window.scrollTo(0, 0);\r\n var maxPrice = 999;\r\n var dayPriceObject;\r\n var maxPriceDifference = 0;\r\n if (\r\n this.props.personalDetails &&\r\n Object.keys(this.props.personalDetails).length === 0\r\n ) {\r\n await this.props.getStep();\r\n await this.props.getUserData();\r\n await this.props.getProductPricingAndInfo();\r\n await this.props.getPersonalInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getPlanInformation();\r\n await this.props.getBillingInformation();\r\n if (parseInt(this.props.step) < 4) {\r\n this.props.history.push(this.props.b2cBaseUrl + \"/billing-information\");\r\n } else if (parseInt(this.props.step) === 5) {\r\n await this.props.SaveStep(\"0\");\r\n this.props.history.push(this.props.b2cBaseUrl + \"/purchase\");\r\n } else {\r\n if (\r\n this.props.productPriceList &&\r\n this.props.productPriceList.length > 0\r\n ) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId ===\r\n this.props.productInfo[this.props.productInfo.length - 2]\r\n .productId\r\n );\r\n maxPrice = dayPriceObject.retailPrice;\r\n }\r\n maxPriceDifference =\r\n this.props.personalDetails.length * maxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n this.setState({\r\n planMaxPrice: maxPrice,\r\n });\r\n }\r\n } else if (parseInt(this.props.step) < 4) {\r\n this.props.history.push(this.props.b2cBaseUrl + \"/billing-information\");\r\n } else if (parseInt(this.props.step) === 5) {\r\n await this.props.SaveStep(\"0\");\r\n this.props.history.push(this.props.b2cBaseUrl + \"/purchase\");\r\n } else {\r\n if (\r\n this.props.productPriceList &&\r\n this.props.productPriceList.length > 0\r\n ) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId ===\r\n this.props.productInfo[this.props.productInfo.length - 2]\r\n .productId\r\n );\r\n maxPrice = dayPriceObject.retailPrice;\r\n }\r\n maxPriceDifference =\r\n this.props.personalDetails.length * maxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n this.setState({\r\n planMaxPrice: maxPrice,\r\n });\r\n }\r\n }\r\n\r\n updatePrice() {\r\n var maxPriceDifference =\r\n this.props.personalDetails.length * this.state.planMaxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n }\r\n\r\n async _bindPlanPrice(maxPriceDifference) {\r\n await this.props.getAppliedPromo();\r\n var totalPrice = this.props.planTerm.totalPrice;\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n var discountedPrice = 0;\r\n if (this.props.couponInfo.discountType === \"P\") {\r\n discountedPrice =\r\n (this.props.planTerm.totalPrice *\r\n this.props.couponInfo.discountFigure) /\r\n 100;\r\n } else {\r\n discountedPrice = this.props.couponInfo.discountFigure;\r\n }\r\n var appliedPromoText =\r\n \"Discount of $\" +\r\n discountedPrice +\r\n \" has been applied to the total plan fee\";\r\n totalPrice = totalPrice - discountedPrice;\r\n this.setState({\r\n appliedPromoText: appliedPromoText,\r\n });\r\n }\r\n this.setState({\r\n totalPrice: totalPrice < 0 ? 0 : totalPrice,\r\n priceToShowAsDiffernce: maxPriceDifference,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.showLoader ?
\r\n {/* price ends */}\r\n {/* purchase summary */}\r\n {this.props.personalDetails &&\r\n this.props.personalDetails.length > 0 ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {/* next and back button */}\r\n \r\n {/*- title */}\r\n {/* title ends */}\r\n {/* Traveller Summary */}\r\n {this.props.personalDetails &&\r\n this.props.personalDetails.length > 0 &&\r\n this.props.planTerm &&\r\n this.props.planTerm.tierValue &&\r\n this.props.productInfo.length > 0 ? (\r\n
\r\n \r\n
\r\n {/* next and back button */}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nPurchaseSummary.propTypes = {\r\n getProductPricingAndInfo: PropTypes.func,\r\n placeOrder: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n getPersonalInformation: PropTypes.func,\r\n getBillingInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n step: PropTypes.string,\r\n planType: PropTypes.object,\r\n planTerm: PropTypes.object,\r\n productPricing: PropTypes.object,\r\n personalDetails: PropTypes.array,\r\n billingInformation: PropTypes.object,\r\n couponInfo: PropTypes.object,\r\n orderData: PropTypes.object,\r\n productPriceList: PropTypes.array,\r\n getUserData: PropTypes.func,\r\n userData: PropTypes.object,\r\n countryTierInfo: PropTypes.array,\r\n getAppliedPromo: PropTypes.func,\r\n getStep: PropTypes.func,\r\n b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions, ...userActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(PurchaseSummary);\r\n","export const currencyType = [\r\n \"USD\",\r\n \"CAD\"\r\n];","import React, { Component } from 'react';\r\nimport {\r\n Form,\r\n Input,\r\n Select,\r\n Row,\r\n Checkbox,\r\n Col,\r\n Button,\r\n //DatePicker,\r\n Radio,\r\n Modal,\r\n message\r\n} from 'antd';\r\nimport DatePicker from 'react-datepicker';\r\nimport 'react-datepicker/dist/react-datepicker.css';\r\nimport moment from 'moment';\r\nimport Text from 'react-text';\r\nimport config from '../../../../../config';\r\nimport postscribe from 'postscribe';\r\nimport { currencyType } from '../../../components/constants';\r\nimport getSymbolFromCurrency from 'currency-symbol-map';\r\nimport * as UserService from '../../../services/user-service';\r\n\r\nvar validator = require('email-validator');\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\nclass RegistrationForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n productToOrder: config.wpProductToOrder,\r\n travellersObjectsArray: [],\r\n receive_alerts: true,\r\n isSavedLoaded: false,\r\n isEmergencyModalVisible: false,\r\n userExist: false,\r\n isUsResident: false,\r\n resCountry: '',\r\n resCountryCode: '',\r\n resUsState: '',\r\n usStates: [],\r\n currency: 'USD',\r\n desCountryCode: '',\r\n desStateCode: '',\r\n currencyRate: 1,\r\n isPopupOpen: false,\r\n continueStatus: true,\r\n is_reload_cap_order: false\r\n };\r\n this.onCheckCompanyChange = this.onCheckCompanyChange.bind(this);\r\n this.appendTravellerData = this.appendTravellerData.bind(this);\r\n this.handleBackClik = this.handleBackClik.bind(this);\r\n this.handleSwitchChange = this.handleSwitchChange.bind(this);\r\n this.saveDataAndNext = this.saveDataAndNext.bind(this);\r\n this.removeTraveller = this.removeTraveller.bind(this);\r\n this.updatePlanPrice = this.updatePlanPrice.bind(this);\r\n this.handlePlanChange = this.handlePlanChange.bind(this);\r\n this.showConfirm = this.showConfirm.bind(this);\r\n this.handleStateField = this.handleStateField.bind(this);\r\n }\r\n\r\n async _onKeydown(evt, idx) {\r\n if (evt.keyCode == 13) {\r\n this._onBlur(evt);\r\n }\r\n }\r\n\r\n async _onBlur(evt, idx) {\r\n var email = evt.target.value;\r\n var index = parseInt(evt.currentTarget.dataset.index);\r\n if (validator.validate(email)) {\r\n await this.props.validateTravellerEmail(email);\r\n if (this.props.emailCheckResponse && this.props.emailCheckResponse.userExist) {\r\n if (index >= 0) {\r\n this.state.travellersObjectsArray[index].isEmailExit = true;\r\n this.state.travellersObjectsArray[index].firstName = this.props.emailCheckResponse.firstName;\r\n this.state.travellersObjectsArray[index].lastName = this.props.emailCheckResponse.lastName;\r\n this.setState({\r\n travellersObjectsArray: this.state.travellersObjectsArray\r\n });\r\n }\r\n var objContent = {};\r\n objContent.title = 'Welcome back! Would you like to proceed with this email ID and existing profile?';\r\n objContent.content = index === 0 ? email : email;\r\n objContent.okText = 'Continue';\r\n\r\n if (this.state.continueStatus === true && !this.state.isPopupOpen) {\r\n this.showConfirm(objContent, index);\r\n this.setState({ isPopupOpen: true });\r\n }\r\n } else {\r\n if (index >= 0) {\r\n this.setState({ userExist: false });\r\n this.state.travellersObjectsArray[index].isEmailExit = false;\r\n this.setState({\r\n travellersObjectsArray: this.state.travellersObjectsArray\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n showConfirm(objContent, index) {\r\n var _travellersObjectsArray = this.state.travellersObjectsArray;\r\n this.setState({ isPopupOpen: true });\r\n var self = this;\r\n var confirmArgs = {\r\n title: objContent.title,\r\n content: objContent.content,\r\n className: 'gray-color',\r\n onOk() {\r\n if (index === 0) {\r\n //self.props.history.push(\"/login\");\r\n self.setState({ userExist: true });\r\n self.setState({ continueStatus: false });\r\n self.setState({ isPopupOpen: false });\r\n self.props.form.resetFields(['first_name0', 'country0', 'last_name0', 'dob0', 'phone0', 'gender0', 'state0']);\r\n }\r\n },\r\n onCancel() {\r\n if (index === 0 || index >= 0) {\r\n _travellersObjectsArray[index].isEmailExit = false;\r\n self.props.form.setFieldsValue({\r\n [`email${index}`]: '', \r\n [`first_name${index}`]: '' \r\n });\r\n }\r\n self.setState({ isPopupOpen: false });\r\n }\r\n };\r\n if (objContent.okText && objContent.okText !== null) {\r\n confirmArgs.okText = objContent.okText;\r\n }\r\n // if (objContent.okText1 && objContent.okText1 !== null) {\r\n // confirmArgs.okText1 = objContent.okText1;\r\n // }\r\n\r\n confirm(confirmArgs);\r\n }\r\n\r\n async componentDidMount() {\r\n let traveller_type = localStorage.getItem('traveller-type');\r\n traveller_type = JSON.parse(traveller_type) && JSON.parse(traveller_type).value;\r\n let cap_data = localStorage.getItem('traveller');\r\n\r\n if (cap_data && traveller_type == 'b2c') {\r\n let arrObj = JSON.parse(cap_data).value;\r\n\r\n let newArr = [];\r\n arrObj.map((item, idx) => {\r\n let tempObj = {};\r\n for (var key in item) {\r\n if (key == 'first_name') {\r\n tempObj.firstName = item[key];\r\n } else if (key == 'last_name') {\r\n tempObj.lastName = item[key];\r\n } else if (key == 'isEmailExit') {\r\n tempObj.isEmailExit = item[key];\r\n } else if (key == 'dob') {\r\n tempObj.dob = item[key];\r\n } else if (key == 'email') {\r\n tempObj.email = item[key];\r\n } else if (key == 'gender') {\r\n tempObj.gender = item[key];\r\n } else if (key == 'mobile_number') {\r\n tempObj.phone = item[key];\r\n } else if (key == 'is_bussiness_travelling') {\r\n tempObj.is_bussiness_travelling = item[key];\r\n } else if (key == 'country') {\r\n tempObj.country = item[key];\r\n\r\n if (tempObj.country == 249) {\r\n this.setState({\r\n isUsResident: true\r\n });\r\n }\r\n } else if (key == 'company_name') {\r\n tempObj.company_name = item[key];\r\n } else if (key == 'product_id') {\r\n tempObj.product_id = item[key];\r\n } else if (key == 'IsPrimary') {\r\n tempObj.IsPrimary = item[key];\r\n } else if (key == 'stateName') {\r\n tempObj.stateName = item[key];\r\n } else if (key == 'stateid') {\r\n tempObj.stateid = item[key];\r\n } else if (key == 'receiver_alert') {\r\n tempObj.receiver_alert = item[key];\r\n }\r\n\r\n tempObj.pressedBack = true;\r\n }\r\n newArr.push(tempObj);\r\n });\r\n this.setState({ travellersObjectsArray: newArr, isSavedLoaded: true }, () => {\r\n this.props.updateTravellerCount(newArr.length);\r\n });\r\n }\r\n postscribe(\r\n '#travellers-info',\r\n \"\"\r\n );\r\n var encodedParameters = window.location.search;\r\n var decodedParameterString = atob(encodedParameters.substring(1));\r\n var parameters = decodedParameterString.split('&');\r\n var parameterArray = new Map();\r\n parameters.forEach(async function(parameter) {\r\n var data = parameter.split('=');\r\n parameterArray[data[0]] = data[1];\r\n });\r\n\r\n var is_reload_cap_order = false;\r\n var user_exist = false;\r\n\r\n if (parameterArray['reload_cap_order']) {\r\n is_reload_cap_order = true;\r\n this.setState({ is_reload_cap_order: true });\r\n }\r\n if (parameterArray['user_exist']) {\r\n user_exist = true;\r\n }\r\n\r\n this.setState({ resCountry: parameterArray['residence_country'] });\r\n this.setState({ resCountryCode: parameterArray['resi_c_code'] });\r\n this.setState({ desCountryCode: parameterArray['countries'] });\r\n this.setState({ desStateCode: parameterArray['res_state_lists'] });\r\n if (parameterArray['residence_country'] == 'United States of America') {\r\n this.setState({ resUsState: parameterArray['residence_state'] });\r\n }\r\n\r\n if (this.props.isLoggedIn && !(is_reload_cap_order && user_exist)) {\r\n var isInfoUpdated = false;\r\n await this.props.getTravellerInfo(this.props.userData.userID);\r\n if (this.props.travellerInfo && this.props.travellerInfo.email) {\r\n if (this.props.personalDetails && this.props.personalDetails.length > 0) isInfoUpdated = true;\r\n var travellerObject = {\r\n first_name: this.props.travellerInfo.firstName,\r\n last_name: this.props.travellerInfo.lastName,\r\n email: this.props.travellerInfo.email,\r\n dob: this.props.travellerInfo.dateOfBirth,\r\n country: this.props.travellerInfo.countryId,\r\n mobile_number: this.props.travellerInfo.contactNo,\r\n is_bussiness_travelling: this.props.travellerInfo.companyName ? true : false,\r\n rel_first_name: isInfoUpdated\r\n ? this.props.personalDetails[0].rel_first_name\r\n : this.props.travellerInfo.emergencyFirstName,\r\n rel_last_name: isInfoUpdated\r\n ? this.props.personalDetails[0].rel_last_name\r\n : this.props.travellerInfo.emergencyLastName,\r\n relationship: isInfoUpdated\r\n ? this.props.personalDetails[0].relationship\r\n : this.props.travellerInfo.emergencyRelationship,\r\n rel_phone_number: isInfoUpdated\r\n ? this.props.personalDetails[0].rel_phone_number\r\n : this.props.travellerInfo.emergencyContactNo,\r\n company_name: this.props.travellerInfo.companyName,\r\n product_id: isInfoUpdated ? this.props.personalDetails[0].product_id : this.state.productToOrder,\r\n is_annual: false,\r\n isEmailExit: true\r\n };\r\n var tempArray = [];\r\n tempArray.push(travellerObject);\r\n if (this.props.personalDetails && this.props.personalDetails.length > 1) {\r\n for (var i = 1; i < this.props.personalDetails.length; i++) {\r\n tempArray.push(this.props.personalDetails[i]);\r\n }\r\n }\r\n this.setState({ travellersObjectsArray: tempArray });\r\n } else {\r\n this.state.travellersObjectsArray.push({\r\n first_name: '',\r\n last_name: '',\r\n email: '',\r\n dob: '',\r\n country: '',\r\n state: '',\r\n stateName: '',\r\n mobile_number: '',\r\n is_bussiness_travelling: false,\r\n rel_last_name: '',\r\n rel_first_name: '',\r\n relationship: '',\r\n rel_phone_number: '',\r\n company_name: '',\r\n product_id: this.state.productToOrder,\r\n is_annual: false,\r\n isEmailExit: false\r\n });\r\n }\r\n } else {\r\n if (this.props.personalDetails && this.props.personalDetails.length > 0) {\r\n // this.setState({\r\n // travellersObjectsArray: this.props.personalDetails,\r\n // isSavedLoaded: true,\r\n // });\r\n } else {\r\n this.state.travellersObjectsArray.push({\r\n first_name: '',\r\n last_name: '',\r\n email: '',\r\n dob: '',\r\n country: '',\r\n state: '',\r\n stateName: '',\r\n mobile_number: '',\r\n is_bussiness_travelling: false,\r\n rel_last_name: '',\r\n rel_first_name: '',\r\n relationship: '',\r\n rel_phone_number: '',\r\n company_name: '',\r\n product_id: this.state.productToOrder,\r\n is_annual: false,\r\n isEmailExit: false\r\n });\r\n let decodedParams = this.props.decoded_params;\r\n if (decodedParams.traveller_count > 1) {\r\n for (var t = 1; t < decodedParams.traveller_count; t++) {\r\n this.appendTravellerData();\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* for(var i=0; i < this.state.travellersObjectsArray.length; i++){\r\n console.log('item:', this.state.travellersObjectsArray[i].dob);\r\n this.props.form.setFieldsValue({ [\"dob\"+i]: this.state.travellersObjectsArray[i].dob})\r\n } */\r\n }\r\n\r\n async handlePlanChange(evt) {\r\n var targetValue = evt.target.value.split(',');\r\n this.state.travellersObjectsArray[targetValue[0]].product_id = targetValue[1];\r\n var totalPrice = 0;\r\n for (var i = 0; i < this.state.travellersObjectsArray.length; i++) {\r\n var product_id = 0;\r\n if (i === parseInt(targetValue[0])) {\r\n product_id = targetValue[1];\r\n } else {\r\n var travellerObject = this.state.travellersObjectsArray[i];\r\n product_id = travellerObject.product_id;\r\n }\r\n var dayPriceObject = this.props.productPriceList.find(\r\n (x) => x.tierId === 1 && x.dayPackage === parseInt(this.state.dayPackage) && x.productId === 1\r\n );\r\n var productPrice = dayPriceObject ? dayPriceObject.retailPrice : 0;\r\n totalPrice = totalPrice + parseInt(productPrice);\r\n }\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice = totalPrice;\r\n await this.props.SavePlanTerm(planTermObject);\r\n this.setState({ isSavedLoaded: false });\r\n this.props.updatePrice();\r\n }\r\n\r\n async updatePlanPrice(type) {\r\n var dayPriceObject;\r\n var decodedParams = this.props.decoded_params;\r\n const _MS_PER_DAY = 1000 * 60 * 60 * 24;\r\n var start_date = Date.parse(decodedParams.start_date);\r\n var end_date = Date.parse(decodedParams.end_date);\r\n var days = Math.floor((end_date - start_date) / _MS_PER_DAY);\r\n let dp = 8;\r\n if (days <= 8) {\r\n dp = 8;\r\n } else if (days <= 15) {\r\n dp = 15;\r\n } else if (days <= 30) {\r\n dp = 30;\r\n } else if (days <= 60) {\r\n dp = 60;\r\n } else if (days <= 90) {\r\n dp = 90;\r\n } else if (days <= 120) {\r\n dp = 120;\r\n } else if (days <= 365) {\r\n dp = 365;\r\n }\r\n if (this.props.planTerm && this.props.planTerm.Price) {\r\n if (type !== 'update') {\r\n let planTermObject = this.props.planTerm;\r\n if (this.props.planTerm.isAnnual) {\r\n var maxPrice = 999;\r\n if (this.props.productPriceList && this.props.productPriceList.length > 0) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) => x.tierId === 1 && x.dayPackage === parseInt(dp) && x.productId === 1\r\n );\r\n maxPrice = dayPriceObject.retailPrice;\r\n }\r\n planTermObject.totalPrice =\r\n type === 'add' ? planTermObject.totalPrice + maxPrice : planTermObject.totalPrice - maxPrice;\r\n } else {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === planTermObject.tierValue &&\r\n x.dayPackage === parseInt(dp) &&\r\n x.productId === this.state.productToOrder\r\n );\r\n planTermObject.totalPrice =\r\n type === 'add'\r\n ? planTermObject.totalPrice + dayPriceObject.retailPrice\r\n : planTermObject.totalPrice - dayPriceObject.retailPrice;\r\n }\r\n await this.props.SavePlanTerm(planTermObject);\r\n this.props.updatePrice();\r\n } else {\r\n let planTermObject = this.props.planTerm;\r\n //planTermObject.Price = this.props.planTerm.totalPrice;\r\n await this.props.SavePlanTerm(planTermObject);\r\n }\r\n }\r\n }\r\n\r\n async removeTraveller(evt) {\r\n var travellerID = parseInt(evt.target.dataset.value);\r\n this.updatePlanPrice('remove');\r\n this.state.travellersObjectsArray.splice(travellerID, 1);\r\n this.setState({\r\n travellersObjectsArray: this.state.travellersObjectsArray\r\n });\r\n let decodedParams = this.props.decoded_params;\r\n this.props.updateTravellerCount(this.state.travellersObjectsArray.length);\r\n }\r\n\r\n handleSwitchChange(evt) {\r\n this.setState({ receive_alerts: !this.state.receive_alerts });\r\n }\r\n\r\n handleBackClik(evt) {\r\n this.props.handleBack();\r\n }\r\n\r\n async appendTravellerData() {\r\n var productId =\r\n this.props.personalDetails && this.props.personalDetails[0] && this.props.personalDetails[0].product_id\r\n ? this.props.personalDetails[0].product_id\r\n : this.state.productToOrder;\r\n var _travellersObjectsArray = this.state.travellersObjectsArray;\r\n _travellersObjectsArray.push({\r\n first_name: '',\r\n last_name: '',\r\n email: '',\r\n dob: '',\r\n country: '',\r\n state: '',\r\n stateName: '',\r\n mobile_number: '',\r\n is_bussiness_travelling: false,\r\n rel_last_name: '',\r\n rel_first_name: '',\r\n relationship: '',\r\n rel_phone_number: '',\r\n company_name: '',\r\n product_id: productId,\r\n is_annual: false,\r\n isEmailExit: false\r\n });\r\n this.setState({ travellersObjectsArray: _travellersObjectsArray });\r\n //this.updatePlanPrice(\"add\");\r\n let decodedParams = this.props.decoded_params;\r\n\r\n this.props.updateTravellerCount(this.state.travellersObjectsArray.length);\r\n }\r\n\r\n onCheckCompanyChange(evt) {\r\n var travellerID = parseInt(evt.target.id.replace('traveller_check_company', ''));\r\n this.state.travellersObjectsArray[travellerID]['is_bussiness_travelling'] = evt.target.checked;\r\n }\r\n\r\n handleSubmit = (e) => {\r\n localStorage.setItem('is_back', 'No');\r\n\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = '';\r\n } else {\r\n if (typeof values[key] == 'string') {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.checkIfEmailsAlreadyExist(values);\r\n // this.saveDataAndNext(values);\r\n }\r\n });\r\n };\r\n\r\n async checkIfEmailsAlreadyExist(formData) {\r\n var isValidEmails = true;\r\n var emailUsed = [];\r\n for (var i = 0; i < this.state.travellersObjectsArray.length; i++) {\r\n if (!this.props.isLoggedIn) {\r\n if (i === 0) {\r\n await this.props.flushEmailCheckResponse();\r\n var email = formData['email' + i];\r\n await this.props.validateTravellerEmail(email);\r\n if (this.props.emailCheckResponse && this.props.emailCheckResponse.userExist) {\r\n /*isValidEmails = false;\r\n const selector = document.getElementById(\"traveller_email\" + i);\r\n if (selector) selector.focus();\r\n break;*/\r\n }\r\n }\r\n }\r\n\r\n //temp disable\r\n // if (\r\n // formData[\"dob\" + i] &&\r\n // !this.state.travellersObjectsArray[i].isEmailExit\r\n // ) {\r\n // var selectedDate = new Date(\r\n // /* formData[\"dob\" + i]._d */ formData[\"dob\" + i]\r\n // );\r\n // if (i === 0) {\r\n // var isValidDOB = this.checkValidDateOfBirth(\r\n // selectedDate.getDay(),\r\n // selectedDate.getMonth(),\r\n // selectedDate.getFullYear()\r\n // );\r\n // if (!isValidDOB) {\r\n // isValidEmails = false;\r\n // const selectorDOB = document.getElementById(\"traveller_dob\" + i);\r\n // if (selectorDOB) selectorDOB.focus();\r\n // message.error(\"Please select a valid date of birth.\");\r\n // break;\r\n // }\r\n // } else {\r\n // const diffTime = selectedDate - new Date();\r\n // const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n // if (diffDays > 0) {\r\n // isValidEmails = false;\r\n // const selectorDOB = document.getElementById(\"traveller_dob\" + i);\r\n // if (selectorDOB) selectorDOB.focus();\r\n // message.error(\"Please select a valid date of birth.\");\r\n // break;\r\n // }\r\n // }\r\n // }\r\n if (formData['email' + i] && formData['email' + i] !== '') {\r\n if (emailUsed.indexOf(formData['email' + i]) < 0) {\r\n emailUsed.push(formData['email' + i]);\r\n } else {\r\n isValidEmails = false;\r\n const selector = document.getElementById('traveller_email' + i);\r\n if (selector) selector.focus();\r\n message.error('Email ' + formData['email' + i] + ' already assigned.');\r\n break;\r\n }\r\n }\r\n // To validate phone number\r\n // if(formData[\"phone\" + i] && formData[\"phone\" + i] !== \"\"){\r\n // if(mobileNumberUsed.indexOf(formData[\"phone\" + i]) < 0 ){\r\n // mobileNumberUsed.push(formData[\"phone\" + i]);\r\n // }else{\r\n // isValidEmails = false;\r\n // const selector = document.getElementById(\"traveller_phone\" + i);\r\n // if (selector) selector.focus();\r\n // message.error('Phone number '+ formData[\"phone\" + i] + ' already assigned.');\r\n // break;\r\n // }\r\n // }\r\n }\r\n\r\n if (isValidEmails) this.saveDataAndNext(formData);\r\n }\r\n\r\n checkValidDateOfBirth(day, month, year) {\r\n return new Date(year + 18, month - 1, day) <= new Date();\r\n }\r\n\r\n async saveDataAndNext(formData) {\r\n let personalDetails = [];\r\n for (var i = 0; i < this.state.travellersObjectsArray.length; i++) {\r\n let res_statename = '';\r\n let res_state_id = '';\r\n this.props.usstates.map((state, index) => {\r\n if (state.stateId === formData['state' + i]) {\r\n res_statename = state.stateName;\r\n res_state_id = state.stateId;\r\n }\r\n });\r\n let traveller = {\r\n first_name: formData['first_name' + i],\r\n last_name: formData['last_name' + i],\r\n dob:\r\n formData['dob' + i] && formData['dob' + i]._d\r\n ? moment(formData['dob' + i]._d).format()\r\n : moment(formData['dob' + i]).format(),\r\n gender: formData['gender' + i],\r\n email: formData['email' + i],\r\n country: formData['country' + i],\r\n state: formData['state' + i],\r\n stateName: res_statename,\r\n stateid: res_state_id ? res_state_id : '',\r\n mobile_number: formData['phone' + i],\r\n rel_last_name: formData['rel_last_name' + i],\r\n rel_first_name: formData['rel_first_name' + i],\r\n relationship: formData['relationship' + i],\r\n rel_phone_number: formData['rel_phone_number' + i],\r\n company_name: formData['company_name' + i],\r\n is_bussiness_travelling: formData['check_company' + i],\r\n receiver_alert: this.state.receive_alerts,\r\n IsPrimary: i === 0 ? true : false,\r\n product_id: this.state.travellersObjectsArray[i].product_id,\r\n is_annual: false,\r\n isEmailExit: this.state.travellersObjectsArray[i].isEmailExit\r\n };\r\n personalDetails.push(traveller);\r\n }\r\n await this.props.SaveStep('3');\r\n await this.props.SavePersonalDetails(personalDetails);\r\n this.updatePlanPrice('update');\r\n\r\n var encodedParameters = window.location.search;\r\n var decodedParameterString = atob(encodedParameters.substring(1));\r\n decodedParameterString.substring(0, decodedParameterString.indexOf('reload_cap_order') - 1);\r\n if (this.state.userExist) {\r\n decodedParameterString += '&user_exist=true';\r\n }\r\n\r\n this.props.history.push(this.props.b2cBaseUrl + '/billing-summary?' + btoa(decodedParameterString));\r\n }\r\n\r\n _bindCountries() {\r\n return (\r\n this.props.countryTierInfo &&\r\n this.props.countryTierInfo != undefined &&\r\n this.props.countryTierInfo.map((country, index) => {\r\n if (country.countryId !== config.allCountriesCountryId) {\r\n return (\r\n \r\n );\r\n }\r\n })\r\n );\r\n }\r\n\r\n handleCurrencyChange = async (e) => {\r\n var value = e.target.value;\r\n this.setState({ currency: e.target.value });\r\n\r\n var currencyData = '';\r\n await this.props.convertCurrency().then((resp) => {\r\n currencyData = resp;\r\n });\r\n if (this.state.currency == 'USD') {\r\n this.setState({ currencyRate: 1 });\r\n this.props.updateCurrency(value, 1);\r\n } else {\r\n this.setState({ currencyRate: currencyData.value });\r\n this.props.updateCurrency(value, currencyData.value);\r\n }\r\n };\r\n\r\n _bindStates() {\r\n return this.props.usstates.map((state, index) => {\r\n return (\r\n \r\n );\r\n });\r\n }\r\n\r\n _bindProductRadio(idx, traveller) {\r\n return (\r\n \r\n \r\n Back\r\n \r\n \r\n Confirm Purchase\r\n \r\n
\r\n }\r\n
}\r\n
}\r\n
\r\n \r\n Ok\r\n \r\n ]}\r\n style={{ marginTop: '60px' }}\r\n >\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport const WrappedRegistrationForm = Form.create({ name: 'traveller' })(RegistrationForm);\r\n","\r\n\r\nexport const cadConvertionRate = (totalPrice) =>{\r\n // new cad conversion\r\n // let currentPrice = this.state.totalPrice / decodedParams.traveller_count;\r\n // var convertCadPriceList = {\"79\" :99.00 , \"152\" : 197.00 ,\"298\" :385.00 , \"385\":498.00};\r\n var convertCadPriceList = {\r\n '79': 99.0,\r\n '152': 197.00,\r\n '298': 385.00,\r\n '385': 498.00,\r\n '117': 155.00,\r\n '137': 182.00,\r\n '247': 325.00,\r\n '327': 432.00,\r\n '397': 525.00,\r\n '497': 655.00,\r\n '997': 1315.00\r\n };\r\n let cadPrice = 0;\r\n for(const [key , value] of Object.entries(convertCadPriceList)){\r\n if(key == parseInt(totalPrice)){\r\n cadPrice = value;\r\n \r\n }\r\n }\r\n \r\n return cadPrice.toFixed(2);\r\n}\r\n","import React, { Component, useState, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport * as b2cActions from '../../../redux/actions/b2c-actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport * as userActions from '../../../redux/actions/user-actions';\r\nimport { Beforeunload } from 'react-beforeunload';\r\nimport { Row, Col, Button, Modal } from 'antd';\r\nimport Config from '../../../../../config';\r\nimport moment from 'moment';\r\nimport { currencyType } from '../../constants';\r\nimport { cadConvertionRate } from '../shared/cadConverstion';\r\n\r\nconst PriceCalculation = (props) => {\r\n const dispatch = useDispatch();\r\n const data = props.b2c; //useSelector((state) => state.b2c)\r\n const productToOrder = Config.wpProductToOrder;\r\n\r\n \r\n const [currency, setCurrency] = useState('USD');\r\n // const [isAnnual, setisAnnual] = useState(props.planTerm.isAnnual ? props.planTerm.isAnnual :false);\r\n\r\n const [cadPrice, setCadPrice] = useState(0);\r\n const [cadDiscountedPercent, setCadDiscountedPercent] = useState(0);\r\n const [cadDiscountedAmount, setCadDiscountedAmount] = useState(0);\r\n const [appliedPromoText, setAppliedPromoText] = useState('');\r\n const [totalPrice, setTotalPrice] = useState(0);\r\n\r\n let countries = data.planTerm && data.planTerm.country ? data.planTerm.country.split(',').map(Number) : '';\r\n\r\n let ustravel_states =\r\n data.planTerm && data.planTerm.ustravel_states && data.planTerm.ustravel_states != ''\r\n ? data.planTerm.ustravel_states.split(',').map((item) => item.trim())\r\n : '';\r\n let dp = data.planTerm && data.planTerm.dp ? data.planTerm.dp : '';\r\n\r\n useEffect(() => {\r\n setCurrency(data.currency && data.currency);\r\n\r\n if (countries.length > 0 && data.countryTierInfo.length > 0) {\r\n calculateProductPrice(countries, dp, ustravel_states);\r\n }\r\n cadPriceCalculation();\r\n }, [data.planTerm, data.planTerm && data.planTerm.isAnnual, data.currency, data.travelerCount, data.couponInfo]);\r\n\r\n useEffect(() => {\r\n if (countries.length > 0 && data.countryTierInfo.length > 0) {\r\n calculateProductPrice(countries, dp, ustravel_states);\r\n }\r\n setCurrency(data.currency && data.currency);\r\n\r\n cadPriceCalculation();\r\n }, []);\r\n\r\n useEffect(() => {\r\n cadPriceCalculation();\r\n }, [currency, totalPrice, data.planTerm.isAnnual]);\r\n\r\n const cadPriceCalculation = async () => {\r\n let cPrice;\r\n cPrice = cadConvertionRate(\r\n data.planTerm && data.planTerm.totalPrice && data.planTerm.totalPrice / data.travelerCount\r\n );\r\n cPrice = cPrice * data.travelerCount;\r\n if (data.couponInfo && data.couponInfo.discountType != 'P' && cadDiscountedAmount != 0) {\r\n cPrice = cPrice - cadDiscountedAmount;\r\n }\r\n\r\n if (data.couponInfo && data.couponInfo.discountType === 'P' && cadDiscountedPercent != 0) {\r\n let CadDisAmount = (cPrice * cadDiscountedPercent) / 100;\r\n cPrice = cPrice - CadDisAmount;\r\n }\r\n setCadPrice(cPrice);\r\n\r\n let planTermObject = data.planTerm;\r\n planTermObject.cadPrice = cPrice;\r\n await props.SavePlanTerm(planTermObject);\r\n };\r\n\r\n const calculateProductPrice = async (countryValue, selectedDay, ustravel_states) => {\r\n let tierValue = 4;\r\n let calculatedPrice = 0;\r\n var dayPriceObject;\r\n var selectedCountryTierList = [];\r\n if (\r\n ustravel_states != '' &&\r\n ustravel_states.length > 0 &&\r\n data.planTerm.country == '249'\r\n //data.planTerm.isAnnual == false\r\n ) {\r\n // await getPackageRateStates(ustravel_states, dp).then((result) => {\r\n // calculatedPrice = result;\r\n // });\r\n var statePricing = data.stateProductPriceList;\r\n var allStates = data.allUsStates;\r\n var startDate = data.planTerm.date;\r\n var endDate = data.planTerm.end_date;\r\n var dayPriceObject;\r\n //get riskid for states\r\n var riskTypeId = [];\r\n ustravel_states.map((travelState, i) => {\r\n allStates.map((state, index) => {\r\n if (travelState === state.stateName) {\r\n if (state && state.stateRiskZones && state.stateRiskZones.length > 0) {\r\n state.stateRiskZones.map((stateRiskZone, index) => {\r\n if (\r\n new Date(startDate).getTime() <= new Date(stateRiskZone.toDate).getTime() &&\r\n new Date(startDate).getTime() >= new Date(stateRiskZone.fromDate).getTime() &&\r\n new Date(endDate).getTime() <= new Date(stateRiskZone.toDate).getTime() &&\r\n new Date(endDate).getTime() >= new Date(stateRiskZone.fromDate).getTime()\r\n ) {\r\n riskTypeId.push(stateRiskZone.stateRiskTypeId);\r\n } else {\r\n riskTypeId.push(1);\r\n }\r\n });\r\n }\r\n } else {\r\n riskTypeId.push(1);\r\n }\r\n });\r\n });\r\n //get prices for states\r\n var totalStatePrices = [];\r\n var stateDp = data.planTerm.isAnnual ? 365 : dp;\r\n for (var i = 0; i < riskTypeId.length; i++) {\r\n //var product_Id = 1;\r\n\r\n dayPriceObject = statePricing.find(\r\n (x) =>\r\n x.tierId === riskTypeId[i] &&\r\n x.dayPackage === stateDp &&\r\n x.productId === parseInt(productToOrder)//parseInt(data.productInfo[data.productInfo.length - 3].productId)\r\n );\r\n totalStatePrices.push(dayPriceObject.retailPrice);\r\n }\r\n calculatedPrice = Math.max(...totalStatePrices);\r\n setTotalPrice(calculatedPrice * data.travelerCount);\r\n }\r\n\r\n if (\r\n selectedDay !== 0 &&\r\n selectedDay !== 'NaN' &&\r\n countryValue.length > 0 &&\r\n ustravel_states.length == 0 //&&\r\n // data.planTerm.isAnnual == false\r\n ) {\r\n if (countryValue.length > 0) {\r\n for (var i = 0; i < countryValue.length; i++) {\r\n var countryObject = data.countryTierInfo && data.countryTierInfo.find((x) => x.countryId === countryValue[i]);\r\n\r\n if (i === 0) {\r\n tierValue = parseInt(countryObject.tierId);\r\n } else {\r\n if (parseInt(countryObject.tierId) < tierValue) {\r\n tierValue = parseInt(countryObject.tierId);\r\n }\r\n }\r\n selectedCountryTierList.push(tierValue);\r\n }\r\n } else {\r\n tierValue = 4;\r\n }\r\n\r\n let totalCountriesPrice = [];\r\n let dpackages = data.planTerm && data.planTerm.isAnnual ? parseInt(365) : parseInt(selectedDay);\r\n for (var i = 0; i < selectedCountryTierList.length; i++) {\r\n dayPriceObject =\r\n data.productPriceList &&\r\n data.productPriceList.length > 0 &&\r\n data.productPriceList.find(\r\n (x) =>\r\n x.tierId === selectedCountryTierList[i] &&\r\n x.dayPackage === dpackages &&\r\n x.productId === parseInt(productToOrder)\r\n );\r\n totalCountriesPrice.push(dayPriceObject.retailPrice);\r\n // setTotalPrice(Math.max(t...totalCountriesPrice) * data.traveller_count);\r\n }\r\n calculatedPrice = Math.max(...totalCountriesPrice);\r\n setTotalPrice(calculatedPrice * data.travelerCount);\r\n }\r\n // if (data.planTerm && data.planTerm.isAnnual == true && data.planTerm.country != \"249\") {\r\n // if (data.productPriceList && data.productPriceList.length > 0) {\r\n // var dayPriceObject = data.productPriceList.find(\r\n // (x) =>\r\n // x.tierId === 1 &&\r\n // x.dayPackage === 365 &&\r\n // x.productId ===\r\n // parseInt(\r\n // data.productInfo[data.productInfo.length - 3]\r\n // .productId /* cap-med price */\r\n // )\r\n // );\r\n // }\r\n // calculatedPrice = dayPriceObject.retailPrice;\r\n // setTotalPrice(calculatedPrice * data.travelerCount);\r\n // }\r\n\r\n if (data.couponInfo !== null) {\r\n // && data.couponInfo.promoOfferId != undefined || data.couponInfo.promoOfferId != \"\") {\r\n bindPlanPrice(calculatedPrice);\r\n }\r\n\r\n let planTermObject = data.planTerm;\r\n planTermObject.totalPrice = calculatedPrice * data.travelerCount;\r\n planTermObject.tierValue = dayPriceObject.tierId;\r\n await props.SavePlanTerm(planTermObject);\r\n };\r\n\r\n const getPackageRateStates = async (desti_states, dp) => {\r\n var statePricing = data.stateProductPriceList;\r\n var allStates = data.allUsStates;\r\n var startDate = data.planTerm.date;\r\n var endDate = data.planTerm.end_date;\r\n let calculatedPrice = 0;\r\n var dayPriceObject;\r\n //get riskid for states\r\n\r\n var riskTypeId = [];\r\n desti_states.map((travelState, i) => {\r\n allStates.map((state, index) => {\r\n if (travelState === state.stateName) {\r\n if (state && state.stateRiskZones && state.stateRiskZones.length > 0) {\r\n state.stateRiskZones.map((stateRiskZone, index) => {\r\n if (\r\n new Date(startDate).getTime() <= new Date(stateRiskZone.toDate).getTime() &&\r\n new Date(startDate).getTime() >= new Date(stateRiskZone.fromDate).getTime() &&\r\n new Date(endDate).getTime() <= new Date(stateRiskZone.toDate).getTime() &&\r\n new Date(endDate).getTime() >= new Date(stateRiskZone.fromDate).getTime()\r\n ) {\r\n riskTypeId.push(stateRiskZone.stateRiskTypeId);\r\n } else {\r\n riskTypeId.push(1);\r\n }\r\n });\r\n }\r\n }\r\n });\r\n });\r\n console.log(riskTypeId);\r\n //get prices for states\r\n\r\n var totalStatePrices = [];\r\n for (var i = 0; i < riskTypeId.length; i++) {\r\n //var product_Id = 1;\r\n\r\n dayPriceObject = statePricing.find(\r\n (x) =>\r\n x.tierId === riskTypeId[i] &&\r\n x.dayPackage === dp &&\r\n x.productId === parseInt(data.productInfo[data.productInfo.length - 3].productId)\r\n );\r\n totalStatePrices.push(dayPriceObject.retailPrice);\r\n }\r\n calculatedPrice = Math.max(...totalStatePrices);\r\n return calculatedPrice;\r\n };\r\n\r\n const handleCurrencyChange = async (value) => {\r\n setCurrency(value);\r\n if (typeof props.onPaymentMethodChange === 'function') {\r\n props.onPaymentMethodChange('stripe');\r\n }\r\n if (value == 'USD') {\r\n dispatch(b2cActions.updateCurrency(value, 1));\r\n } else {\r\n dispatch(b2cActions.updateCurrency(value, 1.3644));\r\n }\r\n\r\n // this.updatePrice();\r\n };\r\n\r\n const bindPlanPrice = async (calculatedPrice = '') => {\r\n // dispatch(b2cActions.getAppliedPromo());\r\n var totalPrice =\r\n calculatedPrice !== ''\r\n ? calculatedPrice\r\n : data.planTerm && data.planTerm.totalPrice\r\n ? data.planTerm.totalPrice\r\n : 0;\r\n\r\n totalPrice = totalPrice * data.travelerCount;\r\n\r\n var discountedPrice = 0;\r\n if (data.couponInfo && data.couponInfo.promoOfferId) {\r\n if (data.couponInfo.discountType === 'P') {\r\n discountedPrice = (totalPrice * data.couponInfo.discountFigure) / 100;\r\n setCadDiscountedPercent(data.couponInfo.discountFigure);\r\n } else {\r\n discountedPrice = data.couponInfo.discountFigure;\r\n setCadDiscountedAmount(discountedPrice ? discountedPrice : 0);\r\n }\r\n var PromoText =\r\n 'Discount of ' +\r\n (data.couponInfo.discountType === 'P'\r\n ? data.couponInfo.discountFigure + '% '\r\n : '$ ' + discountedPrice.toFixed(2)) +\r\n ' has been applied to the total plan fee';\r\n totalPrice = totalPrice - discountedPrice.toFixed(2);\r\n setAppliedPromoText(PromoText);\r\n } else {\r\n setAppliedPromoText('');\r\n setCadDiscountedAmount('');\r\n setCadDiscountedPercent('');\r\n }\r\n setTotalPrice(totalPrice);\r\n discountedPrice = 0;\r\n };\r\n\r\n return (\r\n Please fill all the fields of primary emergency contact first.
\r\n \r\n\r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default connect(\r\n (state) => {\r\n return {\r\n b2c: state.b2c\r\n };\r\n },\r\n { ...b2cActions }\r\n)(PriceCalculation);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport { WrappedRegistrationForm } from \"./traveller-form\";\r\nimport { Beforeunload } from \"react-beforeunload\";\r\nimport { Row, Col, Button, Modal } from \"antd\";\r\nimport Config from \"../../../../../config\";\r\nimport moment from \"moment\";\r\nimport PriceCalculation from \"./price-calculation.jsx\";\r\nimport { logIn } from \"../../../services/user-service.js\";\r\nconst { confirm } = Modal;\r\nclass PersonalDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n planMaxPrice: 0,\r\n productToOrder: Config.wpProductToOrder,\r\n totalPrice: props.planTerm ? props.planTerm.totalPrice : 0,\r\n appliedPromoText: \"\",\r\n selectedcountryTierList: [],\r\n getParams: {\r\n start_date: \"\",\r\n end_date: \"\",\r\n traveller_count: props.travelerCount ? props.travelerCount : 1,\r\n countries: [],\r\n travel_type: \"\",\r\n },\r\n currency: \"USD\",\r\n currencyRate: 1,\r\n cadDiscountedAmount: 0,\r\n CadDisAmount: 0,\r\n genderList: [],\r\n };\r\n this.handleBack = this.handleBack.bind(this);\r\n }\r\n\r\n getUrlDecodedParams() {\r\n let localDecodedParams = localStorage.getItem(\"decodedParams\");\r\n if (\r\n typeof localDecodedParams !== \"undefined\" &&\r\n localDecodedParams !== null &&\r\n localDecodedParams !== \"\"\r\n ) {\r\n return JSON.parse(localDecodedParams);\r\n }\r\n var encodedParameters = this.props.location.search;\r\n var decodedParameterString = atob(encodedParameters.substring(1));\r\n var parameters = decodedParameterString.split(\"&\");\r\n var parameterArray = new Map();\r\n\r\n parameters.forEach(async function(parameter) {\r\n var data = parameter.split(\"=\");\r\n parameterArray[data[0]] = data[1];\r\n });\r\n var selectedGetCountries = parameterArray[\"countries\"].split(\",\");\r\n var selectedGetCountriesStr = [];\r\n for (var i = 0; i < this.props.countryTierInfo.length; i++) {\r\n if (\r\n selectedGetCountries.indexOf(\r\n this.props.countryTierInfo[i].countryCode\r\n ) > -1\r\n ) {\r\n selectedGetCountriesStr.push(this.props.countryTierInfo[i].countryName);\r\n }\r\n }\r\n\r\n return {\r\n start_date: parameterArray[\"start_date\"],\r\n end_date: parameterArray[\"end_date\"],\r\n traveller_count: parseInt(parameterArray[\"traveller_count\"]),\r\n countries: parameterArray[\"countries\"],\r\n countries_list: selectedGetCountriesStr.join(\", \"),\r\n residence_country: parameterArray[\"residence_country\"],\r\n resi_country_code: parameterArray[\"resi_c_code\"],\r\n us_travel_states: parameterArray[\"res_state_lists\"],\r\n residence_state: parameterArray[\"residence_state\"],\r\n travel_type: parameterArray[\"travel_type\"],\r\n travel_type_label: parameterArray[\"traveltypelabel\"],\r\n currency_code: parameterArray[\"currency_code\"],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n let is_back = localStorage.getItem(\"is_back\");\r\n\r\n window.scrollTo(0, 0);\r\n await this.props.getPersonalInformation();\r\n await this.props.getStep();\r\n await this.props.getUserData();\r\n await this.props.getPlanInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getProductPricingAndInfo();\r\n await this.props.getAllCountries();\r\n\r\n var encodedParameters = this.props.location.search;\r\n var decodedParameterString = atob(encodedParameters.substring(1));\r\n var parameters = decodedParameterString.split(\"&\");\r\n var parameterArray = new Map();\r\n parameters.forEach(async function(parameter) {\r\n var data = parameter.split(\"=\");\r\n parameterArray[data[0]] = data[1];\r\n });\r\n\r\n if (!parameterArray[\"reload_cap_order\"] || is_back != \"yes\") {\r\n this.setState({\r\n currency: parameterArray[\"currency_code\"],\r\n });\r\n this.handleCurrencyChange(parameterArray[\"currency_code\"]);\r\n }\r\n\r\n const _MS_PER_DAY = 1000 * 60 * 60 * 24;\r\n var start_date = Date.parse(parameterArray[\"start_date\"]);\r\n var end_date = Date.parse(parameterArray[\"end_date\"]);\r\n var days = Math.floor((end_date - start_date) / _MS_PER_DAY) + 1;\r\n let dp = 8;\r\n if (days <= 8) {\r\n dp = 8;\r\n } else if (days <= 15) {\r\n dp = 15;\r\n } else if (days <= 30) {\r\n dp = 30;\r\n } else if (days <= 60) {\r\n dp = 60;\r\n } else if (days <= 90) {\r\n dp = 90;\r\n } else if (days <= 120) {\r\n dp = 120;\r\n } else if (days <= 365) {\r\n dp = 365;\r\n }\r\n\r\n var selectedGetCountries = parameterArray[\"countries\"].split(\",\");\r\n var selectedGetCountriesStr = [];\r\n var selectedGetCountriesArr = [];\r\n for (var i = 0; i < this.props.countryTierInfo.length; i++) {\r\n if (\r\n selectedGetCountries.indexOf(\r\n this.props.countryTierInfo[i].countryCode\r\n ) > -1\r\n ) {\r\n selectedGetCountriesArr.push(this.props.countryTierInfo[i].countryId);\r\n selectedGetCountriesStr.push(this.props.countryTierInfo[i].countryName);\r\n }\r\n }\r\n\r\n let res_countryid = \" \";\r\n this.props.countryTierInfo.map((country, index) => {\r\n if (country.countryCode == parameterArray[\"resi_c_code\"]) {\r\n res_countryid = country.countryId;\r\n }\r\n });\r\n\r\n let res_stateid = \"\";\r\n let res_statename = \"\";\r\n this.props.allUsStates.map((state, index) => {\r\n if (state.stateCode == parameterArray[\"residence_state\"]) {\r\n res_stateid = state.stateId;\r\n res_statename = state.stateName;\r\n }\r\n });\r\n\r\n var decodedParamsObj = {\r\n start_date: parameterArray[\"start_date\"],\r\n end_date: parameterArray[\"end_date\"],\r\n traveller_count: parseInt(parameterArray[\"traveller_count\"]),\r\n countries: parameterArray[\"countries\"],\r\n countries_list: selectedGetCountriesStr.join(\", \"),\r\n travel_type: parameterArray[\"travel_type\"],\r\n travel_type_label: parameterArray[\"traveltypelabel\"],\r\n residence_country: parameterArray[\"residence_country\"],\r\n resi_country_code: parameterArray[\"resi_country_code\"],\r\n residence_state: res_statename,\r\n travel_type_label: parameterArray[\"traveltypelabel\"],\r\n res_countryid: res_countryid,\r\n res_stateid: res_stateid,\r\n us_travel_states: parameterArray[\"res_state_lists\"],\r\n };\r\n this.setState(\r\n {\r\n dayPackage: dp,\r\n getParams: decodedParamsObj,\r\n },\r\n () => {\r\n // let hasQs = localStorage.getItem(\"qs\");\r\n // if (typeof hasQs !== \"undefined\" && hasQs !== null && hasQs !== \"\" && hasQs === window.location.search.substring(1)) {\r\n\r\n // } else {\r\n localStorage.setItem(\"decodedParams\", JSON.stringify(decodedParamsObj));\r\n localStorage.setItem(\"qs\", window.location.search.substring(1));\r\n // }\r\n }\r\n );\r\n\r\n let planType = this.state.productToOrder;\r\n let planObject = this.props.productInfo.find(\r\n (x) => x.productId === parseInt(planType)\r\n );\r\n await this.props.SaveStep(\"1\");\r\n await this.props.SavePlanType(planObject);\r\n\r\n /* save plan term */\r\n let planTermObject = {};\r\n planTermObject.date = parameterArray[\"start_date\"];\r\n planTermObject.end_date = parameterArray[\"end_date\"];\r\n planTermObject.days = Math.floor((end_date - start_date) / _MS_PER_DAY) + 1;\r\n planTermObject.dp = dp;\r\n planTermObject.country = selectedGetCountriesArr.join(\",\");\r\n planTermObject.countryList = selectedGetCountriesStr.join(\", \");\r\n planTermObject.ustravel_states = parameterArray[\"res_state_lists\"];\r\n // planTermObject.totalPrice = this.state.productPrice;\r\n\r\n planTermObject.Price =\r\n this.state.productPrice / parseInt(parameterArray[\"traveller_count\"]);\r\n planTermObject.tierValue = this.state.selectedCountryTier;\r\n planTermObject.isAnnual = dp == 365 ? true : false; //this.state.is_annual;\r\n await this.props.SaveStep(\"2\");\r\n await this.props.SavePlanTerm(planTermObject);\r\n\r\n this.props.getGendersList().then((response) => {\r\n this.setState({ genderList: response });\r\n });\r\n\r\n }\r\n // }\r\n async handleBack() {\r\n await this.props.SaveStep(\"2\");\r\n this.props.history.push(this.props.b2cBaseUrl + \"/plan-term\");\r\n }\r\n\r\n onUnload = (e) => {\r\n localStorage.removeItem(\"qs\");\r\n localStorage.removeItem(\"decodedParams\");\r\n e.preventDefault();\r\n //this.props.flushOrderData();\r\n //this.props.ClearData();\r\n };\r\n\r\n onChangeAnnual = (e) => {\r\n this.onChangeAnnualCB(e.target.checked);\r\n };\r\n\r\n async onChangeAnnualCB(checked) {\r\n var isAnnual = checked;\r\n if (this.props.personalDetails && this.props.personalDetails.length > 0) {\r\n var objContent = {};\r\n if (isAnnual) {\r\n objContent.title =\r\n \"Do you want the Annual Unlimited Trip Plan for all travelers?\";\r\n objContent.content =\r\n \"Please click OK to confirm your upgrade to the Annual Unlimited Trip Plan. \";\r\n this.showConfirm(objContent, isAnnual);\r\n } else {\r\n this.setState({ annualChecked: false });\r\n this.upgradePlan(isAnnual);\r\n }\r\n } else {\r\n this.upgradePlan(isAnnual);\r\n }\r\n }\r\n\r\n async upgradePlan(isAnnual) {\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.isAnnual = isAnnual;\r\n await this.props.SavePlanTerm(planTermObject);\r\n this.setState({ annualChecked: isAnnual });\r\n }\r\n\r\n showConfirm(objContent, isAnnual) {\r\n var self = this;\r\n confirm({\r\n title: objContent.title,\r\n content: objContent.content,\r\n className: \"gray-color\",\r\n centerd: true,\r\n onOk() {\r\n self.setState({ annualChecked: true });\r\n self.upgradePlan(isAnnual);\r\n },\r\n onCancel() {\r\n self.setState({ annualChecked: false });\r\n self.upgradePlan(false);\r\n },\r\n });\r\n }\r\n\r\n updateTravellerCount = (count) => {\r\n this.props.travellerCount(count);\r\n let _this = this;\r\n let _getParams = this.state.getParams;\r\n _getParams.traveller_count = Math.max(1, count);\r\n this.setState({ getParams: _getParams }, () => {\r\n localStorage.setItem(\"decodedParams\", JSON.stringify(_getParams));\r\n _this.onChangeAnnualCB(_this.props.planTerm.isAnnual);\r\n });\r\n };\r\n\r\n handleCurrencyChange = async (value) => {\r\n // var value = e.target.value;\r\n this.setState({ currency: value });\r\n\r\n var currencyData = \"\";\r\n await this.props.convertCurrency().then((resp) => {\r\n currencyData = resp;\r\n });\r\n if (this.state.currency == \"USD\") {\r\n this.setState({ currencyRate: 1 });\r\n this.props.updateCurrency(value, 1);\r\n } else {\r\n this.setState({ currencyRate: currencyData.value });\r\n this.props.updateCurrency(value, currencyData.value);\r\n }\r\n // this.updatePrice();\r\n };\r\n\r\n render() {\r\n var decodedParams = this.state.getParams;\r\n var plus1Year = decodedParams.start_date;\r\n\r\n plus1Year = moment(plus1Year)\r\n .add(364, \"days\")\r\n .format(\"YYYY-MM-DD\");\r\n const backPageurl =\r\n decodedParams.us_travel_states &&\r\n decodedParams.us_travel_states != undefined\r\n ? \"domestic-quote-results/\"\r\n : \"quote-results/\";\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\nPersonalDetails.propTypes = {\r\n getProductPricingAndInfo: PropTypes.func,\r\n productPricing: PropTypes.array,\r\n getPersonalInformation: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n SavePersonalDetails: PropTypes.func,\r\n step: PropTypes.string,\r\n SavePlanTerm: PropTypes.func,\r\n planTerm: PropTypes.object,\r\n productInfo: PropTypes.array,\r\n planType: PropTypes.object,\r\n productPriceList: PropTypes.array,\r\n personalDetails: PropTypes.array,\r\n validateTravellerEmail: PropTypes.func,\r\n emailCheckResponse: PropTypes.object,\r\n flushEmailCheckResponse: PropTypes.func,\r\n getUserData: PropTypes.func,\r\n userData: PropTypes.object,\r\n getTravellerInfo: PropTypes.func,\r\n travellerInfo: PropTypes.object,\r\n isLoggedIn: PropTypes.bool,\r\n location: PropTypes.object,\r\n history: PropTypes.object,\r\n getAppliedPromo: PropTypes.func,\r\n couponInfo: PropTypes.object,\r\n getStep: PropTypes.func,\r\n b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions, ...userActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(PersonalDetails);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CardElement } from \"react-stripe-elements\";\r\nimport * as b2cActions from \"../../../../redux/actions/b2c-actions\";\r\nimport { message, Modal, Tooltip, Radio } from \"antd\";\r\nimport config from \"../../../../../../config\";\r\nimport Loader from \"./../../shared/loader/loader\";\r\nimport { PayPalScriptProvider, PayPalButtons } from \"@paypal/react-paypal-js\";\r\nimport b2cApi from \"../../../../redux/api/b2c-api\";\r\nimport axios from \"axios\";\r\nimport Paypal from \"../../../../images/paypal.svg\";\r\nimport CreditCard from \"../../../../images/creditcard.svg\";\r\n\r\nconst { confirm } = Modal;\r\nlet resizeTimer;\r\n\r\nclass _CardForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.howHeardRef = React.createRef();\r\n this.state = {\r\n productToOrder: config.wpProductToOrder,\r\n cardNumber: \"\",\r\n howHeard: \"\",\r\n couponCode: \"\",\r\n howHeardInput: \"\",\r\n howHeardInputLabel: \"\",\r\n showHowHeardInput: false,\r\n confirmOrder: false,\r\n appliedPromoText: \"\",\r\n promoResponseText: \"\",\r\n howheardError: \"\",\r\n orderObjectPaypal: {},\r\n cadDiscountedAmount: 0,\r\n currencyPaypal: this.props.currency,\r\n cadDiscountedPercent: 0,\r\n clientToken: config.clientTokenPaypal,\r\n btnIsDisable: false\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleHowHeardChange = this.handleHowHeardChange.bind(this);\r\n this.applyPromo = this.applyPromo.bind(this);\r\n this.handleHowHeardInputChange = this.handleHowHeardInputChange.bind(this);\r\n this.handleConfirmOrderCheck = this.handleConfirmOrderCheck.bind(this);\r\n this.showConfirm = this.showConfirm.bind(this);\r\n this.removePromo = this.removePromo.bind(this);\r\n }\r\n\r\n getUrlDecodedParams() {\r\n let localDecodedParams = localStorage.getItem(\"decodedParams\");\r\n if (\r\n typeof localDecodedParams !== \"undefined\" &&\r\n localDecodedParams !== null &&\r\n localDecodedParams !== \"\"\r\n ) {\r\n return JSON.parse(localDecodedParams);\r\n }\r\n var encodedParameters = window.location.search; //this.props.location.search;\r\n var decodedParameterString = atob(encodedParameters.substring(1));\r\n var parameters = decodedParameterString.split(\"&\");\r\n var parameterArray = new Map();\r\n parameters.forEach(async function(parameter) {\r\n var data = parameter.split(\"=\");\r\n parameterArray[data[0]] = data[1];\r\n });\r\n\r\n var selectedGetCountries = parameterArray[\"countries\"].split(\",\");\r\n var selectedGetCountriesStr = [];\r\n for (var i = 0; i < this.props.countryTierInfo.length; i++) {\r\n if (\r\n selectedGetCountries.indexOf(\r\n this.props.countryTierInfo[i].countryCode\r\n ) > -1\r\n ) {\r\n selectedGetCountriesStr.push(this.props.countryTierInfo[i].countryName);\r\n }\r\n }\r\n return {\r\n start_date: parameterArray[\"start_date\"],\r\n end_date: parameterArray[\"end_date\"],\r\n traveller_count: parseInt(parameterArray[\"traveller_count\"]),\r\n countries: parameterArray[\"countries\"],\r\n countries_list: selectedGetCountriesStr.join(\", \"),\r\n travel_type: parameterArray[\"travel_type\"],\r\n travel_type_label: parameterArray[\"traveltypelabel\"],\r\n };\r\n }\r\n\r\n handleConfirmOrderCheck(evt) {\r\n this.setState({ confirmOrder: evt.currentTarget.checked });\r\n }\r\n\r\n handleHowHeardInputChange(evt) {\r\n this.setState({ howHeardInput: evt.currentTarget.value });\r\n }\r\n\r\n async applyPromo(evt) {\r\n if (this.state.couponCode !== \"\") {\r\n await this.props.applyPromoCode(this.state.couponCode);\r\n if (this.props.isValidCoupon) {\r\n message.success(\"Promo code applied Successfully!\");\r\n window.scrollTo(0, 0);\r\n var appliedPromoText =\r\n \"Promo code \" + this.props.couponInfo.code + \" is applied!\";\r\n this.setState({\r\n appliedPromoText: appliedPromoText,\r\n promoResponseText: \"\",\r\n });\r\n } else {\r\n this.setState({\r\n appliedPromoText: \"\",\r\n promoResponseText: \"Invalid promo code!\",\r\n });\r\n message.error(\"Promo code is not valid!\");\r\n }\r\n // this.props.updatePrice();\r\n // update redux state\r\n }\r\n this.setState({ couponCode: \"\" });\r\n }\r\n\r\n async removePromo(evt) {\r\n await this.props.removePromoCode();\r\n // this.props.updatePrice();\r\n // update redux state\r\n this.setState({ couponCode: \"\", appliedPromoText: \"\" });\r\n }\r\n\r\n handleHowHeardChange(evt) {\r\n if (\r\n [\"Referral\", \"Other\"].includes(\r\n evt.currentTarget.selectedOptions[0].getAttribute(\"data-value\")\r\n )\r\n ) {\r\n var labelText =\r\n evt.currentTarget.selectedOptions[0].getAttribute(\"data-value\") ===\r\n \"Referral\"\r\n ? \"Please specify name/source\"\r\n : \"Please specify\";\r\n this.setState({ showHowHeardInput: true, howHeardInputLabel: labelText });\r\n } else {\r\n this.setState({ showHowHeardInput: false, howHeardInput: \"\" });\r\n }\r\n this.setState({\r\n howHeard: evt.currentTarget.selectedOptions[0].getAttribute(\"data-value\"),\r\n });\r\n evt.currentTarget.blur();\r\n this.setState({ howheardError: \"\" });\r\n }\r\n\r\n mouseleaveHowHeardChange(evt) {\r\n evt.currentTarget.blur();\r\n }\r\n\r\n handleChange(evt) {\r\n if (evt.currentTarget.dataset) {\r\n var tempCouponCode = evt.currentTarget.value;\r\n this.setState({ couponCode: tempCouponCode });\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n window.addEventListener(\"resize\", this.updateSelectDrop);\r\n if (\r\n this.props.personalDetails &&\r\n Object.keys(this.props.personalDetails).length === 0\r\n ) {\r\n await this.props.getPersonalInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getPlanInformation();\r\n await this.props.getBillingInformation();\r\n }\r\n await this.props.getAppliedPromo();\r\n await this.props.getProductPricingAndInfo();\r\n\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n var appliedPromoText =\r\n \"Promo code \" + this.props.couponInfo.code + \" is applied!\";\r\n this.setState({\r\n appliedPromoText: appliedPromoText,\r\n });\r\n }\r\n window.scrollTo(0, 0);\r\n // this.props.updatePrice();\r\n if (\r\n this.props.billingInformation &&\r\n this.props.billingInformation.paymnet_token\r\n ) {\r\n this.setState({ confirmOrder: true });\r\n }\r\n\r\n localStorage.setItem(\"is_back\", \"yes\");\r\n\r\n // console.log(this.props.payMethod);\r\n }\r\n\r\n updateSelectDrop = () => {\r\n let self = this;\r\n if (\r\n self.howHeardRef &&\r\n self.howHeardRef.current &&\r\n self.howHeardRef.current !== null\r\n ) {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n self.howHeardRef.current.blur();\r\n }, 10);\r\n }\r\n };\r\n\r\n async handleClick(evt) {\r\n this.setState({btnIsDisable: true})\r\n if (evt.currentTarget.dataset && evt.currentTarget.dataset.value) {\r\n if (evt.currentTarget.dataset.value === \"back\") {\r\n await this.props.SaveStep(\"3\");\r\n var decodedParameterString = atob(window.location.search.substring(1));\r\n decodedParameterString += \"&reload_cap_order=true\";\r\n this.props.history.push(\r\n this.props.b2cBaseUrl + \"/order?\" + btoa(decodedParameterString)\r\n );\r\n } else {\r\n if (\r\n this.state.howHeard &&\r\n this.state.howHeard !== \"\" &&\r\n this.state.howHeard !== \"Select an option\"\r\n ) {\r\n this.setState({ howheardError: \"\" });\r\n if (this.state.confirmOrder) {\r\n this.checkForvalidPayment();\r\n } else {\r\n var objContent = {};\r\n objContent.title = \"Acknowledge required!\";\r\n objContent.content =\r\n \"Please acknowledge plan rules and regulations first.\";\r\n this.showConfirm(objContent);\r\n this.setState({btnIsDisable: false})\r\n }\r\n } else {\r\n this.setState({btnIsDisable: false})\r\n this.setState({ howheardError: \"Please select an option\" });\r\n }\r\n }\r\n }\r\n }\r\n\r\n clickPaypal = () => {\r\n if (\r\n this.state.howHeard == \"\" ||\r\n this.state.howHeard == \"Select an option\"\r\n ) {\r\n this.setState({ howheardError: \"Please select an option\" });\r\n this.setState({btnIsDisable: false})\r\n return false;\r\n } else {\r\n this.setState({ howheardError: \"\" });\r\n }\r\n\r\n if (!this.state.confirmOrder) {\r\n var objContent = {};\r\n objContent.title = \"Acknowledge required!\";\r\n objContent.content =\r\n \"Please acknowledge plan rules and regulations first.\";\r\n this.showConfirm(objContent);\r\n this.setState({btnIsDisable: false})\r\n return false;\r\n } else {\r\n this.saveDataAndNext(\"pass\");\r\n }\r\n };\r\n\r\n showConfirm(objContent, index) {\r\n confirm({\r\n title: objContent.title,\r\n content: objContent.content,\r\n className: \"gray-color\",\r\n onOk() {},\r\n onCancel() {},\r\n });\r\n }\r\n\r\n async checkForvalidPayment() {\r\n var self = this;\r\n\r\n if (this.props.paymentMethod == \"paypal\") {\r\n await this.instance.requestPaymentMethod((error, payload) => {\r\n if (error) {\r\n console.error(error);\r\n this.setState({btnIsDisable: false})\r\n } else {\r\n const paymentMethodNonce = payload.nonce;\r\n }\r\n });\r\n } else {\r\n let res = this.props.stripe.createToken();\r\n res\r\n .then(function(payload) {\r\n if (payload.token) {\r\n self.saveDataAndNext(payload.token.id);\r\n } else {\r\n var objContent = {};\r\n objContent.title = \"Invalid card detail!\";\r\n objContent.content = \"Please enter valid card details.\";\r\n self.showConfirm(objContent);\r\n }\r\n })\r\n .then((error) => {\r\n console.log(error);\r\n this.setState({btnIsDisable: false})\r\n });\r\n }\r\n }\r\n\r\n /* async saveDataAndNext(token) {\r\n let billingInfoObject = {\r\n coupon_code: this.state.couponCode,\r\n how_heard: this.state.howHeard,\r\n how_heard_other: (this.state.howHeardInput) ? this.state.howHeardInput : null,\r\n paymnet_token: token\r\n };\r\n await this.props.SaveStep(\"4\");\r\n await this.props.SaveBillingInfornation(billingInfoObject);\r\n this.props.history.push(this.props.b2cBaseUrl + \"/purchase-summary\");\r\n\r\n } */\r\n\r\n async saveDataAndNext(token) {\r\n let billingInfoObject = {\r\n coupon_code: this.state.couponCode,\r\n how_heard: this.state.howHeard,\r\n how_heard_other: this.state.howHeardInput\r\n ? this.state.howHeardInput\r\n : null,\r\n paymnet_token: token,\r\n };\r\n\r\n if (this.props.paymentMethod == \"stripe\") {\r\n this.setState({ showLoader: true });\r\n } else {\r\n this.setState({ showLoader: false });\r\n }\r\n\r\n var orderObject = {};\r\n var userinfo = [];\r\n var travellerArray = this.props.personalDetails;\r\n var countryArray;\r\n var productId = 0;\r\n await this.props.getAppliedPromo();\r\n var discountedPrice = 0;\r\n var totalPrice = 0;\r\n\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n if (this.props.couponInfo.discountType === \"P\") {\r\n discountedPrice =\r\n (this.props.planTerm.totalPrice *\r\n this.props.couponInfo.discountFigure) /\r\n 100;\r\n this.setState({\r\n cadDiscountedPercent: this.props.couponInfo.discountFigure,\r\n });\r\n } else {\r\n discountedPrice = this.props.couponInfo.discountFigure;\r\n this.setState({\r\n cadDiscountedAmount: discountedPrice ? discountedPrice : 0,\r\n });\r\n }\r\n }\r\n totalPrice =\r\n discountedPrice > 0\r\n ? parseInt(this.props.planTerm.totalPrice) - discountedPrice\r\n : parseInt(this.props.planTerm.totalPrice);\r\n // if (this.props.planTerm.isAnnual) {\r\n // var objCountry = this.props.countryTierInfo.find(\r\n // (x) => x.countryCode === \"All\"\r\n // );\r\n // countryArray = [objCountry.countryId];\r\n // let productCount = this.props.productInfo.length;\r\n // //productId = this.props.productInfo[productCount - 1].productId;\r\n // productId = this.state.productToOrder;\r\n // } else {\r\n productId = this.state.productToOrder;\r\n countryArray = this.props.planTerm.country.split(\",\");\r\n // }\r\n\r\n for (var i = 0; i < travellerArray.length; i++) {\r\n var travellerObject = {};\r\n if (this.props.userData && this.props.userData.email && i === 0) {\r\n travellerObject.userId = this.props.userData.userID;\r\n travellerObject.Email = this.props.userData.email;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n travellerObject.State = travellerArray[i].state\r\n ? travellerArray[i].state\r\n : 0;\r\n travellerObject.IsPrimary = true;\r\n /* travellerObject.EmergencyFirstName=travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName= travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship= travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo= travellerArray[i].rel_phone_number; */\r\n } else if (travellerArray[i].isEmailExit) {\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.IsPrimary = i == 0 ? true : false;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n } else {\r\n travellerObject.FirstName = travellerArray[i].first_name;\r\n travellerObject.LastName = travellerArray[i].last_name;\r\n travellerObject.Gender = travellerArray[i].gender;\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.ContactNo = travellerArray[i].mobile_number;\r\n travellerObject.Country = travellerArray[i].country;\r\n travellerObject.State = travellerArray[i].state\r\n ? travellerArray[i].state\r\n : 0;\r\n travellerObject.IsBusinessTravelling = travellerArray[i]\r\n .is_bussiness_travelling\r\n ? travellerArray[i].is_bussiness_travelling\r\n : false;\r\n travellerObject.DOB =\r\n travellerArray[i].dob === \"Invalid date\"\r\n ? new Date()\r\n : new Date(travellerArray[i].dob).toDateString();\r\n /* travellerObject.EmergencyFirstName=travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName= travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship= travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo= travellerArray[i].rel_phone_number; */\r\n travellerObject.CompanyName = travellerArray[i].company_name;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n if (i === 0) {\r\n travellerObject.HowDidYouHear =\r\n billingInfoObject.how_heard === \"Referral\" ||\r\n billingInfoObject.how_heard === \"Other\"\r\n ? billingInfoObject.how_heard +\r\n \" - \" +\r\n billingInfoObject.how_heard_other\r\n : billingInfoObject.how_heard;\r\n travellerObject.IsPrimary = true;\r\n } else {\r\n travellerObject.IsPrimary = false;\r\n }\r\n }\r\n userinfo.push(travellerObject);\r\n }\r\n orderObject.userinfo = userinfo;\r\n orderObject.IsAnnual = this.props.planTerm.isAnnual;\r\n orderObject.tierId = this.props.planTerm.tierValue;\r\n orderObject.overrideTierID = 0;\r\n orderObject.Countries = countryArray;\r\n orderObject.CoverageStartDate = this.props.planTerm.date;\r\n orderObject.Days = this.props.planTerm.isAnnual\r\n ? 365\r\n : this.props.planTerm.days;\r\n orderObject.Quantity = this.props.personalDetails.length;\r\n orderObject.ReferrerCode = this.state.howHeard ? this.state.howHeard : \"\";\r\n orderObject.ReferrerCodeInput = this.state.howHeardInput\r\n ? this.state.howHeardInput\r\n : \"\";\r\n orderObject.TotalOrderAmount = totalPrice >= 0 ? totalPrice.toFixed(2) : 0;\r\n orderObject.discount = discountedPrice > 0 ? discountedPrice : null;\r\n orderObject.Token = billingInfoObject.paymnet_token;\r\n orderObject.CouponId =\r\n this.props.couponInfo && this.props.couponInfo.promoOfferId\r\n ? this.props.couponInfo.promoOfferId\r\n : null;\r\n orderObject.IsReceiveTravelAlerts = this.props.personalDetails[0].receiver_alert;\r\n let decodedParams = this.getUrlDecodedParams();\r\n var selectedGetState = undefined;\r\n if (decodedParams[\"us_travel_states\"]) {\r\n selectedGetState = decodedParams[\"us_travel_states\"]\r\n .split(\",\")\r\n .map((item) => item.trim());\r\n } else if (decodedParams[\"travel_us_states\"]) {\r\n selectedGetState = decodedParams[\"travel_us_states\"]\r\n .split(\",\")\r\n .map((item) => item.trim());\r\n }\r\n var selectedGetStateStr = [];\r\n var selectedstateriskzone = \"\";\r\n for (var i = 0; i < this.props.stateTierInfo.length; i++) {\r\n if (\r\n selectedGetState &&\r\n selectedGetState.indexOf(this.props.stateTierInfo[i].stateName) > -1\r\n ) {\r\n selectedstateriskzone = this.props.stateTierInfo[i].stateRiskZones[0]\r\n .stateRiskTypeId;\r\n selectedGetStateStr.push(this.props.stateTierInfo[i].stateId);\r\n }\r\n }\r\n\r\n orderObject.travelType = decodedParams.travel_type_label;\r\n orderObject.states = selectedGetStateStr;\r\n orderObject.stateRiskZone =\r\n selectedstateriskzone !== \"\" ? selectedstateriskzone : 0;\r\n orderObject.Currency = this.props.currency;\r\n orderObject.ConversionTotalAmount =\r\n totalPrice >= 0\r\n ? this.props.currency === \"CAD\"\r\n ? (this.props.planTerm && this.props.planTerm.cadPrice).toFixed(2)\r\n : totalPrice.toFixed(2)\r\n : 0;\r\n if (token == \"pass\") {\r\n this.setState({ showLoader: false });\r\n this.setState({ orderObjectPaypal: orderObject });\r\n } else {\r\n await this.props.placeOrder(orderObject);\r\n\r\n if (this.props.orderData && this.props.orderData.orderNumber) {\r\n await this.props.SaveStep(\"5\");\r\n this.props.history.push(this.props.b2cBaseUrl + \"/thank-you/\");\r\n } else {\r\n if (\r\n this.props.orderErrorData &&\r\n this.props.orderErrorData.status &&\r\n this.props.orderErrorData.status !== 200 &&\r\n this.props.orderErrorData.message\r\n ) {\r\n alert(\"Error processing order: \" + this.props.orderErrorData.message);\r\n this.props.history.goBack();\r\n } else {\r\n alert(\"An error occured while processing the order.\");\r\n this.props.history.goBack();\r\n }\r\n this.setState({ showLoader: false });\r\n }\r\n }\r\n }\r\n\r\n _bindHowHeard() {\r\n var def = [\"Select an option\"];\r\n var howHeardOptions = def.concat(this.props.howHeardOptions);\r\n\r\n return howHeardOptions.map((option, index) => (\r\n \r\n ));\r\n }\r\n\r\n payMethodChange = (e) => {\r\n this.props.onPaymentMethodChange(e.target.value);\r\n this.setState({ paymentMethod: e.target.value });\r\n };\r\n onPromoEnter = (e) => {\r\n e.target.value = e.target.value.toUpperCase();\r\n };\r\n render() {\r\n return (\r\n \r\n {' '}\r\n Plan Fee:{' '}\r\n {data.currency === 'CAD' ? '$' + cadPrice.toFixed(2) : '$' + (totalPrice && totalPrice.toFixed(2))}{' '}\r\n
\r\n {appliedPromoText}\r\n\r\n {this.state.showLoader ?
\r\n );\r\n }\r\n}\r\n\r\n_CardForm.propTypes = {\r\n SavePlanTerm: PropTypes.func,\r\n applyPromoCode: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n getPersonalInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n SaveBillingInfornation: PropTypes.func,\r\n step: PropTypes.string,\r\n howHeardOptions: PropTypes.array,\r\n planTerm: PropTypes.object,\r\n isValidCoupon: PropTypes.bool,\r\n couponInfo: PropTypes.object,\r\n removePromoCode: PropTypes.func,\r\n getBillingInformation: PropTypes.func,\r\n b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(_CardForm);\r\n","import React, { Component } from \"react\";\r\nimport _CardForm from \"./stripe-card-form\";\r\nimport { Elements, injectStripe } from \"react-stripe-elements\";\r\nconst CardForm = injectStripe(_CardForm)\r\nexport default class StripeCheckout extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n {/* billing information ends */}\r\n {/* next and back button */}\r\n \r\n {/* title */}\r\n
\r\n \r\n
\r\n {/* title ends */}\r\n {/* credit card */}\r\n\r\n {this.props.paymentMethod == \"stripe\" && (\r\n \r\n
\r\n Billing Information
\r\n\r\n \r\n \r\n 
\r\n \r\n {\" \"}\r\n Pay Via Card{\" \"}\r\n \r\n \r\n \r\n 
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n {/* credit card ends */}\r\n\r\n {/* coupon code hear about us */}\r\n \r\n \r\n
\r\n \r\n
\r\n {/* coupon code ends hear about us ends */}\r\n\r\n {/* Terms and */}\r\n \r\n \r\n \r\n {this.state.appliedPromoText}{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.promoResponseText !== \"\" ? (\r\n -1 ? \"#cb0019\" : \"green\"\r\n }}\r\n >\r\n {this.state.promoResponseText}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.howheardError}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* Terms and */}\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 {/* upgrade plans */}\r\n {/*
\r\n \r\n \r\n\r\n {this.props.paymentMethod == \"paypal\" ? (\r\n \r\n {\r\n // move api call to api component\r\n return axios\r\n .post(config.API1 + \"/api/Paypal/CreateOrder\", this.state.orderObjectPaypal)\r\n .then((response) => {\r\n return response.data.orderId;\r\n });\r\n\r\n // let oid = b2cApi.createOrderPaypal(this.state.orderObjectPaypal)\r\n // return oid;\r\n }}\r\n onApprove={(data, actions) => {\r\n return axios\r\n .post(config.API1 + `/api/Paypal/${data.orderID}/CaptureOrder`, this.state.orderObjectPaypal)\r\n .then((response) => {\r\n let resp = response.data;\r\n if (resp.data.status && resp.data.status == 200) {\r\n this.props.placeOrderPaypal(resp);\r\n this.props.SaveStep(\"5\");\r\n this.props.history.push(this.props.b2cBaseUrl + \"/thank-you/\");\r\n } else {\r\n alert(\"An error occured while processing the order.\");\r\n this.props.history.goBack();\r\n }\r\n });\r\n }}\r\n />\r\n \r\n ) : (\r\n \r\n Buy Now\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { StripeProvider } from \"react-stripe-elements\";\r\nimport Checkout from \"./stripe-checkout\";\r\nimport config from \"../../../../../../config\";\r\n\r\nexport default class BillingStripe extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n {/* Plan summary */}\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 {traveller.country == 249 && traveller.stateName != \"\" && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n ));\r\n }\r\n render() {\r\n return (\r\n {traveller.first_name + \" \" + (traveller.isEmailExit ? \"\" : traveller.last_name)}
\r\n \r\n\r\n {/* Plan summary */}\r\n {/*
- \r\n
- Travel Type \r\n
- {decodedParams.travel_type_label} \r\n
- \r\n
- Dates \r\n
- \r\n {this.props.b2c.planTerm && this.props.b2c.planTerm.dp < 120 ? (\r\n <>\r\n {moment(decodedParams.start_date).format(\"MM/DD/YYYY\")} -{\" \"}\r\n {this.props.b2c.planTerm && this.props.b2c.planTerm.isAnnual !== false\r\n ? moment(plus1Year).format(\"MM/DD/YYYY\")\r\n : moment(decodedParams.end_date).format(\"MM/DD/YYYY\")}\r\n \r\n ) : (\r\n <>\r\n {moment(decodedParams.start_date).format(\"MM/DD/YYYY\")} -{\" \"}\r\n {moment(decodedParams.end_date).format(\"MM/DD/YYYY\")}\r\n \r\n )}\r\n \r\n
- \r\n
- Destinations \r\n
- \r\n {decodedParams.countries_list + \" \"}\r\n {decodedParams.us_travel_states ? \"(\" + decodedParams.us_travel_states + \")\" : \"\"}\r\n \r\n
- \r\n
- Date of Birth \r\n
- \r\n {traveller.isEmailExit ? (\r\n \"Existing Plan Holder DOB\"\r\n ) : !traveller.isEmailExit && traveller.dob == \"Invalid date\" ? (\r\n \"Not Filled\"\r\n ) : (\r\n
{traveller.dob} \r\n )}\r\n \r\n
- \r\n
- Gender \r\n
- \r\n {traveller.isEmailExit\r\n ? \"Existing Plan Holder Gender\"\r\n : traveller.gender\r\n ? this.getGender(traveller.gender)\r\n : \"Not Filled\"}\r\n \r\n
- \r\n
- {traveller.email ? traveller.email : \"Not Filled\"} \r\n
- \r\n
- Home Country \r\n
- \r\n {traveller.isEmailExit\r\n ? \"Existing Plan Holder Country\"\r\n : traveller.country\r\n ? this._bindCountries(traveller.country, \"address\")\r\n : \"Not Filled\"}\r\n \r\n
- \r\n
- State \r\n
- \r\n {traveller.isEmailExit && traveller.stateName\r\n ? \"Existing State\"\r\n : traveller.stateName\r\n ? traveller.stateName\r\n : \"Not Filled\"}\r\n \r\n
- \r\n
- Phone Number \r\n
- \r\n {traveller.isEmailExit\r\n ? \"Existing Plan Holder Phone No.\"\r\n : traveller.mobile_number\r\n ? traveller.mobile_number\r\n : \"Not Filled\"}\r\n \r\n
- \r\n
- Company Name \r\n
- {traveller.company_name && traveller.company_name !== \"\" ? traveller.company_name : \"Not Filled\"} \r\n
\r\n
\r\n {this._bindTravellerInfo(this.props.b2c.personalDetails)}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component, useDebugValue } from \"react\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport StripeProvider from \"./stripe-information/stripe-provide\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport TravellerInfo from \"../shared/traveller/travellerOrder.jsx\";\r\nimport { Beforeunload } from \"react-beforeunload\";\r\nimport { Row, Col, Button } from \"antd\";\r\nimport Config from \"../../../../../config\";\r\nimport moment from 'moment';\r\nimport postscribe from \"postscribe\";\r\nimport { currencyType } from \"../../../components/constants\";\r\nimport getSymbolFromCurrency from \"currency-symbol-map\";\r\nimport PriceCalculation from \"../order/price-calculation.jsx\";\r\n\r\nclass BillingInformation extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n appliedPromoText: \"\",\r\n currency: \"USD\",\r\n currencyRate: 1,\r\n decodedParams: props.planTerm,\r\n paymentMethod: \"stripe\",\r\n\r\n };\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n let localDecodedParams = localStorage.getItem(\"decodedParams\");\r\n if (typeof localDecodedParams !== \"undefined\" && localDecodedParams !== null && localDecodedParams !== \"\") {\r\n let dparams = JSON.parse(localDecodedParams);\r\n this.setState({ decodedParams: dparams })\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n // postscribe(\"#banner\", \"\");\r\n await this.props.getProductPricingAndInfo();\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n onUnload = (e) => {\r\n e.preventDefault();\r\n /* this.props.flushOrderData();\r\n this.props.ClearData(); */\r\n };\r\n\r\n render() {\r\n if(this.props.b2c.step < 3){\r\n localStorage.clear();\r\n this.props.history.push(\"/cap/order/\"+this.props.location.search);\r\n return false\r\n }\r\n let decodedParams = this.state.decodedParams;\r\n var plus1Year = decodedParams.start_date;\r\n plus1Year = moment(plus1Year)\r\n .add(364, \"days\")\r\n .format(\"YYYY-MM-DD\");\r\n const backPageurl = decodedParams.us_travel_states && decodedParams.us_travel_states != undefined ? \"domestic-quote-results/\" : \"quote-results/\";\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nBillingInformation.propTypes = {\r\n productPricing: PropTypes.array,\r\n getPersonalInformation: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n history: PropTypes.object,\r\n planTerm: PropTypes.object,\r\n productInfo: PropTypes.array,\r\n planType: PropTypes.object,\r\n personalDetails: PropTypes.array,\r\n productPriceList: PropTypes.array,\r\n getProductPricingAndInfo: PropTypes.func,\r\n countryTierInfo: PropTypes.array,\r\n getAppliedPromo: PropTypes.func,\r\n couponInfo: PropTypes.object,\r\n getStep: PropTypes.func,\r\n getBillingInformation: PropTypes.func,\r\n billingInformation: PropTypes.object,\r\n b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n b2c: state.b2c\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(BillingInformation);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport Card from \"../../../images/cap-partner-card.png\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport { Row, Col, Button } from \"antd\";\r\nimport ReactGA from 'react-ga4';\r\nimport postscribe from 'postscribe';\r\nimport config from \"../../../../../config\";\r\n\r\n// ReactGA.plugin.require('ecommerce');\r\n\r\n\r\nclass ThankYou extends Component {\r\n async componentDidMount() {\r\n postscribe(\"#thank-you\",\"\");\r\n var order_response = JSON.parse(localStorage.getItem(\"order_response\"));\r\n var b2c_order_amount = JSON.parse(localStorage.getItem(\"b2c_order_amount\"));\r\n console.log(\"order_response -------------- \");\r\n console.log(order_response);\r\n console.log(\"b2c_order_amount ------------- \")\r\n console.log(b2c_order_amount);\r\n\r\n if(config.server == \"prod\"){\r\n ReactGA.initialize('G-N02B8BDNND');\r\n\r\n if(order_response && b2c_order_amount){\r\n \r\n ReactGA.event({\r\n category: 'Ecommerce',\r\n action: 'Purchase',\r\n transaction_id: order_response['orderNumber'],\r\n affiliation: 'FP',\r\n value: b2c_order_amount,\r\n currency: 'USD',\r\n shipping: 0,\r\n tax: 0,\r\n });\r\n\r\n console.log('Transaction data sent to GA4');\r\n \r\n // ReactGA.plugin.execute('ecommerce', 'addTransaction', {\r\n // id: order_response['orderNumber'],\r\n // affiliation: 'FP',\r\n // revenue: b2c_order_amount,\r\n // shipping: '0',\r\n // tax: '0',\r\n // currency: 'USD'\r\n // });\r\n // ReactGA.plugin.execute('ecommerce', 'send');\r\n // ReactGA.plugin.execute('ecommerce', 'clear');\r\n // console.log('inserted '); \r\n }\r\n }\r\n \r\n \r\n \r\n if (order_response) {\r\n window.scrollTo(0, 0);\r\n localStorage.removeItem(\"planType\");\r\n localStorage.removeItem(\"planTerm\");\r\n localStorage.removeItem(\"traveller\");\r\n localStorage.removeItem(\"billing_information\");\r\n localStorage.removeItem(\"order_response\");\r\n localStorage.removeItem(\"promo\");\r\n localStorage.removeItem(\"qs\");\r\n localStorage.removeItem(\"decodedParams\");\r\n } else {\r\n await this.props.flushOrderData();\r\n this.props.history.push(this.props.b2cBaseUrl + \"/purchase\");\r\n }\r\n }\r\n async componentWillUnmount() {\r\n //await this.props.flushOrderData();\r\n }\r\n\r\n _bindTravellerInfo(travellers) {\r\n return travellers.map((traveller, idx) => (\r\n \r\n
\r\n \r\n \r\n \r\n Upgrade to our best value year-long plan for only{' '}\r\n {this.props.b2c.planTerm.tierValue == 1 && this.props.b2c.planTerm.ustravel_states == undefined\r\n ? this.props.b2c.currency === 'CAD'\r\n ? '$' + (1315 / 365).toFixed(2)\r\n : '$' + (997 / 365).toFixed(2)\r\n : this.props.b2c.currency === 'CAD'\r\n ? '$' + (498 / 365).toFixed(2)\r\n : '$' + (385 / 365).toFixed(2)}{' '}\r\n {this.props.b2c.currency} per day\r\n \r\n \r\n
\r\n Plan Summary
\r\n\r\n {this._bindTravellerInfo(this.props.b2c.personalDetails)}\r\n
\r\n \r\n
\r\n
\r\n ));\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n 
\r\n
\r\n \r\n {this.props.orderData && this.props.orderData.membership\r\n ? this.props.orderData.membership\r\n : \"FPST-YYYYYYYYYY\"}{\" \"}\r\n
\r\n \r\n Your Plan Number is:\r\n
\r\n \r\n
\r\n {this.props.orderData && this.props.orderData.membership\r\n ? this.props.orderData.membership\r\n : \"FPST-YYYYYYYYYY\"}{\" \"}\r\n
\r\n \r\n {this._bindTravellerInfo(this.props.personalDetails)}\r\n
\r\n
\r\n Please keep a copy of your plan number and/or CAP™ Card with\r\n you during travel.\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n (window.location = \"https://www.captravelassistance.com\")\r\n }\r\n >\r\n Return Home\r\n \r\n \r\n window.open(\r\n \"/cap-card.html?mid=\" +\r\n (this.props.orderData && this.props.orderData.membership\r\n ? this.props.orderData.membership\r\n : \"FPST-YYYYYYYYYY\"),\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n Save a Copy\r\n \r\n \r\n
\r\n
\r\n {/* \r\n \r\n
\r\n \r\n \r\n Please note that you will receive a confirmation email with\r\n a summary of your plan and all the details you need to\r\n access your program benefits.\r\n \r\n
\r\n \r\n\r\n What if I need help while I’m traveling?\r\n
\r\n For immediate assistance, call our Global Customer Response\r\n Center at +1-619-717-8549 or text +1-954-727-1916. For\r\n verification purposes, please have your above plan number on\r\n hand.\r\n
\r\n \r\n How do I access the Care & Assistance Plus portal?\r\n \r\n
\r\n You will be sent a welcome email which will include a copy of\r\n your CAP card, your login credentials for the on-line Care &\r\n Assistance Plus portal, and the mobile app.\r\n
\r\n \r\n What if I don’t get the Care & Assistance Plus welcome\r\n email?\r\n \r\n
\r\n First, check your junk and spam folders. If you don’t see it,\r\n please call +1-866-340-8569 or email{\" \"}\r\n \r\n capsupport@wwfocus.com\r\n {\" \"}\r\n and let us know. For verification purposes, please have your\r\n above plan number on hand.\r\n
\r\n
*/}\r\n \r\n \r\n \r\n What to Do if You Need Help During Travel\r\n
\r\n For immediate assistance at any time during your trip, please call our Global Customer Response Center at +1-619-717-8549 or text\r\n +1-954-727-1916. Please have your plan number and/or CAP™ Card readily available when you call, for verification purposes.
\r\n How to Access the CAP™ Portal\r\nYou will receive a Welcome To CAP™ email with login credentials for the online CAP™ Travel Assistance Portal. A copy of your CAP™ Card\r\n can be found attached to this email. You will also receive a purchase confirmation email that includes a summary of your plan.
\r\n What to Do if You Cannot Find the CAP™ Email in Your Inbox, Junk or Spam Folders\r\nPlease call +1-866-340-8569 or email capsupport@wwfocus.com for assistance. Please have your plan number and/or CAP™ Card\r\n readily available when you call.
\r\n Share Your Experience\r\nWe’d love to hear from you. Feel free to leave us a review on Google, recommend us on Facebook, and follow us online.
\r\n Continue Shopping\r\n\r\n
\r\n );\r\n }\r\n\r\n\r\n \r\n}\r\nfunction mapStateToProps(state) {\r\n return { };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...UserActions }, dispatch);\r\n}\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(ReloadId));","import React, { Component } from \"react\";\r\nimport { Route } from \"react-router-dom\";\r\nimport PlanType from \"../components/b2c/plan-type/plan-type.jsx\";\r\nimport PlanTerm from \"../components/b2c/plan-term/plan-term.jsx\";\r\nimport PersonalDetails from \"../components/b2c/personal-details/personal-details.jsx\";\r\nimport BillingInformation from \"../components/b2c/billing-information/billing-information.jsx\";\r\nimport PurchaseSummary from \"../components/b2c/purchase-summary/purchase-summary.jsx\";\r\nimport Order from \"../components/b2c/order/personal-details.jsx\";\r\nimport priceCalculation from \"../components/b2c/order/price-calculation.jsx\";\r\nimport BillingSummary from \"../components/b2c/billing-summary/billing-summary.jsx\";\r\nimport ThankYou from \"../components/b2c/thank-you/thank-you.jsx\";\r\nimport reloadId from \"../components/shared/components/reloadId.js\";\r\nconst routes = [\r\n {\r\n path: \"dashboard\",\r\n component: reloadId\r\n },\r\n {\r\n path: \"purchase\",\r\n component: PlanType\r\n },\r\n {\r\n path: \"(plan-term|planterm)\",\r\n component: PlanTerm\r\n },\r\n {\r\n path: \"(personal-details|personaldetails)\",\r\n component: PersonalDetails\r\n },\r\n {\r\n path: \"(billing-information|billinginformation)\",\r\n component: BillingInformation\r\n },\r\n {\r\n path: \"(purchase-summary|purchasesummary)\",\r\n component: PurchaseSummary\r\n },\r\n {\r\n path: \"order\",\r\n component: Order\r\n },\r\n {\r\n path: \"(billing-summary|billingsummary)\",\r\n component: BillingSummary\r\n },\r\n {\r\n path: \"(price)\",\r\n component: priceCalculation\r\n },\r\n {\r\n path: \"(thank-you|thankyou)\",\r\n component: ThankYou\r\n }\r\n];\r\n\r\nclass UserRouter extends Component {\r\n render() {\r\n const { url, style } = this.props;\r\n return (\r\n \r\n {routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default UserRouter;\r\n","import React, { Component } from \"react\";\r\n//import IntlMessages from \"../../../services/intlMesseges\";\r\nimport FooterLogo from \"../../../images/cap_logo_footer.png\";\r\nexport default class FooterB2c extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport HeaderB2C from \"./header/header-b2c.jsx\";\r\nimport B2cRouter from \"../../routes/b2c-router\";\r\nimport FooterB2c from \"./footer/footer.jsx\";\r\nimport * as b2cActions from \"../../redux/actions/b2c-actions\";\r\nimport ReactGA from 'react-ga4';\r\nimport { clarity } from 'react-microsoft-clarity';\r\n\r\nimport config from \"../../../../config\";\r\n\r\nclass B2c extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n gaLoaded: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n await this.props.getProductPricingAndInfo();\r\n \r\n\r\n if (config.server == 'prod') {\r\n\r\n clarity.init('offz2ddba7');\r\n \r\n if (typeof ReactGA.initialize !== 'undefined') {\r\n ReactGA.initialize('G-N02B8BDNND');\r\n }\r\n ReactGA.send({\r\n hitType: 'pageview',\r\n page: window.location.pathname + window.location.search,\r\n title: 'B2C Cap Portal Order'\r\n });\r\n }\r\n \r\n this.setState({ gaLoaded: true });\r\n\r\n }\r\n\r\n render() {\r\n const { url } = this.props.match;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n Why CAP?
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nB2c.propTypes = {\r\n getProductPricingAndInfo: PropTypes.func,\r\n location: PropTypes.object\r\n};\r\nfunction mapStateToProps(state) {\r\n return { ...state.b2c };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(B2c)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport \"bootstrap/dist/js/bootstrap.bundle.min\";\r\nimport $ from 'jquery';\r\nimport ResellerDemoLogo from \"../../images/reseller-logo-1.png\";\r\nimport CapLogo from \"../../images/logo.png\";\r\nimport Config from \"../../../../config\";\r\n\r\nvar didScroll;\r\nvar lastScrollTop = 0;\r\nvar delta = 5;\r\nvar navbarHeight = 150;\r\nclass HeaderB2B2C extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tpageLoaded: false,\r\n dataLoaded: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount () {\r\n\t\t$(window).scroll(function (event) {\r\n\t\t\tdidScroll = true;\r\n\t\t\tclearTimeout($.data(this, 'scrollTimer'));\r\n\t\t\t/* $.data(this, 'scrollTimer', setTimeout(function () {\r\n\t\t\t\t$('header#headerb2c').removeAttr('class');\r\n\t\t\t}, 500)); */\r\n\t\t});\r\n if(this.props.resellerOrganizationInfo.b2B2COrgSettings){\r\n this.setState({ dataLoaded: true });\r\n }\r\n\t}\r\n\r\n\tcomponentDidUpdate = () => {\r\n\t\tlet self= this;\r\n\t\tif(self.state.pageLoaded !== true){\r\n\t\t\tself.setState({ pageLoaded: true });\r\n\t\t\tsetInterval(() => {\r\n\t\t\t\tif (didScroll) {\r\n\t\t\t\t\tself.hasScrolled();\r\n\t\t\t\t\t\tdidScroll = false;\r\n\t\t\t\t}\r\n\t\t\t}, 250);\r\n\t\t}\r\n\t}\r\n\r\n onChangeSearchText = e => {\r\n e.target.value = e.target.value.trimLeft();\r\n };\r\n\r\n\thasScrolled(){\r\n\t\t\tvar st = $(window).scrollTop();\r\n\t\t\tif (Math.abs(lastScrollTop - st) <= delta)\r\n\t\t\t\t\treturn;\r\n\t\t\tif (st > lastScrollTop && st > navbarHeight) {\r\n\t\t\t\t$('header#headerb2c').removeClass('nav-down').addClass('nav-up');\r\n\t\t\t} else {\r\n\t\t\t\tif (st + $(window).height() < $(document).height()) {\r\n\t\t\t\t\t\t$('header#headerb2c').removeClass('nav-up').addClass('nav-down');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tlastScrollTop = st;\r\n\t}\r\n render() {\r\n let { resellerOrganizationInfo } = this.props;\r\n let VendorLogo = null; \r\n let isCapLogoVisible = false;\r\n if(resellerOrganizationInfo.b2B2COrgSettings && Object.keys(resellerOrganizationInfo.b2B2COrgSettings).length > 0){\r\n resellerOrganizationInfo = resellerOrganizationInfo.b2B2COrgSettings;\r\n if(resellerOrganizationInfo.logo && resellerOrganizationInfo.logo !== null){\r\n VendorLogo = Config.API1 +\"/\"+resellerOrganizationInfo.logo;\r\n }\r\n if(typeof resellerOrganizationInfo.isCapLogoVisible !== \"undefined\" && resellerOrganizationInfo.isCapLogoVisible !== null){\r\n isCapLogoVisible = resellerOrganizationInfo.isCapLogoVisible;\r\n }\r\n }\r\n if(this.props.resellerOrganizationInfo.b2B2COrgSettings && this.state.dataLoaded !== true){\r\n this.setState({ dataLoaded: true });\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {this.state.dataLoaded !== false ?\r\n isCapLogoVisible ?\r\n <>\r\n {VendorLogo !== null ? \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\nWizardB2B2C.propTypes = {\r\n step: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n }\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(WizardB2B2C);\r\n","import React, { Component } from \"react\";\r\nimport {\r\n Accordion,\r\n AccordionItem,\r\n AccordionItemHeading,\r\n AccordionItemButton,\r\n AccordionItemPanel\r\n} from \"react-accessible-accordion\";\r\nexport default class TravelConciergeMobile extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n - \r\n {encodedParameters == \"\" ? \r\n <>\r\n
- \r\n \r\n {this.props.wizardActiveClass === \"step1\" ? this.state.wizardActiveStepIcon : this.state.wizardStepIcon}\r\n \r\n Plan Type\r\n \r\n
- \r\n \r\n {this.props.wizardActiveClass === \"step2\" ? this.state.wizardActiveStepIcon : this.state.wizardStepIcon}\r\n \r\n Plan Term\r\n : \"\"}\r\n
- \r\n \r\n {this.props.wizardActiveClass === \"step3\" ? this.state.wizardActiveStepIcon : this.state.wizardStepIcon}\r\n \r\n \r\n Personal\r\n
\r\n Details\r\n \r\n - \r\n \r\n {this.props.wizardActiveClass === \"step4\" ? this.state.wizardActiveStepIcon : this.state.wizardStepIcon}\r\n \r\n \r\n Billing\r\n\r\n
\r\n Information\r\n \r\n {/* - \r\n \r\n {this.props.wizardActiveClass === \"step5\" ? this.state.wizardActiveStepIcon : this.state.wizardStepIcon}\r\n \r\n \r\n Purchase\r\n
\r\n Summary\r\n */}\r\n
| \r\n | \r\n
| \r\n \r\n We provide CAP™ customers on-demand advice from experienced multilingual travel\r\nassistance consultants from our International Crisis Response Centers, including dedicated\r\nemergency response hotlines.\r\n \r\n | \r\n
| \r\n \r\n We provide assistance, advice, and support for\r\n CAP™ customers that have lost their travel\r\n documents during their trip.\r\n \r\n | \r\n
| \r\n \r\n We provide CAP™ customers with professional\r\n translation and interpreter services in all major\r\n languages.\r\n \r\n | \r\n
| \r\n \r\n We can transmit a CAP™ customer’s urgent message\r\n to their family, friends, and business associates.\r\n Messages can be retained for up to 15 days after\r\n the conclusion of the incident.\r\n \r\n | \r\n
| \r\n \r\n We provide CAP™ customers with access to vetted,\r\n legal resources, and referrals for professional\r\n support worldwide.\r\n \r\n | \r\n
| \r\n | \r\n
| \r\n \r\n Medical transportation from the facility that the\r\n CAP™ customer is receiving medical treatment to\r\n the hospital of choice, in the CAP™ customer’s\r\n primary place of residence, for further medical\r\n treatment or recovery.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer is hospitalized or in critical condition and was traveling with dependent\r\nchildren or a designated travel companion, we will arrange their return to the traveler’s country\r\nof residence.\r\n \r\n | \r\n
| \r\n \r\n We will advance the CAP™ customer on-site emergency inpatient medical expenses within a\r\nreasonable timeframe upon the satisfactory guarantee of payment from either the CAP™\r\ncustomer or their insurance company.\r\n \r\n | \r\n
| \r\n \r\n Our multilingual staff will contact local attending medical personnel to monitor a CAP™\r\ncustomer’s condition and will keep loved ones informed until the medical emergency is resolved.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer is hospitalized while traveling for a period in excess of 3 days or is in\r\ncritical condition, we will arrange the transportation of a family member or friend designated by\r\nthe CAP™ customer, from their home to the hospital where the CAP™ customer is being\r\ntreated.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer is hospitalized while traveling\r\n for a period in excess of 3 days or is in critical\r\n condition, we will arrange the accommodations for\r\n a visiting family member or friend\r\n \r\n | \r\n
| \r\n \r\n We will arrange for a family member, companion, or\r\n travel escort to accompany the CAP™ customer\r\n during an emergency evacuation or medically\r\n necessary repatriation.\r\n \r\n | \r\n
| \r\n \r\n We will assist by coordinating notifications to medical insurers or managed care organizations,\r\nverifying policy enrollment, confirming medical benefits coverage, guaranteeing medical\r\npayments, assisting in the coordination of multiple insurance benefits, and handling claim forms.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer dies while traveling, we will arrange the necessary government\r\nauthorization, including the cost of embalming, all required documentation, a container suitable\r\nfor transport, and the means of transportation of the remains, to the CAP™ customer’s country\r\nof residence.\r\n \r\n | \r\n
| \r\n \r\n Medical arrangements for ground or air transportation to and from the hospital, including pre-\r\nadmission and medical escorts for ongoing medical supervision.\r\n \r\n | \r\n
| \r\n \r\n We pay upfront for emergency transportation\r\n services if they are covered under the CAP™\r\n customer’s insurance policy. If a service is not\r\n included, we will first contact the CAP™ customer\r\n for authorization and written approval prior to\r\n making a payment on their behalf.\r\n \r\n | \r\n
| \r\n \r\n We provide CAP™ customers with contact information\r\n for licensed physicians, dentists, hospitals, and\r\n clinics in the area and will confirm the\r\n provider’s availability, upon request.\r\n \r\n | \r\n
| \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants, security personnel, and transportation\r\nassets to assist CAP™ customers directly impacted by a natural disaster up to and including\r\npossible evacuation.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants, and security personnel to assist with\r\nsheltering in place or evacuation from the impacted area.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to assist with seeking safety, emergency\r\nmessage relay, required medical attention, and the deployment of security personnel to ensure\r\nadequate security of CAP™ customers directly impacted by a terrorist incident up to and\r\nincluding possible evacuation.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis\r\n consultants offering support with seeking safety,\r\n required medical attention, emergency message\r\n relay, and coordination with law enforcement to\r\n investigate a crime committed against a CAP™\r\n customer.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis\r\n consultants to investigate the disappearance of\r\n CAP™ customers to locate and return them to\r\n safety.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to work towards the release of a CAP™\r\ncustomer being wrongfully detained. An interpreter, along with emergency message relay, legal\r\nreferrals, and limited legal expenses, are provided if required.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to assist families and employers in the\r\nresolution of the incident and safe return of the CAP™ customer.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to coordinate with local law enforcement\r\nand government officials to aid with the safe release of a CAP™ customer and bring resolution\r\nto the hi-jacking.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to investigate and bring resolution to the\r\nblackmail or extortion threat directly impacting a CAP™ customer.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis or medical consultants, security personnel, and\r\ntransportation assets to assist a CAP™ customer directly impacted by a pandemic up to and\r\nincluding possible evacuation from the impacted area.\r\n \r\n | \r\n
| \r\n Travel Concierge Assistance Services\r\n | \r\n
| \r\n \r\n We provide CAP™ customers on-demand advice from experienced multilingual travel\r\nassistance consultants from our International Crisis Response Centers, including dedicated\r\nemergency response hotlines.\r\n \r\n | \r\n
| \r\n \r\n We provide assistance, advice, and support for CAP™\r\n customers that have lost their travel documents during\r\n their trip.\r\n \r\n | \r\n
| \r\n \r\n We provide CAP™ customers with professional\r\n translation and interpreter services in all major\r\n languages.\r\n \r\n | \r\n
| \r\n \r\n We can transmit a CAP™ customer’s urgent message to\r\n their family, friends, and business associates.\r\n Messages can be retained for up to 15 days after the\r\n conclusion of the incident.\r\n \r\n | \r\n
| \r\n \r\n We provide CAP™ customers with access to vetted, legal\r\n resources, and referrals for professional support\r\n worldwide.\r\n \r\n | \r\n
| \r\n Travel Medical Assistance Services\r\n | \r\n
| \r\n \r\n Medical transportation from the facility that the CAP™ customer is receiving medical treatment\r\nto the hospital of choice, in the CAP™ customer’s primary place of residence, for further\r\nmedical treatment or recovery.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer is hospitalized or in critical condition and was traveling with dependent\r\nchildren or a designated travel companion, we will arrange their return to the traveler’s country\r\nof residence.\r\n \r\n | \r\n
| \r\n \r\n We will advance the CAP™ customer on-site emergency inpatient medical expenses within a\r\nreasonable timeframe upon the satisfactory guarantee of payment from either the CAP™\r\ncustomer or their insurance company.\r\n \r\n | \r\n
| \r\n \r\n Our multilingual staff will contact local attending medical personnel to monitor a CAP™\r\ncustomer’s condition and will keep loved ones informed until the medical emergency is resolved.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer is hospitalized while traveling for a period in excess of 3 days or is in\r\ncritical condition, we will arrange the transportation of a family member or friend designated by\r\nthe CAP™ customer, from their home to the hospital where the CAP™ customer is being\r\ntreated.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer is hospitalized while traveling for\r\n a period in excess of 3 days or is in critical\r\n condition, we will arrange the accommodations for a\r\n visiting family member or friend\r\n \r\n | \r\n
| \r\n \r\n We will arrange for a family member, companion, or\r\n travel escort to accompany the CAP™ customer during an\r\n emergency evacuation or medically necessary\r\n repatriation.\r\n \r\n | \r\n
| \r\n \r\n We will assist by coordinating notifications to medical insurers or managed care organizations,\r\nverifying policy enrollment, confirming medical benefits coverage, guaranteeing medical\r\npayments, assisting in the coordination of multiple insurance benefits, and handling claim forms.\r\n \r\n | \r\n
| \r\n \r\n If a CAP™ customer dies while traveling, we will arrange the necessary government\r\nauthorization, including the cost of embalming, all required documentation, a container suitable\r\nfor transport, and the means of transportation of the remains, to the CAP™ customer’s country\r\nof residence.\r\n \r\n | \r\n
| \r\n \r\n Medical arrangements for ground or air transportation to and from the hospital, including pre-\r\nadmission and medical escorts for ongoing medical supervision.\r\n \r\n | \r\n
| \r\n \r\n We pay upfront for emergency transportation services\r\n if they are covered under the CAP™ customer’s\r\n insurance policy. If a service is not included, we\r\n will first contact the CAP™ customer for authorization\r\n and written approval prior to making a payment on\r\n their behalf.\r\n \r\n | \r\n
| \r\n \r\n We provide CAP™ customers with contact information for\r\n licensed physicians, dentists, hospitals, and clinics\r\n in the area and will confirm the provider’s\r\n availability, upon request.\r\n \r\n | \r\n
| \r\n Travel Security Assistance Services\r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants, security personnel, and transportation\r\nassets to assist CAP™ customers directly impacted by a natural disaster up to and including\r\npossible evacuation.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants, and security personnel to assist with\r\nsheltering in place or evacuation from the impacted area.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to assist with seeking safety, emergency\r\nmessage relay, required medical attention, and the deployment of security personnel to ensure\r\nadequate security of CAP™ customers directly impacted by a terrorist incident up to and\r\nincluding possible evacuation.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants\r\n offering support with seeking safety, required medical\r\n attention, emergency message relay, and coordination\r\n with law enforcement to investigate a crime committed\r\n against a CAP™ customer.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants\r\n to investigate the disappearance of CAP™ customers to\r\n locate and return them to safety.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to work towards the release of a CAP™\r\ncustomer being wrongfully detained. An interpreter, along with emergency message relay, legal\r\nreferrals, and limited legal expenses, are provided if required.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to assist families and employers in the\r\nresolution of the incident and safe return of the CAP™ customer.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to coordinate with local law enforcement\r\nand government officials to aid with the safe release of a CAP™ customer and bring resolution\r\nto the hi-jacking.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis consultants to investigate and bring resolution to the\r\nblackmail or extortion threat directly impacting a CAP™ customer.\r\n \r\n | \r\n
| \r\n \r\n Advice and possible deployment of crisis or medical consultants, security personnel, and\r\ntransportation assets to assist a CAP™ customer directly impacted by a pandemic up to and\r\nincluding possible evacuation from the impacted area.\r\n \r\n | \r\n
| \r\n CAP™ Advantage – Personal Device Tracking & Assistance App\r\n | \r\n
| \r\n \r\n The CAP™ mobile app leverages GPS technology from smartphone devices to determine the\r\nproximity of threats in relation to the traveler’s current location, and for other travel assistance\r\npurposes.\r\n \r\n | \r\n
| \r\n \r\n Travelers have access to intuitive dashboards and maps that provide visual representations of\r\nlocations experiencing various levels of health, weather, or security challenges, and where\r\ntravelers require extra precaution.\r\n \r\n | \r\n
| \r\n \r\n With the push of the ASSIST button in the CAP™ mobile app, travelers are instantly connected\r\nto the CAP™ Crisis Response Center to request emergency assistance during a travel mishap.\r\n \r\n | \r\n
| \r\n \r\n Our communication tools are synced with phones, email, and SMS, that allow travelers to\r\nreceive critical communications from our CAP™ Crisis Response Center, including geofence\r\nalert settings that can be configured using the geo-specific proximity of travelers, concerning\r\nongoing threats in the area.\r\n \r\n | \r\n
| \r\n \r\n With the push of the CHECK-IN SAFETY button in the CAP™ mobile app, travelers can confirm\r\ntheir location, health, and welfare status with the Crisis Response Center.\r\n \r\n | \r\n
| \r\n \r\n Travelers have the freedom to control GPS-based location sharing features for ultimate control\r\nover privacy before, during, and after travel.\r\n \r\n | \r\n
| \r\n \r\n Travelers can upload and manage flight information and other essential details from their\r\nitinerary, in the CAP™ Travel Assistance Portal and app.\r\n \r\n | \r\n
| \r\n \r\n Through online CAP™ Travel Assistance Portal, travelers can access country and city risk reports\r\nto get specific insights on point-in-time health, weather, or security threat profiles.\r\n \r\n | \r\n
| \r\n | \r\n
| \r\n \r\n The CAP™ mobile app leverages GPS technology from\r\n smartphone devices to determine the proximity of\r\n threats in relation to the traveler’s current\r\n location, and for other travel assistance\r\n purposes.\r\n \r\n | \r\n
| \r\n \r\n Travelers have access to intuitive dashboards and maps that provide visual representations of\r\nlocations experiencing various levels of health, weather, or security challenges, and where\r\ntravelers require extra precaution.\r\n \r\n | \r\n \r\n | \r\n {/* | \r\n \r\n | */}\r\n
| \r\n \r\n With the push of the ASSIST button in the CAP™ mobile app, travelers are instantly connected\r\nto the CAP™ Crisis Response Center to request emergency assistance during a travel mishap.\r\n \r\n | \r\n
| \r\n \r\n Our communication tools are synced with phones, email, and SMS, that allow travelers to\r\nreceive critical communications from our CAP™ Crisis Response Center, including geofence\r\nalert settings that can be configured using the geo-specific proximity of travelers, concerning\r\nongoing threats in the area.\r\n \r\n | \r\n
| \r\n \r\n With the push of the CHECK-IN SAFETY button in the CAP™ mobile app, travelers can confirm\r\ntheir location, health, and welfare status with the Crisis Response Center.\r\n \r\n | \r\n
| \r\n \r\n Travelers have the freedom to control GPS-based location sharing features for ultimate control\r\nover privacy before, during, and after travel.\r\n \r\n | \r\n
| \r\n \r\n Travelers can upload and manage flight information and other essential details from their\r\nitinerary, in the CAP™ Travel Assistance Portal and app.\r\n \r\n | \r\n
| \r\n \r\n Through online CAP™ Travel Assistance Portal, travelers can access country and city risk reports\r\nto get specific insights on point-in-time health, weather, or security threat profiles.\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 Benefits\r\n | \r\n
|---|
\r\n \r\n \r\n
\r\n
\r\n \r\n Benefits\r\n | \r\n
|---|
{product.name}
\r\n\r\n {product.name.toLowerCase().includes('annual')\r\n ? 'Only $' + highestPriceVal\r\n : 'Starting at $' + lowestPriceVal}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n handleCurrencyChange(e.target.value)}\r\n >\r\n {currencyType.map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default connect(\r\n (state) => {\r\n return {\r\n ...state.b2b2c,\r\n };\r\n },\r\n { ...b2b2cActions }\r\n)(PriceCalculation);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport CalendarIconsvg from \"../../shared/svg/b2c-svg/calendar-icon-svg.jsx\";\r\nimport DateIconsvg from \"../../shared/svg/b2c-svg/date-icon-svg.jsx\";\r\nimport GlobeIconsvg from \"../../shared/svg/b2c-svg/globe-icon-svg.jsx\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\nimport { Select, Row, Col, DatePicker } from \"antd\";\r\nimport moment from \"moment\";\r\nimport { Beforeunload } from \"react-beforeunload\";\r\n//import DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport postscribe from \"postscribe\";\r\nimport PriceCalculation from \"../personal-details/price-calculation\";\r\nimport config from \"../../../../../config.js\";\r\n\r\nconst { Option } = Select;\r\nclass PlanTerm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.displayData = [];\r\n this.state = {\r\n startDate: null,\r\n selectedCountry: [],\r\n selectedDaysValue: \"\",\r\n productPrice: this.props.planType && this.props.planType.price,\r\n defaultDaysPlan: [],\r\n selectedCountryTier: \"4\",\r\n countryDropDownData: [],\r\n countryError: \"\",\r\n daysError: \"\",\r\n dateError: \"\",\r\n savedPlanCountriesList: [],\r\n savedPlanDate: \"\",\r\n savedPlanDays: \"\",\r\n is_annual: false,\r\n appliedPromoText: \"\",\r\n savedPlanEndDate: \"\",\r\n currency: \"USD\",\r\n currencyRate: 1,\r\n dp: \"\",\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleCountryCheck = this.handleCountryCheck.bind(this);\r\n this.handleDaysCheck = this.handleDaysCheck.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n postscribe(\r\n \"#banner\",\r\n \"\"\r\n );\r\n this.setState({\r\n currency: this.props.currency,\r\n currencyRate: this.props.currencyRate,\r\n });\r\n window.scrollTo(0, 0);\r\n await this.props.getPlanTermInformation();\r\n if (this.props.planType && Object.keys(this.props.planType).length === 0) {\r\n await this.props.getStep();\r\n await this.props.getResellerProductPricingAndInfo();\r\n await this.props.getPlanInformation();\r\n await this.props.getPersonalInformation();\r\n if (parseInt(this.props.step) < 1) {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/purchase/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n }\r\n } else if (parseInt(this.props.step) < 1) {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/purchase/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n }\r\n\r\n var tempCountryArray = [];\r\n for (var i = 0; i < this.props.countryTierInfo.length; i++) {\r\n var dataObject = {\r\n name: this.props.countryTierInfo[i].countryName,\r\n value: this.props.countryTierInfo[i].countryName,\r\n };\r\n tempCountryArray.push(dataObject);\r\n }\r\n this.setState({\r\n countryDropDownData: tempCountryArray,\r\n });\r\n this.getDaysForTier();\r\n if (this.props.planTerm && this.props.planTerm.country) {\r\n var planCountries = this.props.planTerm.country.toString().split(\",\");\r\n var tempPlanCountries = [];\r\n for (var j = 0; j < planCountries.length; j++) {\r\n var objCountry = this.props.countryTierInfo.find(\r\n (x) => x.countryId === parseInt(planCountries[j])\r\n );\r\n tempPlanCountries.push(objCountry.countryId);\r\n }\r\n var planStartDate = new Date(this.props.planTerm.date);\r\n var tempDate =\r\n planStartDate.getMonth() +\r\n 1 +\r\n \"/\" +\r\n planStartDate.getDate() +\r\n \"/\" +\r\n planStartDate.getFullYear();\r\n\r\n let _savedPlanEndDate = new Date(this.props.planTerm.endDate);\r\n if (\r\n this.props.planType &&\r\n this.props.planType.name.toLowerCase().includes(\"annual\")\r\n ) {\r\n _savedPlanEndDate = moment(tempDate).add(1, \"year\");\r\n }\r\n _savedPlanEndDate = moment(_savedPlanEndDate).format(\"MM/DD/YYYY\");\r\n this.setState({\r\n savedPlanCountriesList: tempPlanCountries,\r\n selectedCountry: tempPlanCountries,\r\n savedPlanDate: tempDate,\r\n savedPlanEndDate: _savedPlanEndDate,\r\n startDate: this.props.planTerm.date,\r\n endDate: this.props.planTerm.endDate,\r\n selectedDaysValue:\r\n this.props.planType && this.props.planType.name.toLowerCase().includes('annual')\r\n ? 365\r\n : this.props.planTerm.days,\r\n savedPlanDays: parseInt(this.props.planTerm.days),\r\n is_annual: this.props.planType && this.props.planType.name.toLowerCase().includes('annual') ? true : false,\r\n selectedCountryTier: this.props.planTerm.tierValue\r\n });\r\n // this.CalculateTotalPrice();\r\n } else {\r\n let _selectedDaysValue = \"NaN\";\r\n if (this.props.planType && this.props.planType.name.toLowerCase().includes('annual')) {\r\n _selectedDaysValue = 365;\r\n }\r\n this.setState({\r\n savedPlanCountriesList: [-1],\r\n savedPlanDate: \"NaN\",\r\n selectedDaysValue: _selectedDaysValue,\r\n savedPlanDays:\r\n /* this.props.planType.name.toLowerCase().indexOf(\"annual\") > -1 ? \"Up to \"+365 : */ \"NaN\",\r\n });\r\n }\r\n \r\n\r\n let planTermObject = {};\r\n planTermObject.date = \"\";\r\n planTermObject.endDate = \"\";\r\n planTermObject.dp = '';\r\n planTermObject.country =\"\";\r\n planTermObject.totalPrice = this.state.productPrice;\r\n planTermObject.isAnnual =\r\n (this.props.planType && this.props.planType.name.toLowerCase().includes('annual') ? true : false);\r\n \r\n \r\n await this.props.SavePlanTerm(planTermObject);\r\n \r\n \r\n\r\n }\r\n\r\n calculateDp = (days) => {\r\n let dp = 8;\r\n if (days <= 8) {\r\n dp = 8;\r\n } else if (days <= 15) {\r\n dp = 15;\r\n } else if (days <= 30) {\r\n dp = 30;\r\n } else if (days <= 60) {\r\n dp = 60;\r\n } else if (days <= 90) {\r\n dp = 90;\r\n } else if (days <= 120) {\r\n dp = 120;\r\n } else if (days <= 365) {\r\n dp = 365;\r\n }\r\n\r\n return dp;\r\n \r\n \r\n \r\n };\r\n\r\n async handleCountryCheck(selectedCountries) {\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.country = selectedCountries.join(\",\");\r\n planTermObject.dp = this.state.selectedDaysValue;\r\n await this.props.SavePlanTerm(planTermObject);\r\n this.setState({ selectedCountry: selectedCountries, countryError: \"\" });\r\n }\r\n\r\n handleDaysCheck(evt) {\r\n this.setState({\r\n selectedDaysValue: parseInt(evt),\r\n daysError: \"\",\r\n });\r\n }\r\n\r\n async handleClick(evt) {\r\n if (evt.currentTarget.dataset && evt.currentTarget.dataset.value) {\r\n if (evt.currentTarget.dataset.value === \"back\") {\r\n await this.props.SaveStep(\"1\");\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/purchase/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else {\r\n this.saveDataAndNext();\r\n }\r\n }\r\n }\r\n\r\n getDaysForTier() {\r\n let daysValues = [];\r\n for (var i = 0; i < this.props.productDays.length; i++) {\r\n daysValues.push(this.props.productDays[i].days);\r\n }\r\n this.setState({ defaultDaysPlan: daysValues });\r\n }\r\n\r\n handleChange = async (date) => {\r\n var selectedDate = new Date(date);\r\n const diffTime = selectedDate - new Date();\r\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n var dp = this.calculateDp(diffDays);\r\n if (diffDays < 0) {\r\n this.setState({\r\n startDate: date,\r\n dateError: \"Please select a valid plan start date.\",\r\n });\r\n } \r\n \r\n else {\r\n this.setState(\r\n {\r\n startDate: date,\r\n dateError: \"\",\r\n },\r\n () => {\r\n if (\r\n this.props.planType &&\r\n this.props.planType.name.toLowerCase().includes(\"annual\")\r\n ) {\r\n this.handleChangeEndDate(moment(date).add(364, 'days'));\r\n\r\n }\r\n }\r\n );\r\n }\r\n\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.dp = this.calculateDp(dp);\r\n await this.props.SavePlanTerm(planTermObject);\r\n\r\n this.setState({ dp: planTermObject.dp });\r\n };\r\n\r\n handleChangeEndDate = (date) => {\r\n let self = this;\r\n let startDate = moment(this.state.startDate);\r\n let selectedDate = moment(date);\r\n let diffDays = selectedDate.diff(startDate, \"days\") + 1;\r\n let selectedDaysFromDiff = 0;\r\n \r\n // Check if selected end date is same as start date\r\n if (selectedDate.isSame(startDate, 'day')) {\r\n self.setState({\r\n selectedDaysValue: selectedDaysFromDiff,\r\n savedPlanEndDate: date,\r\n endDate: date,\r\n endDateError: \"End date must be after the start date.\",\r\n });\r\n console.log(moment(this.state.endDate).format(), \"endat\")\r\n return; // Exit the function early\r\n }\r\n \r\n if (diffDays < 0 || date === null) {\r\n self.setState({\r\n selectedDaysValue: selectedDaysFromDiff,\r\n savedPlanEndDate: date,\r\n endDate: date,\r\n endDateError: \"Please select a valid plan end date.\",\r\n });\r\n } else {\r\n if (self.props.productDays && self.props.productDays.length > 0) {\r\n for (var i = self.props.productDays.length; i > 0; i--) {\r\n if (diffDays <= self.props.productDays[i - 1].days) {\r\n selectedDaysFromDiff = self.props.productDays[i - 1].days;\r\n }\r\n }\r\n self.setState(\r\n {\r\n selectedDaysValue: selectedDaysFromDiff,\r\n savedPlanEndDate: date,\r\n endDate: date,\r\n endDateError: \"\",\r\n },\r\n async () => {\r\n // self.calculateProductPrice(self.state.selectedCountry, parseInt(selectedDaysFromDiff));\r\n\r\n let planTermObject = self.props.planTerm;\r\n planTermObject.date = startDate.format(\"MM-DD-YYYY\");\r\n planTermObject.endDate = selectedDate.format(\"MM-DD-YYYY\");\r\n planTermObject.dp = self.calculateDp(diffDays);\r\n\r\n this.setState({ dp: planTermObject.dp });\r\n await self.props.SavePlanTerm(planTermObject);\r\n }\r\n );\r\n } else {\r\n self.setState({\r\n savedPlanEndDate: date,\r\n endDate: date,\r\n endDateError: \"\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n async saveDataAndNext() {\r\n if (moment(this.state.startDate).isSame(this.state.endDate, 'day')) {\r\n this.setState({ endDateError: \"End date must be after the start date.\" });\r\n return false; // Exit the function early\r\n }\r\n if (\r\n this.state.selectedDaysValue !== \"NaN\" &&\r\n this.state.selectedDaysValue != undefined &&\r\n this.state.selectedCountry.length > 0 &&\r\n (this.state.startDate !== null || this.state.startDate != \"\")\r\n && this.state.startDate < this.state.endDate\r\n ) {\r\n \r\n var selectedDate = new Date(this.state.startDate);;\r\n const diffTime = selectedDate - new Date();\r\n const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n if (diffDays < 0) {\r\n this.setState({ dateError: \"Please select a valid plan start date.\" });\r\n } else {\r\n let planTermObject = {};\r\n planTermObject.date = this.state.startDate._d\r\n ? this.state.startDate._d\r\n : this.state.startDate;\r\n planTermObject.endDate =\r\n typeof this.state.endDate !== \"undefined\" && this.state.endDate._d\r\n ? moment(this.state.endDate._d).format()\r\n : moment(this.state.endDate).format();\r\n planTermObject.days = this.state.selectedDaysValue;\r\n planTermObject.travelPeriod =\r\n Math.floor(\r\n (new Date(this.state.endDate) - new Date(this.state.startDate)) /\r\n (1000 * 60 * 60 * 24)\r\n );\r\n\r\n let days =\r\n Math.floor(\r\n (new Date(this.state.endDate) - new Date(this.state.startDate)) /\r\n (1000 * 60 * 60 * 24)\r\n ) + 1;\r\n let dp = this.calculateDp(days);\r\n\r\n planTermObject.dp = dp;\r\n planTermObject.country = this.state.selectedCountry.toString();\r\n planTermObject.totalPrice = this.state.productPrice;\r\n planTermObject.Price =\r\n this.props.personalDetails && this.props.personalDetails.length > 0\r\n ? this.state.productPrice / this.props.personalDetails.length\r\n : this.state.productPrice;\r\n planTermObject.tierValue = this.state.selectedCountryTier;\r\n planTermObject.isAnnual = this.props.planType && this.props.planType.name.toLowerCase().includes('annual') ? true : false;\r\n await this.props.SaveStep(\"2\");\r\n await this.props.SavePlanTerm(planTermObject);\r\n //await this.props.SavePlanTermTemp(planTermObject);\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/personal-details/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n }\r\n } else {\r\n console.log(\"testuuu\")\r\n if (\r\n this.state.selectedDaysValue === \"NaN\" ||\r\n this.state.selectedDaysValue == undefined\r\n ) {\r\n this.setState({ endDateError: \"Please select end date.\" });\r\n }\r\n if (this.state.selectedCountry.length === 0) {\r\n this.setState({ countryError: \"Please select at least one country.\" });\r\n }\r\n if (this.state.startDate === null || this.state.startDate == \"\") {\r\n this.setState({ dateError: \"Please select travelling date.\" });\r\n }\r\n // if (\r\n // this.state.startDate.isSame(this.state.endDate, \"day\")\r\n // ) {\r\n // this.setState({ endDateError: \"Please select valid end date.\" });\r\n // }\r\n \r\n if (\r\n this.state.startDate > this.state.endDate\r\n ) {\r\n this.setState({ endDateError: \"Please select valid end date\" });\r\n }\r\n }\r\n }\r\n\r\n _bindDays() {\r\n return this.state.defaultDaysPlan.map((day) => (\r\n \r\n ));\r\n }\r\n\r\n _bindCountries() {\r\n return this.props.countryTierInfo.map((country, index) => (\r\n \r\n ));\r\n }\r\n\r\n _bindEndDate() {\r\n return (\r\n \r\n {\" \"}\r\n Plan Fee:{\" \"}\r\n {props.currency === \"CAD\"\r\n ? \"$\" + cadPrice.toFixed(2)\r\n : \"$\" + (totalPrice && totalPrice.toFixed(2))}{\" \"}\r\n
\r\n {appliedPromoText}\r\n}\r\n
}\r\n
}\r\n
\r\n {/* Ok\r\n ]}\r\n style={{ marginTop: \"60px\" }}\r\n >\r\n Ok\r\n ]:\"\"}\r\n style={{ marginTop: \"60px\" }}\r\n >\r\n \r\n */}\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport const WrappedRegistrationForm = Form.create({ name: \"traveller\" })(\r\n RegistrationForm\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport { WrappedRegistrationForm } from \"./traveller-form\";\r\nimport { Beforeunload } from \"react-beforeunload\";\r\nimport { currencyType } from \"../../../components/constants\";\r\nimport getSymbolFromCurrency from \"currency-symbol-map\";\r\nimport { cadConvertionRate } from \"../../b2c/shared/cadConverstion\";\r\nimport PriceCalculation from \"./price-calculation.jsx\";\r\nimport config from \"../../../../../config.js\";\r\n\r\nclass PersonalDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n totalPrice: props.planTerm ? props.planTerm.totalPrice : 0,\r\n appliedPromoText: \"\",\r\n currency: \"USD\",\r\n currencyRate: 1,\r\n agentName: \"\",\r\n traveller_count: 1,\r\n genderList: [],\r\n };\r\n this.handleBack = this.handleBack.bind(this);\r\n }\r\n\r\n getUrlDecodedParams() {\r\n let localDecodedParams = localStorage.getItem(\"decodedParams\");\r\n if (\r\n typeof localDecodedParams !== \"undefined\" &&\r\n localDecodedParams !== null &&\r\n localDecodedParams !== \"\"\r\n ) {\r\n return JSON.parse(localDecodedParams);\r\n }\r\n var encodedParameters = this.props.location.search;\r\n var getEncodedStr = encodedParameters.substring(1).split(\"&\");\r\n let patttern = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)?$/;\r\n getEncodedStr.map((str) => {\r\n encodedParameters = str.match(patttern) ? str : \"\";\r\n });\r\n\r\n var decodedParameterString = atob(encodedParameters);\r\n var parameters = decodedParameterString.split(\"&\");\r\n var parameterArray = new Map();\r\n\r\n parameters.forEach(async function(parameter) {\r\n var data = parameter.split(\"=\");\r\n parameterArray[data[0]] = data[1];\r\n });\r\n var selectedGetCountries = parameterArray[\"countries\"].split(\",\");\r\n var selectedGetCountriesStr = [];\r\n for (var i = 0; i < this.props.countryTierInfo.length; i++) {\r\n if (\r\n selectedGetCountries.indexOf(\r\n this.props.countryTierInfo[i].countryCode\r\n ) > -1\r\n ) {\r\n selectedGetCountriesStr.push(this.props.countryTierInfo[i].countryName);\r\n }\r\n }\r\n\r\n return {\r\n start_date: parameterArray[\"start_date\"],\r\n end_date: parameterArray[\"end_date\"],\r\n traveller_count: parseInt(parameterArray[\"traveller_count\"]),\r\n countries: parameterArray[\"countries\"],\r\n countries_list: selectedGetCountriesStr.join(\", \"),\r\n\r\n travel_type: parameterArray[\"travel_type\"],\r\n travel_type_label: parameterArray[\"traveltypelabel\"],\r\n currency_code: parameterArray[\"currency_code\"],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n localStorage.removeItem(\"traveller\");\r\n this.setState({\r\n currency: this.props.currency,\r\n currencyRate: this.props.currencyRate,\r\n });\r\n window.scrollTo(0, 0);\r\n //to get atn no from url\r\n let params = new URLSearchParams(window.location.search);\r\n let atn = params.get(\"atn\");\r\n await this.props.getAgentName(atn);\r\n await this.props.getAllCountries();\r\n await this.props.getPersonalInformation();\r\n if (this.props.planTerm && Object.keys(this.props.planTerm).length === 0) {\r\n await this.props.getStep();\r\n await this.props.getUserData();\r\n await this.props.getPlanInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getResellerProductPricingAndInfo();\r\n if (parseInt(this.props.step) < 2) {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/plan-term/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else {\r\n //Update price to base on refresh\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice =\r\n this.props.planTerm && this.props.planTerm.Price;\r\n await this.props.SavePlanTerm(planTermObject);\r\n }\r\n } else if (parseInt(this.props.step) < 2) {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/plan-term/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else {\r\n //Update price to base on refresh\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice = this.props.planTerm.Price;\r\n await this.props.SavePlanTerm(planTermObject);\r\n }\r\n this.props.getGendersList().then((response) => {\r\n this.setState({ genderList: response });\r\n });\r\n }\r\n\r\n async handleBack() {\r\n await this.props.SaveStep(\"2\");\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/plan-term/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n }\r\n\r\n onUnload = (e) => {\r\n localStorage.removeItem(\"qs\");\r\n localStorage.removeItem(\"decodedParams\");\r\n e.preventDefault();\r\n //this.props.flushOrderData();\r\n //this.props.ClearData();\r\n };\r\n\r\n updateTravellerCount = (count) => {\r\n this.props.travellerCount(count);\r\n let _this = this;\r\n // let _getParams = this.state.getParams;\r\n // _getParams.traveller_count = Math.max(1,count);\r\n // this.setState({getParams: _getParams}, () => {\r\n // localStorage.setItem(\"decodedParams\", JSON.stringify(_getParams));\r\n // // _this.onChangeAnnualCB(_this.props.planTerm.isAnnual);\r\n // });\r\n this.setState({ traveller_count: count });\r\n //console.log(\"traveller\" , count)\r\n };\r\n\r\n render() {\r\n let cadPrice = cadConvertionRate(\r\n this.state.totalPrice / this.state.traveller_count\r\n );\r\n return (\r\n \r\n );\r\n }\r\n}\r\nPersonalDetails.propTypes = {\r\n getResellerProductPricingAndInfo: PropTypes.func,\r\n productPricing: PropTypes.array,\r\n getPersonalInformation: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n SavePersonalDetails: PropTypes.func,\r\n SaveBuyerEmail: PropTypes.func,\r\n step: PropTypes.string,\r\n SavePlanTerm: PropTypes.func,\r\n planTerm: PropTypes.object,\r\n productInfo: PropTypes.array,\r\n planType: PropTypes.object,\r\n productPriceList: PropTypes.array,\r\n personalDetails: PropTypes.array,\r\n validateTravellerEmail: PropTypes.func,\r\n emailCheckResponse: PropTypes.object,\r\n flushEmailCheckResponse: PropTypes.func,\r\n getUserData: PropTypes.func,\r\n userData: PropTypes.object,\r\n getTravellerInfo: PropTypes.func,\r\n getAllCountries: PropTypes.func,\r\n travellerInfo: PropTypes.object,\r\n isLoggedIn: PropTypes.bool,\r\n location: PropTypes.object,\r\n history: PropTypes.object,\r\n getAppliedPromo: PropTypes.func,\r\n couponInfo: PropTypes.object,\r\n getStep: PropTypes.func,\r\n b2b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions, ...userActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(PersonalDetails);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport moment from \"moment\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport { WrappedRegistrationForm } from \"./traveller-form\";\r\nimport { Row, Col, Button, Modal } from \"antd\";\r\nimport { Beforeunload } from \"react-beforeunload\";\r\nimport ReactGA from 'react-ga4';\r\nimport { clarity } from 'react-microsoft-clarity';\r\n\r\n\r\nimport PriceCalculation from \"./price-calculation.jsx\";\r\nimport config from \"../../../../../config.js\";\r\nconst { confirm } = Modal;\r\n\r\n\r\n\r\nclass PersonalInfo extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n totalPrice: props.planTerm ? props.planTerm.totalPrice : 0,\r\n planMaxPrice: 0,\r\n productToOrder: config.b2b2CProductToOrder,\r\n appliedPromoText: \"\",\r\n selectedcountryTierList: [],\r\n getParams: {\r\n start_date: \"\",\r\n end_date: \"\",\r\n traveller_count: 1,\r\n countries: [],\r\n travel_type: \"\",\r\n },\r\n currency: \"USD\",\r\n currencyRate: 1,\r\n agentName: \"\",\r\n current_travellers: 1,\r\n genderList: [],\r\n };\r\n this.handleBack = this.handleBack.bind(this);\r\n //this.updatePrice = this.updatePrice.bind(this);\r\n }\r\n\r\n getUrlDecodedParams() {\r\n let localDecodedParams = localStorage.getItem(\"decodedParams\");\r\n if (\r\n typeof localDecodedParams !== \"undefined\" &&\r\n localDecodedParams !== null &&\r\n localDecodedParams !== \"\"\r\n ) {\r\n return JSON.parse(localDecodedParams);\r\n }\r\n var encodedParameters = this.props.location.search;\r\n var getEncodedStr = encodedParameters.substring(1).split(\"&\");\r\n let patttern = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)?$/;\r\n getEncodedStr.map((str) => {\r\n encodedParameters = str.match(patttern) ? str : \"\";\r\n });\r\n\r\n var decodedParameterString = atob(encodedParameters);\r\n var parameters = decodedParameterString.split(\"&\");\r\n var parameterArray = new Map();\r\n\r\n parameters.forEach(async function(parameter) {\r\n var data = parameter.split(\"=\");\r\n parameterArray[data[0]] = data[1];\r\n });\r\n var selectedGetCountries = parameterArray[\"countries\"].split(\",\");\r\n var selectedGetCountriesStr = [];\r\n for (var i = 0; i < this.props.countryTierInfo.length; i++) {\r\n if (\r\n selectedGetCountries.indexOf(\r\n this.props.countryTierInfo[i].countryCode\r\n ) > -1\r\n ) {\r\n selectedGetCountriesStr.push(this.props.countryTierInfo[i].countryName);\r\n }\r\n }\r\n\r\n // this.setState({\r\n // currency: \"CAD\",\r\n\r\n // });\r\n\r\n return {\r\n start_date: parameterArray[\"start_date\"],\r\n end_date: parameterArray[\"end_date\"],\r\n traveller_count: parseInt(parameterArray[\"traveller_count\"]),\r\n countries: parameterArray[\"countries\"],\r\n countries_list: selectedGetCountriesStr.join(\", \"),\r\n\r\n travel_type: parameterArray[\"travel_type\"],\r\n travel_type_label: parameterArray[\"traveltypelabel\"],\r\n currency_code: parameterArray[\"currency_code\"],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n \r\n \r\n if (config.server == 'prod') {\r\n clarity.init('offz2ddba7');\r\n \r\n if (typeof ReactGA.initialize !== 'undefined') {\r\n ReactGA.initialize('G-N02B8BDNND');\r\n }\r\n ReactGA.send({\r\n hitType: 'pageview',\r\n page: window.location.pathname + window.location.search,\r\n title: 'B2B2C Cap Portal Order'\r\n });\r\n }\r\n \r\n \r\n \r\n let is_back = localStorage.getItem(\"is_back\");\r\n window.scrollTo(0, 0);\r\n await this.props.getPersonalInformation();\r\n // if (this.props.planTerm && Object.keys(this.props.planTerm).length === 0) {\r\n await this.props.getStep();\r\n await this.props.getUserData();\r\n await this.props.getPlanInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getResellerProductPricingAndInfo();\r\n // console.log(\"mounted\");\r\n\r\n //to get atn no from url\r\n let params = new URLSearchParams(window.location.search);\r\n let atn = params.get(\"atn\");\r\n await this.props.getAgentName(atn);\r\n\r\n var encodedParameters = this.props.location.search;\r\n var getEncodedStr = encodedParameters.substring(1).split(\"&\");\r\n let patttern = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)?$/;\r\n getEncodedStr.map((str) => {\r\n encodedParameters = str.match(patttern) ? str : \"\";\r\n });\r\n\r\n var decodedParameterString = atob(encodedParameters);\r\n var parameters = decodedParameterString.split(\"&\");\r\n var parameterArray = new Map();\r\n parameters.forEach(async function(parameter) {\r\n var data = parameter.split(\"=\");\r\n parameterArray[data[0]] = data[1];\r\n });\r\n\r\n this.setState({\r\n currency: parameterArray[\"currency_code\"],\r\n //currencyRate: parameterArray[\"cur_rate\"],\r\n });\r\n \r\n if (is_back != \"yes\") {\r\n this.setState({\r\n currency: parameterArray[\"currency_code\"],\r\n });\r\n this.handleCurrencyChange(parameterArray[\"currency_code\"]);\r\n }\r\n\r\n const _MS_PER_DAY = 1000 * 60 * 60 * 24;\r\n var start_date = Date.parse(parameterArray[\"start_date\"]);\r\n var end_date = Date.parse(parameterArray[\"end_date\"]);\r\n var days = Math.floor((end_date - start_date) / _MS_PER_DAY) + 1;\r\n\r\n let dp = 8;\r\n if (days <= 8) {\r\n dp = 8;\r\n } else if (days <= 15) {\r\n dp = 15;\r\n } else if (days <= 30) {\r\n dp = 30;\r\n } else if (days <= 60) {\r\n dp = 60;\r\n } else if (days <= 90) {\r\n dp = 90;\r\n } else if (days <= 120) {\r\n dp = 120;\r\n } else if (days <= 365) {\r\n dp = 365;\r\n }\r\n\r\n var selectedGetCountries = parameterArray[\"countries\"].split(\",\");\r\n var selectedGetCountriesStr = [];\r\n var selectedGetCountriesArr = [];\r\n for (var i = 0; i < this.props.countryTierInfo.length; i++) {\r\n if (\r\n selectedGetCountries.indexOf(\r\n this.props.countryTierInfo[i].countryCode\r\n ) > -1\r\n ) {\r\n selectedGetCountriesArr.push(this.props.countryTierInfo[i].countryId);\r\n selectedGetCountriesStr.push(this.props.countryTierInfo[i].countryName);\r\n }\r\n }\r\n\r\n var decodedParamsObj = {\r\n start_date: parameterArray[\"start_date\"],\r\n end_date: parameterArray[\"end_date\"],\r\n traveller_count: parseInt(parameterArray[\"traveller_count\"]),\r\n countries: parameterArray[\"countries\"],\r\n countries_list: selectedGetCountriesStr.join(\", \"),\r\n travel_type: parameterArray[\"travel_type\"],\r\n travel_type_label: parameterArray[\"traveltypelabel\"],\r\n };\r\n this.setState(\r\n {\r\n dayPackage: dp,\r\n getParams: decodedParamsObj,\r\n },\r\n () => {\r\n let hasQs = localStorage.getItem(\"qs\");\r\n if (\r\n typeof hasQs !== \"undefined\" &&\r\n hasQs !== null &&\r\n hasQs !== \"\" &&\r\n hasQs === window.location.search.substring(1)\r\n ) {\r\n } else {\r\n localStorage.setItem(\r\n \"decodedParams\",\r\n JSON.stringify(decodedParamsObj)\r\n );\r\n localStorage.setItem(\"qs\", window.location.search.substring(1));\r\n }\r\n }\r\n );\r\n //this.calculateProductPrice(selectedGetCountriesArr, dp);\r\n\r\n /* save plan type */\r\n let planType = this.state.productToOrder;\r\n let planObject = this.props.productInfo.find(\r\n (x) => x.productId === parseInt(planType)\r\n );\r\n await this.props.SaveStep(\"1\");\r\n await this.props.SavePlanType(planObject);\r\n\r\n /* save plan term */\r\n let planTermObject = {};\r\n planTermObject.date = parameterArray[\"start_date\"];\r\n planTermObject.endDate = parameterArray[\"end_date\"];\r\n planTermObject.days = Math.floor((end_date - start_date) / _MS_PER_DAY);\r\n planTermObject.dp = dp;\r\n planTermObject.country = selectedGetCountriesArr.join(\",\");\r\n planTermObject.ustravel_states = parameterArray[\"res_state_lists\"];\r\n planTermObject.totalPrice = this.state.productPrice;\r\n planTermObject.Price =\r\n this.state.productPrice / parseInt(parameterArray[\"traveller_count\"]);\r\n planTermObject.tierValue = this.state.selectedCountryTier;\r\n planTermObject.isAnnual = dp == 365 ? true : false; //this.state.is_annual;\r\n await this.props.SaveStep(\"2\");\r\n await this.props.SavePlanTerm(planTermObject);\r\n\r\n this.props.getGendersList().then((response) => {\r\n this.setState({ genderList: response });\r\n });\r\n }\r\n\r\n async handleBack() {\r\n await this.props.SaveStep(\"2\");\r\n //this.props.history.push(this.props.b2b2cBaseUrl + \"/plan-term\");\r\n // this.props.history.push(this.props.b2b2cBaseUrl+ \"/plan-term/\"+this.props.match.params.orgId + window.location.search);\r\n }\r\n\r\n onUnload = (e) => {\r\n // localStorage.removeItem(\"qs\");\r\n // localStorage.removeItem(\"decodedParams\");\r\n e.preventDefault();\r\n //this.props.flushOrderData();\r\n //this.props.ClearData();\r\n };\r\n\r\n updateTravellerCount = (count) => {\r\n this.props.travellerCount(count);\r\n let _this = this;\r\n let _getParams = this.state.getParams;\r\n _getParams.traveller_count = Math.max(1, count);\r\n this.setState({ getParams: _getParams }, () => {\r\n localStorage.setItem(\"decodedParams\", JSON.stringify(_getParams));\r\n // _this.onChangeAnnualCB(_this.props.planTerm.isAnnual);\r\n });\r\n };\r\n\r\n async upgradePlan(count) {\r\n this.props.travellerCount(count);\r\n let _this = this;\r\n let _getParams = this.state.getParams;\r\n _getParams.traveller_count = Math.max(1, count);\r\n this.setState({ getParams: _getParams }, () => {\r\n localStorage.setItem(\"decodedParams\", JSON.stringify(_getParams));\r\n //_this.onChangeAnnualCB(_this.props.planTerm.isAnnual);\r\n });\r\n }\r\n\r\n getDayPackgeFromParams = () => {\r\n let decodedParams = this.getUrlDecodedParams();\r\n const _MS_PER_DAY = 1000 * 60 * 60 * 24;\r\n var start_date = Date.parse(decodedParams.start_date);\r\n var end_date = Date.parse(decodedParams.end_date);\r\n var days = Math.floor((end_date - start_date) / _MS_PER_DAY) + 1;\r\n let dp = 8;\r\n if (days <= 8) {\r\n dp = 8;\r\n } else if (days <= 15) {\r\n dp = 15;\r\n } else if (days <= 30) {\r\n dp = 30;\r\n } else if (days <= 60) {\r\n dp = 60;\r\n } else if (days <= 90) {\r\n dp = 90;\r\n } else if (days <= 120) {\r\n dp = 120;\r\n } else if (days <= 365) {\r\n dp = 365;\r\n }\r\n return dp;\r\n };\r\n \r\n handleCurrencyChange = async (value) => {\r\n // var value = e.target.value;\r\n this.setState({ currency: value });\r\n\r\n var currencyData = \"\";\r\n await this.props.convertCurrency().then((resp) => {\r\n currencyData = resp;\r\n });\r\n if (this.state.currency == \"USD\") {\r\n this.setState({ currencyRate: 1 });\r\n this.props.updateCurrency(value, 1);\r\n } else {\r\n this.setState({ currencyRate: currencyData.value });\r\n this.props.updateCurrency(value, currencyData.value);\r\n }\r\n // this.updatePrice();\r\n };\r\n\r\n render() {\r\n var decodedParams = this.getUrlDecodedParams();\r\n var plus1Year = decodedParams.start_date;\r\n\r\n plus1Year = moment(plus1Year)\r\n .add(\"364\", \"days\")\r\n .format(\"YYYY-MM-DD\");\r\n const backPageurl =\r\n decodedParams.us_travel_states &&\r\n decodedParams.us_travel_states != undefined\r\n ? \"domestic-quote-results/\"\r\n : \"quote-results/\";\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\nPersonalInfo.propTypes = {\r\n getResellerProductPricingAndInfo: PropTypes.func,\r\n productPricing: PropTypes.array,\r\n getPersonalInformation: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n SavePersonalDetails: PropTypes.func,\r\n SaveBuyerEmail: PropTypes.func,\r\n step: PropTypes.string,\r\n SavePlanTerm: PropTypes.func,\r\n planTerm: PropTypes.object,\r\n productInfo: PropTypes.array,\r\n planType: PropTypes.object,\r\n productPriceList: PropTypes.array,\r\n personalDetails: PropTypes.array,\r\n validateTravellerEmail: PropTypes.func,\r\n emailCheckResponse: PropTypes.object,\r\n flushEmailCheckResponse: PropTypes.func,\r\n getUserData: PropTypes.func,\r\n userData: PropTypes.object,\r\n getTravellerInfo: PropTypes.func,\r\n getAllCountries: PropTypes.func,\r\n travellerInfo: PropTypes.object,\r\n isLoggedIn: PropTypes.bool,\r\n location: PropTypes.object,\r\n history: PropTypes.object,\r\n getAppliedPromo: PropTypes.func,\r\n couponInfo: PropTypes.object,\r\n getStep: PropTypes.func,\r\n b2b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions, ...userActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(PersonalInfo);\r\n","import React, { Component } from \"react\";\r\nimport { Spin } from 'antd';\r\nexport default class Loader extends Component{\r\n render(){\r\n return(\r\n Please fill all the fields of primary emergency contact first.
\r\n */}\r\n\r\n {/*\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CardElement } from \"react-stripe-elements\";\r\nimport * as b2b2cActions from \"../../../../redux/actions/b2b2c-actions\";\r\nimport { message, Modal, Tooltip, Popconfirm, Radio } from \"antd\";\r\nimport config from \"../../../../../../config\";\r\nimport Loader from \"./../../shared/loader/loader\";\r\nimport QueryString from \"query-string\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport { cadConvertionRate } from \"../../../b2c/shared/cadConverstion\";\r\nimport { PayPalScriptProvider, PayPalButtons } from \"@paypal/react-paypal-js\";\r\nimport axios from \"axios\";\r\nimport Paypal from \"../../../../images/paypal.svg\";\r\nimport CreditCard from \"../../../../images/creditcard.svg\";\r\n\r\nconst { confirm } = Modal;\r\nlet resizeTimer;\r\n\r\nclass _CardForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.howHeardRef = React.createRef();\r\n this.state = {\r\n btnIsDisable: false,\r\n cardNumber: \"\",\r\n howHeard: \"\",\r\n couponCode: \"\",\r\n howHeardInput: \"\",\r\n howHeardInputLabel: \"\",\r\n additionalEmail: \"\",\r\n howheardDisabled: false,\r\n showHowHeardInput: false,\r\n confirmOrder: false,\r\n appliedPromoText: \"\",\r\n promoResponseText: \"\",\r\n cadDiscountedAmount: 0,\r\n cadDiscountedPercent: 0,\r\n howheardError: \"\",\r\n orderObjectPaypal: {},\r\n clientToken: config.clientTokenPaypal,\r\n agentTrackingNumber:\r\n QueryString.parse(window.location.search) && QueryString.parse(window.location.search).atn\r\n ? QueryString.parse(window.location.search).atn\r\n : \"\"\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleHowHeardChange = this.handleHowHeardChange.bind(this);\r\n this.applyPromo = this.applyPromo.bind(this);\r\n this.handleHowHeardInputChange = this.handleHowHeardInputChange.bind(this);\r\n this.handleConfirmOrderCheck = this.handleConfirmOrderCheck.bind(this);\r\n this.showConfirm = this.showConfirm.bind(this);\r\n this.removePromo = this.removePromo.bind(this);\r\n }\r\n\r\n handleConfirmOrderCheck(evt) {\r\n this.setState({ confirmOrder: evt.currentTarget.checked });\r\n }\r\n\r\n handleHowHeardInputChange(evt) {\r\n this.setState({ howHeardInput: evt.currentTarget.value });\r\n }\r\n\r\n handleBackClick = async () => {\r\n await this.props.SaveStep(\"3\");\r\n localStorage.setItem(\"is_back\", true);\r\n let fromPage = localStorage.getItem(\"page\");\r\n if (localStorage.getItem(\"qs\") == null) {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl + \"/personal-details/\" + this.props.match.params.orgId + window.location.search\r\n );\r\n } else {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl + \"/personal-info/\" + this.props.match.params.orgId + window.location.search\r\n );\r\n }\r\n };\r\n\r\n async applyPromo(evt) {\r\n if (this.state.couponCode !== \"\") {\r\n await this.props.applyPromoCode(this.state.couponCode);\r\n if (this.props.isValidCoupon) {\r\n message.success(\"Coupon applied Successfully!\");\r\n var appliedPromoText = \"Coupon code \" + this.props.couponInfo.code + \" is applied!\";\r\n this.setState({\r\n appliedPromoText: appliedPromoText,\r\n promoResponseText: \"\"\r\n });\r\n } else {\r\n this.setState({\r\n appliedPromoText: \"\",\r\n promoResponseText: \"Invalid promo code!\"\r\n });\r\n message.error(\"Coupon is not valid!\");\r\n }\r\n //this.props.updatePrice();\r\n }\r\n this.setState({ couponCode: \"\" });\r\n }\r\n\r\n async removePromo(evt) {\r\n await this.props.removePromoCode();\r\n //this.props.updatePrice();\r\n this.setState({ couponCode: \"\", appliedPromoText: \"\" });\r\n }\r\n\r\n handleHowHeardChange(evt) {\r\n if ([\"Referral\", \"Other\"].includes(evt.currentTarget.selectedOptions[0].getAttribute(\"data-value\"))) {\r\n var labelText =\r\n evt.currentTarget.selectedOptions[0].getAttribute(\"data-value\") === \"Referral\"\r\n ? \"Please specify name/source\"\r\n : \"Please specify\";\r\n this.setState({ showHowHeardInput: true, howHeardInputLabel: labelText });\r\n } else {\r\n this.setState({ showHowHeardInput: false, howHeardInput: \"\" });\r\n }\r\n this.setState({\r\n howHeard: evt.currentTarget.selectedOptions[0].getAttribute(\"data-value\")\r\n });\r\n evt.currentTarget.blur();\r\n this.setState({ howheardError: \"\" });\r\n }\r\n\r\n mouseleaveHowHeardChange(evt) {\r\n evt.currentTarget.blur();\r\n }\r\n\r\n handleChange(evt) {\r\n if (evt.currentTarget.dataset) {\r\n var tempCouponCode = evt.currentTarget.value;\r\n this.setState({ couponCode: tempCouponCode });\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n const queryStringParam = QueryString.parse(window.location.search);\r\n\r\n window.addEventListener(\"resize\", this.updateSelectDrop);\r\n if (this.props.personalDetails && Object.keys(this.props.personalDetails).length === 0) {\r\n await this.props.getPersonalInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getPlanInformation();\r\n await this.props.getBillingInformation();\r\n }\r\n await this.props.getAppliedPromo();\r\n // await this.props.getBuyerEmail();\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n var appliedPromoText = \"Coupon code \" + this.props.couponInfo.code + \" is applied!\";\r\n this.setState({\r\n appliedPromoText: appliedPromoText\r\n });\r\n }\r\n window.scrollTo(0, 0);\r\n //this.props.updatePrice();\r\n if (this.props.billingInformation && this.props.billingInformation.paymnet_token) {\r\n this.setState({ confirmOrder: true });\r\n }\r\n\r\n if (this.state.agentTrackingNumber) {\r\n this.setState({\r\n howHeard: \"Referral\",\r\n howHeardInput: `B2B2C/${this.state.agentTrackingNumber}/${this.props.agentName}`,\r\n howheardDisabled: true,\r\n showHowHeardInput: true,\r\n howHeardInputLabel: \"Please specify name/source\"\r\n });\r\n }\r\n }\r\n\r\n updateSelectDrop = () => {\r\n let self = this;\r\n if (self.howHeardRef && self.howHeardRef.current && self.howHeardRef.current !== null) {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n self.howHeardRef.current.blur();\r\n }, 10);\r\n }\r\n };\r\n\r\n async handleClick(evt) {\r\n this.setState({btnIsDisable: true})\r\n if (evt.currentTarget.dataset && evt.currentTarget.dataset.value) {\r\n if (evt.currentTarget.dataset.value === \"back\") {\r\n await this.props.SaveStep(\"3\");\r\n localStorage.removeItem(\"traveller\");\r\n this.props.history.push(this.props.b2b2cBaseUrl + \"/personal-details/\" + this.props.match.params.orgId);\r\n } else {\r\n if (this.state.howHeard && this.state.howHeard !== \"\" && this.state.howHeard !== \"Select an option\") {\r\n this.setState({ howheardError: \"\" });\r\n if (this.state.confirmOrder) {\r\n this.checkForvalidPayment();\r\n } else {\r\n var objContent = {};\r\n objContent.title = \"Acknowledge required!\";\r\n objContent.content = \"Please acknowledge plan rules and regulations first.\";\r\n this.showConfirm(objContent);\r\n this.setState({btnIsDisable: false})\r\n }\r\n } else {\r\n this.setState({btnIsDisable: false})\r\n this.setState({ howheardError: \"Please select an option\" });\r\n }\r\n }\r\n }\r\n }\r\n\r\n clickPaypal = () => {\r\n if (this.state.howHeard == \"\") {\r\n this.setState({ howheardError: \"Please select an option\" });\r\n return false;\r\n } else {\r\n this.setState({ howheardError: \"\" });\r\n }\r\n\r\n if (!this.state.confirmOrder) {\r\n var objContent = {};\r\n objContent.title = \"Acknowledge required!\";\r\n objContent.content = \"Please acknowledge plan rules and regulations first.\";\r\n this.showConfirm(objContent);\r\n this.setState({btnIsDisable: false})\r\n return false;\r\n } else {\r\n this.saveDataAndNext(\"pass\");\r\n }\r\n };\r\n\r\n showConfirm(objContent, index) {\r\n confirm({\r\n title: objContent.title,\r\n content: objContent.content,\r\n className: \"gray-color\",\r\n onOk() {},\r\n onCancel() {}\r\n });\r\n }\r\n\r\n async checkForvalidPayment() {\r\n var self = this;\r\n\r\n if (this.props.paymentMethod == \"paypal\") {\r\n await this.instance.requestPaymentMethod((error, payload) => {\r\n if (error) {\r\n console.error(error);\r\n } else {\r\n const paymentMethodNonce = payload.nonce;\r\n }\r\n });\r\n } else {\r\n this.props.stripe.createToken().then(function(payload) {\r\n if (payload.token) {\r\n self.saveDataAndNext(payload.token.id);\r\n } else {\r\n var objContent = {};\r\n objContent.title = \"Invalid card detail!\";\r\n objContent.content = \"Please enter valid card details.\";\r\n self.showConfirm(objContent);\r\n }\r\n });\r\n }\r\n }\r\n /* async saveDataAndNext(token) {\r\n let billingInfoObject = {\r\n coupon_code: this.state.couponCode,\r\n how_heard: this.state.howHeard,\r\n how_heard_other: (this.state.howHeardInput) ? this.state.howHeardInput : null,\r\n paymnet_token: token\r\n };\r\n await this.props.SaveStep(\"4\");\r\n await this.props.SaveBillingInfornation(billingInfoObject);\r\n this.props.history.push(this.props.b2b2cBaseUrl + \"/purchase-summary/\"+this.props.match.params.orgId);\r\n\r\n } */\r\n\r\n async saveDataAndNext(token) {\r\n let billingInfoObject = {\r\n coupon_code: this.state.couponCode,\r\n how_heard: this.state.howHeard,\r\n how_heard_other: this.state.howHeardInput ? this.state.howHeardInput : null,\r\n paymnet_token: token\r\n };\r\n\r\n if (this.props.paymentMethod == \"stripe\") {\r\n this.setState({ showLoader: true });\r\n } else {\r\n this.setState({ showLoader: false });\r\n }\r\n\r\n var orderObject = {};\r\n var userinfo = [];\r\n var travellerArray = this.props.personalDetails;\r\n var countryArray;\r\n var productId = 0;\r\n await this.props.getAppliedPromo();\r\n var discountedPrice = 0;\r\n var totalPrice = 0;\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n if (this.props.couponInfo.discountType === \"P\") {\r\n discountedPrice = (this.props.planTerm.totalPrice * this.props.couponInfo.discountFigure) / 100;\r\n this.setState({ cadDiscountedPercent: this.props.couponInfo.discountFigure });\r\n } else {\r\n discountedPrice = this.props.couponInfo.discountFigure;\r\n this.setState({ cadDiscountedAmount: discountedPrice ? discountedPrice : 0 });\r\n }\r\n }\r\n totalPrice =\r\n discountedPrice > 0\r\n ? parseInt(this.props.planTerm.totalPrice) - discountedPrice\r\n : parseInt(this.props.planTerm.totalPrice);\r\n // if (this.props.planTerm.isAnnual) {\r\n \r\n // var objCountry = this.props.countryTierInfo.find((x) => x.countryCode === \"All\");\r\n // countryArray = [objCountry.countryId];\r\n // let productCount = this.props.productInfo.length;\r\n // productId = this.props.productInfo[productCount - 1].productId;\r\n // // } else {\r\n let productCount = this.props.productInfo.length;\r\n productId = this.props.productInfo[productCount - 1].productId;\r\n countryArray = this.props.planTerm.country.split(\",\");\r\n // }\r\n\r\n for (var i = 0; i < travellerArray.length; i++) {\r\n var travellerObject = {};\r\n\r\n if (this.props.userData && this.props.userData.email && i === 0) {\r\n travellerObject.userId = this.props.userData.userID;\r\n travellerObject.Email = this.props.userData.email;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual ? productId : travellerArray[i].product_id;\r\n travellerObject.IsPrimary = true;\r\n /* travellerObject.EmergencyFirstName=travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName= travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship= travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo= travellerArray[i].rel_phone_number; */\r\n } else if (travellerArray[i].isEmailExit) {\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.IsPrimary = i == 0 ? true : false;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual ? productId : travellerArray[i].product_id;\r\n } else {\r\n travellerObject.FirstName = travellerArray[i].first_name;\r\n travellerObject.LastName = travellerArray[i].last_name;\r\n travellerObject.Gender = travellerArray[i].gender;\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.ContactNo = travellerArray[i].mobile_number;\r\n travellerObject.Country = travellerArray[i].country;\r\n travellerObject.IsBusinessTravelling = travellerArray[i].is_bussiness_travelling\r\n ? travellerArray[i].is_bussiness_travelling\r\n : false;\r\n travellerObject.DOB =\r\n travellerArray[i].dob == \"Invalid date\" ? new Date() : new Date(travellerArray[i].dob).toDateString();\r\n /* travellerObject.EmergencyFirstName=travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName= travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship= travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo= travellerArray[i].rel_phone_number; */\r\n travellerObject.CompanyName = travellerArray[i].company_name;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual ? productId : travellerArray[i].product_id;\r\n if (i === 0) {\r\n travellerObject.HowDidYouHear =\r\n billingInfoObject.how_heard === \"Referral\" || billingInfoObject.how_heard === \"Other\"\r\n ? billingInfoObject.how_heard + \" - \" + billingInfoObject.how_heard_other\r\n : billingInfoObject.how_heard;\r\n travellerObject.IsPrimary = true;\r\n } else {\r\n travellerObject.IsPrimary = false;\r\n }\r\n }\r\n userinfo.push(travellerObject);\r\n }\r\n orderObject.userinfo = userinfo;\r\n //sending additonal email to buyerEmail for now\r\n orderObject.buyerEmail = this.state.additionalEmail;\r\n orderObject.agentTrackingNumber = this.state.agentTrackingNumber;\r\n orderObject.IsAnnual = this.props.planTerm.isAnnual;\r\n orderObject.tierId = this.props.planTerm.tierValue;\r\n orderObject.Countries = countryArray;\r\n orderObject.CoverageStartDate = new Date(this.props.planTerm.date).toUTCString();\r\n orderObject.CoverageEndDate = new Date(this.props.planTerm.endDate).toUTCString();\r\n orderObject.Days = this.props.planTerm.isAnnual\r\n ? 365\r\n : Math.floor(\r\n (new Date(this.props.planTerm.endDate) - new Date(this.props.planTerm.date)) / (1000 * 60 * 60 * 24) + 1\r\n );\r\n orderObject.Quantity = this.props.personalDetails.length;\r\n orderObject.ReferrerCode = \"\";\r\n orderObject.TotalOrderAmount = totalPrice >= 0 ? parseFloat(totalPrice.toFixed(2)) : 0;\r\n orderObject.discount = discountedPrice > 0 ? discountedPrice : null;\r\n orderObject.Token = billingInfoObject.paymnet_token;\r\n orderObject.CouponId =\r\n this.props.couponInfo && this.props.couponInfo.promoOfferId ? this.props.couponInfo.promoOfferId : null;\r\n orderObject.IsReceiveTravelAlerts = this.props.personalDetails[0].receiver_alert;\r\n orderObject.organizationId = parseInt(this.props.match.params.orgId);\r\n orderObject.Currency = this.props.currency;\r\n\r\n let cadPrice = cadConvertionRate(this.props.planTerm.totalPrice / this.props.personalDetails.length);\r\n cadPrice = cadPrice * this.props.personalDetails.length;\r\n\r\n if (this.props.couponInfo && this.props.couponInfo.discountType != \"P\" && this.state.cadDiscountedAmount != 0) {\r\n cadPrice = cadPrice - this.state.cadDiscountedAmount;\r\n }\r\n\r\n if (this.props.couponInfo && this.props.couponInfo.discountType === \"P\" && this.state.cadDiscountedPercent != 0) {\r\n let CadDisAmount = (cadPrice * this.state.cadDiscountedPercent) / 100;\r\n cadPrice = cadPrice - CadDisAmount;\r\n }\r\n\r\n orderObject.ConversionTotalAmount =\r\n totalPrice >= 0 ? (this.props.currency === \"CAD\" ? cadPrice.toFixed(2) : totalPrice.toFixed(2)) : 0;\r\n if (token == \"pass\") {\r\n this.setState({ showLoader: false });\r\n this.setState({ orderObjectPaypal: orderObject });\r\n } else {\r\n await this.props.placeOrder(orderObject);\r\n if (this.props.orderData && this.props.orderData.orderNumber) {\r\n await this.props.SaveStep(\"5\");\r\n this.props.history.push(this.props.b2b2cBaseUrl + \"/thank-you/\" + this.props.match.params.orgId);\r\n } else {\r\n if (\r\n this.props.orderErrorData &&\r\n this.props.orderErrorData.status &&\r\n this.props.orderErrorData.status !== 200 &&\r\n this.props.orderErrorData.message\r\n ) {\r\n alert(\"Error processing order: \" + this.props.orderErrorData.message);\r\n this.props.history.goBack();\r\n } else {\r\n alert(\"An error occured while processing the order.\");\r\n this.props.history.goBack();\r\n }\r\n this.setState({ showLoader: false });\r\n }\r\n }\r\n }\r\n _bindHowHeard() {\r\n var def = [\"Select an option\"];\r\n var howHeardOptions = def.concat(this.props.howHeardOptions);\r\n\r\n return howHeardOptions.map((option, index) => (\r\n \r\n ));\r\n }\r\n\r\n payMethodChange = (e) => {\r\n this.props.onPaymentMethodChange(e.target.value);\r\n this.setState({ paymentMethod: e.target.value });\r\n // if (e.target.value == \"paypal\") {\r\n // this.saveDataAndNext(\"pass\");\r\n // }\r\n };\r\n onPromoEnter = (e) => {\r\n e.target.value = e.target.value.toUpperCase();\r\n };\r\n render() {\r\n return (\r\n \r\n {this.state.showLoader ?
\r\n );\r\n }\r\n}\r\n\r\n_CardForm.propTypes = {\r\n SavePlanTerm: PropTypes.func,\r\n applyPromoCode: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n getPersonalInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n SaveBillingInfornation: PropTypes.func,\r\n step: PropTypes.string,\r\n howHeardOptions: PropTypes.array,\r\n planTerm: PropTypes.object,\r\n isValidCoupon: PropTypes.bool,\r\n couponInfo: PropTypes.object,\r\n removePromoCode: PropTypes.func,\r\n getBillingInformation: PropTypes.func,\r\n b2b2cBaseUrl: PropTypes.string\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true\r\n})(_CardForm);\r\n","import React, { Component } from \"react\";\r\nimport _CardForm from \"./stripe-card-form\";\r\nimport { Elements, injectStripe } from \"react-stripe-elements\";\r\nconst CardForm = injectStripe(_CardForm)\r\nexport default class StripeCheckout extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n {/* billing information ends */}\r\n {/* next and back button */}\r\n \r\n {/* title */}\r\n
\r\n \r\n
\r\n {/* title ends */}\r\n {/* credit card */}\r\n\r\n {this.props.paymentMethod == \"stripe\" && (\r\n \r\n
\r\n Billing Information
\r\n\r\n \r\n \r\n \r\n Pay Via Card \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n {/* credit card ends */}\r\n\r\n {/* coupon code hear about us */}\r\n \r\n \r\n
\r\n \r\n {this.props.resellerOrganizationInfo &&\r\n this.props.resellerOrganizationInfo.b2B2COrgSettings &&\r\n this.props.resellerOrganizationInfo.b2B2COrgSettings.commission == 0 && (\r\n
\r\n {/* coupon code ends hear about us ends */}\r\n {/* Terms and */}\r\n\r\n \r\n \r\n \r\n {this.state.appliedPromoText}{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.promoResponseText !== \"\" ? (\r\n -1 ? \"#cb0019\" : \"green\"\r\n }}\r\n >\r\n {this.state.promoResponseText}\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 {this.state.howheardError}\r\n \r\n \r\n {this._bindHowHeard()}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {/* optional */}\r\n\r\n \r\n {this.state.howHeardInput && this.state.howHeardInput.split(\"/\").pop()}\r\n
\r\n\r\n \r\n this.setState({ additionalEmail: e.target.value })}\r\n />\r\n
\r\n\r\n {/* optional email */}\r\n \r\n
\r\n {/* Terms and */}\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 {/* upgrade plans */}\r\n {/*
\r\n \r\n \r\n\r\n {this.props.paymentMethod == \"paypal\" ? (\r\n \r\n {\r\n return axios\r\n .post(config.API1 + \"/api/Paypal/ResellerCreateOrder/AK0012\", this.state.orderObjectPaypal)\r\n .then((response) => {\r\n return response.data.orderId;\r\n });\r\n }}\r\n onApprove={(data, actions) => {\r\n return axios\r\n .post(\r\n config.API1 + `/api/Paypal/${data.orderID}/ResellerCaptureOrder/AK0012`,\r\n this.state.orderObjectPaypal\r\n )\r\n .then((response) => {\r\n let resp = response.data;\r\n if (resp.data.status && resp.data.status == 200) {\r\n this.props.placeOrderPaypal(resp);\r\n this.props.SaveStep(\"5\");\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl + \"/thank-you/\" + this.props.match.params.orgId\r\n );\r\n } else {\r\n alert(\"An error occured while processing the order.\");\r\n this.props.history.goBack();\r\n }\r\n });\r\n }}\r\n />\r\n \r\n ) : (\r\n \r\n Buy Now\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { StripeProvider } from \"react-stripe-elements\";\r\nimport Checkout from \"./stripe-checkout\"\r\nimport config from \"../../../../../../config\"\r\n\r\nexport default class BillingStripe extends Component {\r\n render(){\r\n return(\r\n }\r\n
}\r\n
}\r\n
\r\n \r\n \r\n {this.props.productInfo && this.props.productInfo.length > 0\r\n ? this.bindProductRadio(idx, traveller)\r\n : \"\"}\r\n */}\r\n
\r\n
\r\n {/* Plan summary */}\r\n {/*\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* Plan summary */}\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 TM\" checked={traveller.is_annual ? true:false} onChange={this.props.handleAnnualChnage}>\r\n Upgrade to an unlimited annual trip plan for only ${this.props.planMaxPrice.toFixed(2)}\r\n \r\n \r\n
*/}\r\n
\r\n );\r\n });\r\n }\r\n render() {\r\n return (\r\n {traveller.first_name + ' ' + traveller.last_name}
\r\n \r\n {/*\r\n {/* Plan summary */}\r\n {/*
- \r\n
- Plan Type \r\n {this._getProductName(traveller.product_id)}\r\n
- \r\n
- Travel Tier \r\n
- \r\n {/* {this.props.planTerm.isAnnual ? 'Tier 1' : 'Tier ' + this.props.planTerm.tierValue} */}\r\n {'Tier ' + this.props.planTerm.tierValue}\r\n \r\n
- \r\n
- \r\n {this.props.planTerm.country.toString().split(',').length > 1\r\n ? 'Travel countries'\r\n : 'Travel Country'}\r\n \r\n {this._bindCountries(this.props.planTerm.country, 'travel')}\r\n
- \r\n
- Travel Period \r\n
- \r\n {moment(this.props.planTerm.endDate).endOf('day').diff(\r\n moment(this.props.planTerm.date),\r\n 'days'\r\n ) + 1}{' '}\r\n Days\r\n \r\n
- \r\n
- Name \r\n
- \r\n {' '}\r\n {traveller.first_name\r\n ? traveller.first_name + ' ' + traveller.last_name\r\n : 'Not Filled'}\r\n \r\n
- \r\n
- Gender \r\n
- {traveller.isEmailExit ? 'Existing Gender' : this.getGender(traveller.gender)} \r\n
- \r\n
- Date of Birth \r\n
- \r\n {traveller.isEmailExit ? (\r\n 'Existing DOB'\r\n ) : !traveller.isEmailExit && traveller.dob == 'Invalid date' ? (\r\n 'Not Filled'\r\n ) : (\r\n
{traveller.dob} \r\n )}\r\n \r\n
- \r\n
- {traveller.email ? traveller.email : 'Not Filled'} \r\n
- \r\n
- Country \r\n
- \r\n {traveller.isEmailExit\r\n ? 'Existing Country'\r\n : traveller.country\r\n ? this._bindCountries(traveller.country, 'address')\r\n : 'Not Filled'}\r\n \r\n
- \r\n
- Travel Start Date \r\n
- \r\n
{this.props.planTerm.date} \r\n \r\n
- \r\n
- Travel End Date \r\n
- \r\n
{this.props.planTerm.endDate} \r\n \r\n
\r\n
\r\n {this._bindTravellerInfo(this.props.personalDetails)}\r\n
\r\n );\r\n }\r\n }\r\n","import React, { Component } from \"react\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport StripeProvider from \"./stripe-information/stripe-provide\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\nimport TravellerInfo from \"../shared/traveller/traveller.jsx\";\r\nimport { Beforeunload } from \"react-beforeunload\";\r\nimport postscribe from \"postscribe\";\r\nimport { currencyType } from \"../../../components/constants\";\r\nimport getSymbolFromCurrency from \"currency-symbol-map\";\r\nimport { cadConvertionRate } from \"../../b2c/shared/cadConverstion\";\r\nimport PriceCalculation from \"../personal-details/price-calculation.jsx\";\r\nimport config from \"../../../../../config.js\";\r\n\r\nclass BillingInformation extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n appliedPromoText: \"\",\r\n currency: \"USD\",\r\n currencyRate: 1,\r\n decodedParams: props.planTerm,\r\n paymentMethod: \"stripe\",\r\n };\r\n //this.updatePrice = this.updatePrice.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n let localDecodedParams = localStorage.getItem(\"decodedParams\");\r\n if (\r\n typeof localDecodedParams !== \"undefined\" &&\r\n localDecodedParams !== null &&\r\n localDecodedParams !== \"\"\r\n ) {\r\n let dparams = JSON.parse(localDecodedParams);\r\n this.setState({ decodedParams: dparams });\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n //console.log(props);\r\n //to get atn no from url\r\n await this.props.getResellerProductPricingAndInfo();\r\n\r\n let params = new URLSearchParams(window.location.search);\r\n let atn = params.get(\"atn\");\r\n await this.props.getAgentName(atn);\r\n\r\n this.setState({\r\n currency: this.props.currency,\r\n currencyRate: this.props.currencyRate,\r\n });\r\n }\r\n\r\n onUnload = (e) => {\r\n e.preventDefault();\r\n /* this.props.flushOrderData();\r\n this.props.ClearData(); */\r\n };\r\n\r\n render() {\r\n // let cadPrice;\r\n // if(this.state.currency == \"CAD\"){\r\n // cadPrice = cadConvertionRate(this.props.planTerm.totalPrice/ this.props.personalDetails.length);\r\n // }\r\n let decodedParams = this.state.decodedParams;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nBillingInformation.propTypes = {\r\n productPricing: PropTypes.array,\r\n getPersonalInformation: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n history: PropTypes.object,\r\n planTerm: PropTypes.object,\r\n productInfo: PropTypes.array,\r\n planType: PropTypes.object,\r\n personalDetails: PropTypes.array,\r\n productPriceList: PropTypes.array,\r\n getResellerProductPricingAndInfo: PropTypes.func,\r\n countryTierInfo: PropTypes.array,\r\n getAppliedPromo: PropTypes.func,\r\n couponInfo: PropTypes.object,\r\n getStep: PropTypes.func,\r\n getBillingInformation: PropTypes.func,\r\n billingInformation: PropTypes.object,\r\n b2b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(BillingInformation);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Wizard from \"../shared/wizard/wizard.jsx\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport Loader from \"./../shared/loader/loader\";\r\nimport TravellerInfo from \"../shared/traveller/traveller.jsx\";\r\n\r\nclass PurchaseSummary extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n personalSummary: [],\r\n companionSummary: [],\r\n travelZone: \"\",\r\n showLoader: false,\r\n planMaxPrice: 0,\r\n totalPrice: props.planTerm ? props.planTerm.totalPrice : 0,\r\n appliedPromoText: \"\",\r\n };\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handlePlanChange = this.handlePlanChange.bind(this);\r\n this.calculatePrice = this.calculatePrice.bind(this);\r\n this.updatePrice = this.updatePrice.bind(this);\r\n }\r\n\r\n async handlePlanChange(evt) {\r\n var targetValue = evt.target.value.split(\",\");\r\n this.props.personalDetails[targetValue[0]].product_id = targetValue[1];\r\n await this.props.SavePersonalDetails(this.props.personalDetails);\r\n this.calculatePrice();\r\n }\r\n\r\n async calculatePrice() {\r\n var totalPrice = 0;\r\n var dayPriceObject;\r\n for (var i = 0; i < this.props.personalDetails.length; i++) {\r\n var travellerObject = this.props.personalDetails[i];\r\n if (\r\n this.props.productPriceList &&\r\n this.props.productPriceList.length > 0\r\n ) {\r\n if (travellerObject.is_annual) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId === parseInt(travellerObject.product_id)\r\n );\r\n totalPrice = totalPrice + parseInt(dayPriceObject.retailPrice);\r\n } else {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === parseInt(this.props.planTerm.tierValue) &&\r\n x.dayPackage === parseInt(this.props.planTerm.days) &&\r\n x.productId === parseInt(travellerObject.product_id)\r\n );\r\n totalPrice = totalPrice + parseInt(dayPriceObject.retailPrice);\r\n }\r\n } else {\r\n totalPrice = this.props.planTerm.totalPrice;\r\n }\r\n }\r\n let planTermObject = this.props.planTerm;\r\n planTermObject.totalPrice = totalPrice;\r\n await this.props.SavePlanTerm(planTermObject);\r\n var maxPriceDifference =\r\n this.props.personalDetails.length * this.state.planMaxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n }\r\n\r\n async handleClick(evt) {\r\n if (evt.currentTarget.dataset && evt.currentTarget.dataset.value) {\r\n if (evt.currentTarget.dataset.value === \"back\") {\r\n await this.props.SaveStep(\"4\");\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/billing-information/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else {\r\n this.saveDataAndNext();\r\n }\r\n }\r\n }\r\n\r\n async saveDataAndNext() {\r\n this.setState({ showLoader: true });\r\n var orderObject = {};\r\n var userinfo = [];\r\n var travellerArray = this.props.personalDetails;\r\n var countryArray;\r\n var productId = 0;\r\n await this.props.getAppliedPromo();\r\n var discountedPrice = 0;\r\n var totalPrice = 0;\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n if (this.props.couponInfo.discountType === \"P\")\r\n discountedPrice =\r\n (this.props.planTerm.totalPrice *\r\n this.props.couponInfo.discountFigure) /\r\n 100;\r\n else discountedPrice = this.props.couponInfo.discountFigure;\r\n }\r\n totalPrice =\r\n discountedPrice > 0\r\n ? parseInt(this.props.planTerm.totalPrice) - discountedPrice\r\n : parseInt(this.props.planTerm.totalPrice);\r\n if (this.props.planTerm.isAnnual) {\r\n var objCountry = this.props.countryTierInfo.find(\r\n (x) => x.countryCode === \"All\"\r\n );\r\n countryArray = [objCountry.countryId];\r\n let productCount = this.props.productInfo.length;\r\n productId = this.props.productInfo[productCount - 1].productId;\r\n } else {\r\n countryArray = this.props.planTerm.country.split(\",\");\r\n }\r\n\r\n for (var i = 0; i < travellerArray.length; i++) {\r\n var travellerObject = {};\r\n\r\n if (this.props.userData && this.props.userData.email && i === 0) {\r\n travellerObject.userId = this.props.userData.userID;\r\n travellerObject.Email = this.props.userData.email;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n travellerObject.IsPrimary = true;\r\n /* travellerObject.EmergencyFirstName=travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName= travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship= travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo= travellerArray[i].rel_phone_number; */\r\n } else if (travellerArray[i].isEmailExit) {\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.IsPrimary = false;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n } else {\r\n travellerObject.FirstName = travellerArray[i].first_name;\r\n travellerObject.LastName = travellerArray[i].last_name;\r\n travellerObject.Email = travellerArray[i].email;\r\n travellerObject.Gender = travellerArray[i].gender;\r\n travellerObject.ContactNo = travellerArray[i].mobile_number;\r\n travellerObject.Country = travellerArray[i].country;\r\n travellerObject.IsBusinessTravelling =\r\n travellerArray[i].is_bussiness_travelling;\r\n travellerObject.DOB = travellerArray[i].dob;\r\n /* travellerObject.EmergencyFirstName=travellerArray[i].rel_first_name;\r\n travellerObject.EmergencyLastName= travellerArray[i].rel_last_name;\r\n travellerObject.EmergencyRelationship= travellerArray[i].relationship;\r\n travellerObject.EmergencyContactNo= travellerArray[i].rel_phone_number; */\r\n travellerObject.CompanyName = travellerArray[i].company_name;\r\n travellerObject.ProductId = this.props.planTerm.isAnnual\r\n ? productId\r\n : travellerArray[i].product_id;\r\n if (i === 0) {\r\n travellerObject.HowDidYouHear =\r\n this.props.billingInformation.how_heard === \"Referral\" ||\r\n this.props.billingInformation.how_heard === \"Other\"\r\n ? this.props.billingInformation.how_heard +\r\n \" - \" +\r\n this.props.billingInformation.how_heard_other\r\n : this.props.billingInformation.how_heard;\r\n travellerObject.IsPrimary = true;\r\n } else {\r\n travellerObject.IsPrimary = false;\r\n }\r\n }\r\n userinfo.push(travellerObject);\r\n }\r\n orderObject.userinfo = userinfo;\r\n orderObject.IsAnnual = this.props.planTerm.isAnnual;\r\n orderObject.tierId = this.props.planTerm.tierValue;\r\n orderObject.Countries = countryArray;\r\n orderObject.CoverageStartDate = this.props.planTerm.date;\r\n orderObject.Days = this.props.planTerm.isAnnual\r\n ? 365\r\n : this.props.planTerm.days;\r\n orderObject.Quantity = this.props.personalDetails.length;\r\n orderObject.ReferrerCode = \"\";\r\n orderObject.TotalOrderAmount =\r\n totalPrice >= 0 ? parseFloat(totalPrice.toFixed(2)) : 0;\r\n console.log(\"Total price: \" + orderObject.TotalOrderAmount);\r\n orderObject.discount = discountedPrice > 0 ? discountedPrice : null;\r\n orderObject.Token = this.props.billingInformation.paymnet_token;\r\n orderObject.CouponId =\r\n this.props.couponInfo && this.props.couponInfo.promoOfferId\r\n ? this.props.couponInfo.promoOfferId\r\n : null;\r\n orderObject.IsReceiveTravelAlerts = this.props.personalDetails[0].receiver_alert;\r\n orderObject.Currency = this.props.currency;\r\n orderObject.ConversionTotalAmount =\r\n totalPrice >= 0 ? totalPrice.toFixed(2) : 0;\r\n await this.props.placeOrder(orderObject);\r\n if (this.props.orderData && this.props.orderData.orderNumber) {\r\n await this.props.SaveStep(\"5\");\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl + \"/thank-you\" + window.location.search\r\n );\r\n } else {\r\n if (\r\n this.props.orderErrorData &&\r\n this.props.orderErrorData.status &&\r\n this.props.orderErrorData.status !== 200 &&\r\n this.props.orderErrorData.message\r\n ) {\r\n alert(\"Error processing order: \" + this.props.orderErrorData.message);\r\n this.props.history.goBack();\r\n } else {\r\n alert(\"An error occured while processing the order.\");\r\n this.props.history.goBack();\r\n }\r\n this.setState({ showLoader: false });\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n window.scrollTo(0, 0);\r\n var maxPrice = 999;\r\n var dayPriceObject;\r\n var maxPriceDifference = 0;\r\n if (\r\n this.props.personalDetails &&\r\n Object.keys(this.props.personalDetails).length === 0\r\n ) {\r\n await this.props.getStep();\r\n await this.props.getUserData();\r\n await this.props.getResellerProductPricingAndInfo();\r\n await this.props.getPersonalInformation();\r\n await this.props.getPlanTermInformation();\r\n await this.props.getPlanInformation();\r\n await this.props.getBillingInformation();\r\n if (parseInt(this.props.step) < 4) {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/billing-information/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else if (parseInt(this.props.step) === 5) {\r\n await this.props.SaveStep(\"0\");\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/purchase/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else {\r\n if (\r\n this.props.productPriceList &&\r\n this.props.productPriceList.length > 0\r\n ) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId ===\r\n this.props.productInfo[this.props.productInfo.length - 1]\r\n .productId\r\n );\r\n maxPrice = dayPriceObject.retailPrice;\r\n }\r\n maxPriceDifference =\r\n this.props.personalDetails.length * maxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n this.setState({\r\n planMaxPrice: maxPrice,\r\n });\r\n }\r\n } else if (parseInt(this.props.step) < 4) {\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/billing-information/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else if (parseInt(this.props.step) === 5) {\r\n await this.props.SaveStep(\"0\");\r\n this.props.history.push(\r\n this.props.b2b2cBaseUrl +\r\n \"/purchase/\" +\r\n this.props.match.params.orgId +\r\n window.location.search\r\n );\r\n } else {\r\n if (\r\n this.props.productPriceList &&\r\n this.props.productPriceList.length > 0\r\n ) {\r\n dayPriceObject = this.props.productPriceList.find(\r\n (x) =>\r\n x.tierId === 1 &&\r\n x.dayPackage === 365 &&\r\n x.productId ===\r\n this.props.productInfo[this.props.productInfo.length - 1]\r\n .productId\r\n );\r\n maxPrice = dayPriceObject.retailPrice;\r\n }\r\n maxPriceDifference =\r\n this.props.personalDetails.length * maxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n this.setState({\r\n planMaxPrice: maxPrice,\r\n });\r\n }\r\n }\r\n\r\n updatePrice() {\r\n var maxPriceDifference =\r\n this.props.personalDetails.length * this.state.planMaxPrice -\r\n this.props.planTerm.totalPrice;\r\n this._bindPlanPrice(maxPriceDifference);\r\n }\r\n\r\n async _bindPlanPrice(maxPriceDifference) {\r\n await this.props.getAppliedPromo();\r\n var totalPrice = this.props.planTerm.totalPrice;\r\n if (this.props.couponInfo && this.props.couponInfo.promoOfferId) {\r\n var discountedPrice = 0;\r\n if (this.props.couponInfo.discountType === \"P\") {\r\n discountedPrice =\r\n (this.props.planTerm.totalPrice *\r\n this.props.couponInfo.discountFigure) /\r\n 100;\r\n } else {\r\n discountedPrice = this.props.couponInfo.discountFigure;\r\n }\r\n var appliedPromoText =\r\n \"Discount of $\" +\r\n discountedPrice +\r\n \" has been applied to the total plan fee\";\r\n totalPrice = totalPrice - discountedPrice;\r\n this.setState({\r\n appliedPromoText: appliedPromoText,\r\n });\r\n }\r\n this.setState({\r\n totalPrice: totalPrice < 0 ? 0 : totalPrice,\r\n priceToShowAsDiffernce: maxPriceDifference,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {/* Plan Summary
\r\n\r\n {\" \"}\r\n \r\n \r\n Upgrade to the Annual Unlimited Trip CAP+MED™ Plan for only $\r\n {this.props.priceToShowAsDiffernce\r\n ? this.props.priceToShowAsDiffernce.toFixed(2)\r\n : \"0.00\"}\r\n \r\n \r\n
*/}\r\n \r\n {this._bindTravellerInfo(this.props.personalDetails)}\r\n
\r\n {this.state.showLoader ?
\r\n {/* price ends */}\r\n {/* purchase summary */}\r\n {this.props.personalDetails &&\r\n this.props.personalDetails.length > 0 ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {/* next and back button */}\r\n \r\n {/*- title */}\r\n {/* title ends */}\r\n {/* Traveller Summary */}\r\n {this.props.personalDetails &&\r\n this.props.personalDetails.length > 0 &&\r\n this.props.planTerm &&\r\n this.props.planTerm.tierValue &&\r\n this.props.productInfo.length > 0 ? (\r\n
\r\n \r\n
\r\n {/* next and back button */}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nPurchaseSummary.propTypes = {\r\n getResellerProductPricingAndInfo: PropTypes.func,\r\n placeOrder: PropTypes.func,\r\n getPlanInformation: PropTypes.func,\r\n getPlanTermInformation: PropTypes.func,\r\n getPersonalInformation: PropTypes.func,\r\n getBillingInformation: PropTypes.func,\r\n SaveStep: PropTypes.func,\r\n step: PropTypes.string,\r\n planType: PropTypes.object,\r\n planTerm: PropTypes.object,\r\n productPricing: PropTypes.object,\r\n personalDetails: PropTypes.array,\r\n billingInformation: PropTypes.object,\r\n couponInfo: PropTypes.object,\r\n orderData: PropTypes.object,\r\n productPriceList: PropTypes.array,\r\n getUserData: PropTypes.func,\r\n userData: PropTypes.object,\r\n countryTierInfo: PropTypes.array,\r\n getAppliedPromo: PropTypes.func,\r\n getStep: PropTypes.func,\r\n b2b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions, ...userActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(PurchaseSummary);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\nimport Card from \"../../../images/cap-partner-card.png\";\r\nimport ReactGA from 'react-ga4';\r\nimport postscribe from \"postscribe\";\r\nimport { Row, Col } from \"antd\";\r\nimport config from \"../../../../../config\";\r\n\r\n// ReactGA.plugin.require('ecommerce');\r\nclass ThankYou extends Component {\r\n async componentDidMount() {\r\n postscribe(\"#thank-you\",\"\"); \r\n var order_response = JSON.parse(localStorage.getItem(\"order_response\"));\r\n console.log(\"order_response -------------- \");\r\n console.log(order_response);\r\n\r\n var b2b2c_order_amount = JSON.parse(localStorage.getItem(\"b2b2c_order_amount\"));\r\n console.log(\"b2b2c_order_amount -------------- \");\r\n console.log(b2b2c_order_amount);\r\n\r\n if (config.server == \"prod\") {\r\n ReactGA.initialize('G-N02B8BDNND');\r\n\r\n if (order_response && b2b2c_order_amount) {\r\n \r\n \r\n ReactGA.event({\r\n category: 'Ecommerce',\r\n action: 'Purchase',\r\n transaction_id: order_response['orderNumber'],\r\n affiliation: 'FP',\r\n value: b2b2c_order_amount,\r\n currency: 'USD',\r\n shipping: 0,\r\n tax: 0\r\n });\r\n\r\n \r\n \r\n \r\n // ReactGA.plugin.execute(\"ecommerce\", \"addTransaction\", {\r\n // id: order_response[\"orderNumber\"],\r\n // affiliation: \"FP\",\r\n // revenue: b2b2c_order_amount,\r\n // shipping: \"0\",\r\n // tax: \"0\",\r\n // currency: \"USD\"\r\n // });\r\n // ReactGA.plugin.execute(\"ecommerce\", \"send\");\r\n // ReactGA.plugin.execute(\"ecommerce\", \"clear\");\r\n console.log(\"inserted \");\r\n }\r\n }\r\n\r\n if (order_response) {\r\n window.scrollTo(0, 0);\r\n localStorage.removeItem(\"planType\");\r\n localStorage.removeItem(\"planTerm\");\r\n localStorage.removeItem(\"traveller\");\r\n localStorage.removeItem(\"traveller-type\");\r\n localStorage.removeItem(\"billing_information\");\r\n localStorage.removeItem(\"order_response\");\r\n localStorage.removeItem(\"promo\");\r\n } else {\r\n await this.props.flushOrderData();\r\n this.props.history.push(\"/\");\r\n }\r\n }\r\n\r\n _bindTravellerInfo(travellers) {\r\n return travellers.map((traveller, idx) => (\r\n \r\n \r\n Back\r\n \r\n \r\n Confirm Purchase\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n ));\r\n }\r\n\r\n async componentWillUnmount() {\r\n await this.props.flushOrderData();\r\n this.props.history.push(\"/\");\r\n }\r\n render() {\r\n let purchaseUrl = '';\r\n if(this.props.match.params.orgId){\r\n purchaseUrl = `${window.location.origin}/partner/purchase/${this.props.match.params.orgId}${window.location.search}`;\r\n } else {\r\n purchaseUrl = `${window.location.origin}/cap/purchase${window.location.search}`;\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Traveler(s):
\r\n {this._bindTravellerInfo(this.props.personalDetails)}
\r\n
\r\n \r\n Thank You for Purchasing CAP™
\r\n Provided to you in partnership with {this.props.resellerOrganizationInfo && this.props.resellerOrganizationInfo.b2B2COrgSettings && this.props.resellerOrganizationInfo.b2B2COrgSettings.orgName ? this.props.resellerOrganizationInfo.b2B2COrgSettings.orgName : 'Partner Inc.'}\r\n
\r\n \r\n Provided to you in partnership with {this.props.resellerOrganizationInfo && this.props.resellerOrganizationInfo.b2B2COrgSettings && this.props.resellerOrganizationInfo.b2B2COrgSettings.orgName ? this.props.resellerOrganizationInfo.b2B2COrgSettings.orgName : 'Partner Inc.'}\r\n
Your Plan Number is:
\r\n \r\n {this.props.orderData && this.props.orderData.membership\r\n ? this.props.orderData.membership\r\n : \"FPST-YYYYYYYYYY\"}{\" \"}\r\n
\r\n \r\n {this._bindTravellerInfo(this.props.personalDetails)}
\r\n
\r\n Please keep a copy of your plan number and/or CAP™ Card with you during travel.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {this.props.orderData && this.props.orderData.membership\r\n ? this.props.orderData.membership\r\n : \"FPST-YYYYYYYYYY\"}{\" \"}\r\n
\r\n \r\n
\r\n \r\n What to Do if You Need Help During Travel\r\n
\r\n {/* Go Back to the Home Page */}\r\n
\r\n For immediate assistance at any time during your trip, please call our Global Customer Response Center at +1-619-717-8549 or text\r\n +1-954-727-1916. Please have your plan number and/or CAP™ Card readily available when you call, for verification purposes.
\r\n How to Access the CAP™ Portal\r\nYou will receive a Welcome To CAP™ email with login credentials for the online CAP™ Travel Assistance Portal. A copy of your CAP™ Card\r\n can be found attached to this email. You will also receive a purchase confirmation email that includes a summary of your plan.
\r\n What to Do if You Cannot Find the CAP™ Email in Your Inbox, Junk or Spam Folders\r\nPlease call +1-866-340-8569 or email capsupport@wwfocus.com for assistance. Please have your plan number and/or CAP™ Card\r\n readily available when you call.
\r\n Share Your Experience\r\nWe’d love to hear from you. Feel free to leave us a review on Google, recommend us on Facebook, and follow us online.
\r\n Continue Shopping\r\n {/* Go Back to the Home Page */}\r\n
\r\n {routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default UserRouter;\r\n","import React, { Component } from \"react\";\r\nexport default class FooterB2B2C extends Component {\r\n render() {\r\n let { resellerOrganizationInfo } = this.props;\r\n let footerText = null; \r\n let isFooterVisible = true;\r\n if(resellerOrganizationInfo.b2B2COrgSettings && Object.keys(resellerOrganizationInfo.b2B2COrgSettings).length > 0){\r\n resellerOrganizationInfo = resellerOrganizationInfo.b2B2COrgSettings;\r\n if(resellerOrganizationInfo.footerText && resellerOrganizationInfo.footerText !== null){\r\n footerText = resellerOrganizationInfo.footerText;\r\n }\r\n if(typeof resellerOrganizationInfo.isFooterVisible !== \"undefined\" && resellerOrganizationInfo.isFooterVisible !== null){\r\n isFooterVisible = resellerOrganizationInfo.isFooterVisible;\r\n }\r\n }\r\n return ( isFooterVisible ?\r\n \r\n
\r\n : '');\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport HeaderB2B2C from \"./header\";\r\nimport B2B2CRouter from \"../../routes/b2b2c-router\";\r\nimport FooterB2B2C from \"./footer\";\r\nimport * as b2b2cActions from \"../../redux/actions/b2b2c-actions\";\r\nimport ReactGA from 'react-ga4';\r\nimport Config from \"../../../../config\";\r\nimport { Spin } from \"antd\";\r\nimport BGImg from \"../../images/main-bg.png\";\r\nimport config from \"../../../../config\";\r\nimport { clarity } from 'react-microsoft-clarity';\r\n\r\nclass B2B2C extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n gaLoaded: false,\r\n dataLoaded: false\r\n };\r\n }\r\n \r\n \r\n\r\n async componentDidMount() {\r\n await this.props.getResellerProductPricingAndInfo();\r\n \r\n \r\n if (config.server == 'prod') {\r\n clarity.init('offz2ddba7');\r\n \r\n if (typeof ReactGA.initialize !== 'undefined') {\r\n ReactGA.initialize('G-N02B8BDNND');\r\n }\r\n \r\n ReactGA.send({\r\n hitType: 'pageview',\r\n page: window.location.pathname + window.location.search,\r\n title: 'B2B2C-Cap Portal Order'\r\n });\r\n }\r\n \r\n \r\n this.setState({ gaLoaded: true });\r\n }\r\n \r\n render() {\r\n const { url } = this.props.match;\r\n let { resellerOrganizationInfo } = this.props;\r\n let backgroundImage = 'none'; \r\n let primaryColor = null;\r\n if(this.props.resellerOrganizationInfo.b2B2COrgSettings && this.state.dataLoaded !== true){\r\n this.setState({ dataLoaded: true });\r\n }\r\n if(resellerOrganizationInfo.b2B2COrgSettings && Object.keys(resellerOrganizationInfo.b2B2COrgSettings).length > 0){\r\n resellerOrganizationInfo = resellerOrganizationInfo.b2B2COrgSettings;\r\n if(resellerOrganizationInfo.backgroundImage && resellerOrganizationInfo.backgroundImage !== null){\r\n backgroundImage = `url('${Config.API1 + \"/\" + encodeURIComponent(resellerOrganizationInfo.backgroundImage)}')`;\r\n } else {\r\n backgroundImage = `url(${BGImg})`;\r\n }\r\n if(resellerOrganizationInfo.primaryColor && resellerOrganizationInfo.primaryColor !== null){\r\n primaryColor = resellerOrganizationInfo.primaryColor;\r\n }\r\n } else {\r\n if(this.state.dataLoaded !== false){\r\n backgroundImage = `url(${BGImg})`;\r\n }\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {footerText !== null ? footerText : [\"Powered by FocusPoint International, Inc. © 2021\",
,\"All Rights Reserved.\"]}\r\n
\r\n ,\"All Rights Reserved.\"]}\r\n
\r\n \r\n {primaryColor !== null && this.state.dataLoaded !== false ? \r\n \r\n : '' }\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nB2B2C.propTypes = {\r\n getResellerProductPricingAndInfo: PropTypes.func,\r\n location: PropTypes.object\r\n};\r\nfunction mapStateToProps(state) {\r\n return { ...state.b2b2c };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(B2B2C)\r\n);\r\n","import React from 'react';\r\nimport {\r\n injectIntl,\r\n FormattedMessage\r\n} from 'react-intl';\r\n\r\nconst InjectMassage = props => < FormattedMessage {\r\n ...props\r\n}\r\n/>;\r\nexport default injectIntl(InjectMassage, {\r\n forwardRef: false,\r\n});","import React, { Component } from \"react\";\r\nexport default class LogoMain extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n","import Axios from \"../../services/axios-service\";\r\n\r\n//organization types\r\nconst getResellerOrganizationTypes = (data) => {\r\n return Axios.get(\"/api/OrganizationResellerTypes\", data, undefined);\r\n};\r\n\r\nconst getTravellerInfo = async (userId) => {\r\n return Axios.get(\"/api/travelerbasicinfo/\" + userId, undefined, undefined);\r\n};\r\n\r\nconst getOrganizationTypes = (data) => {\r\n return Axios.get(\"/api/OrganizationActiveTypes\", data, undefined);\r\n};\r\n\r\nconst getOrganizationType = (idx) => {\r\n return Axios.get(\"/organization-types/\" + idx, undefined, undefined);\r\n};\r\n\r\nconst updateOrganizationType = (data) => {\r\n return Axios.put(\"/organization-types\", data, undefined);\r\n};\r\n\r\nconst deleteOrganizationType = (data) => {\r\n return Axios.delete(\"/organization-types\", data, undefined);\r\n};\r\n\r\n//organizations\r\nconst getOrganizations = (data) => {\r\n return Axios.get(\r\n \"/api/B2B2COrganization?search=\" + encodeURIComponent(JSON.stringify(data))\r\n );\r\n};\r\n\r\nconst getOrganization = (idx) => {\r\n return Axios.get(\"/api/B2B2COrganization/\" + idx, undefined, undefined);\r\n};\r\nconst CheckIsGuardMeOrg = (idx) => {\r\n return Axios.get(\"/api/CheckIsGuardMeOrg/\" + idx, undefined, undefined);\r\n};\r\nconst updateOrganization = (data) => {\r\n return Axios.put(\"/api/B2B2COrganization\", data, undefined);\r\n};\r\n\r\nconst deleteOrganization = (data) => {\r\n return Axios.delete(\"/organizations\", data, undefined);\r\n};\r\nconst addOrganizations = (data) => {\r\n return Axios.post(\"/api/Organization/onboard\", data, undefined);\r\n};\r\nconst B2B2CGuardMeNewOrder = (data) => {\r\n return Axios.post(\r\n \"/api/B2B2COrganization/B2B2CGuardMeNewOrder\",\r\n data,\r\n undefined\r\n );\r\n};\r\nconst onboardB2B2COrganization = (data) => {\r\n return Axios.post(\"/api/B2B2COnBoard\", data, undefined);\r\n};\r\nconst getPccList = (data) => {\r\n return Axios.get(\"/api/PCC/PCCList\", data, undefined);\r\n};\r\nconst PCCAccountList = (data) => {\r\n return Axios.get(\"/api/PCC/PCCAccountList/\" + data, undefined);\r\n};\r\nconst getPccAccountById = (data) => {\r\n return Axios.get(\"/api/PCC/PCCAccount/\" + data, undefined);\r\n};\r\nconst getOrganizationById = (data) => {\r\n return Axios.get(\"/api/B2B2COrganization/\" + data, undefined);\r\n};\r\nconst getOrganizationProducts = (orgId) => {\r\n return Axios.get(\"/api/OrganizationProducts/\" + orgId, undefined, undefined);\r\n};\r\nconst getOrganizationLicenses = (args) => {\r\n let orgId = args.orgId;\r\n delete args.orgId;\r\n return Axios.get(\r\n \"/api/OrganizationLicenses/\" +\r\n orgId +\r\n \"?search=\" +\r\n encodeURIComponent(JSON.stringify(args)),\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst getOrganizationLicensesByProduct = (args) => {\r\n let orgId = args.orgId;\r\n let productId = args.productId;\r\n delete args.orgId;\r\n delete args.productId;\r\n return Axios.get(\r\n \"/api/OrganizationProductLicenses/\" +\r\n orgId +\r\n \"/\" +\r\n productId +\r\n \"?search=\" +\r\n encodeURIComponent(JSON.stringify(args)),\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst assignLicense = (data) => {\r\n return Axios.post(\"/api/AssignLicenses\", data, undefined);\r\n};\r\nconst unassignLicense = (data) => {\r\n return Axios.post(\"/api/UnAssignLicense\", data, undefined);\r\n};\r\nconst updateOrganizationById = (data, id) => {\r\n return Axios.put(\"/api/B2B2COrganization/\" + id, data, undefined);\r\n};\r\nconst getLicenseLogs = (args) => {\r\n let _licenseId = args.licenseId;\r\n delete args.licenseId;\r\n return Axios.get(\r\n \"/api/LicenseLogs/\" +\r\n _licenseId +\r\n \"?search=\" +\r\n encodeURIComponent(JSON.stringify(args)),\r\n undefined,\r\n undefined\r\n );\r\n};\r\n\r\nconst addorderinOrganization = (data) => {\r\n return Axios.post(\"/api/Organization/newOrder\", data, undefined);\r\n};\r\nconst getLicenseCount = (orgId) => {\r\n return Axios.get(\r\n \"/api/OrganizationLicenseCount/\" + orgId,\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst removeLogo = (orgId) => {\r\n return Axios.put(\r\n \"/api/RemoveOrganizationLogo/\" + orgId,\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst addDivision = (data) => {\r\n return Axios.post(\"/api/OrganizationBranch/\", data, undefined);\r\n};\r\nconst getDivisions = (args) => {\r\n console.log(args);\r\n let _orgId = args.orgId;\r\n delete args.orgId;\r\n return Axios.get(\r\n \"/api/OrganizationBranches/\" +\r\n _orgId +\r\n \"?search=\" +\r\n encodeURIComponent(JSON.stringify(args)),\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst getDivisionsTree = (orgId) => {\r\n return Axios.get(\"/api/OrganizationHierarchy/\" + orgId, undefined, undefined);\r\n};\r\nconst getDivision = (divisionId) => {\r\n return Axios.get(\r\n \"/api/OrganizationBranch/\" + divisionId,\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst updateDivision = (divisionId, data) => {\r\n return Axios.put(\"/api/OrganizationBranch/\" + divisionId, data, undefined);\r\n};\r\nconst getOrganizationEmployees = (args) => {\r\n let _orgId = args.orgId;\r\n delete args.orgId;\r\n return Axios.get(\r\n \"/api/OrganizationEmployees/\" +\r\n _orgId +\r\n \"?search=\" +\r\n encodeURIComponent(JSON.stringify(args)),\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst getBillableOrganizations = (orgId) => {\r\n return Axios.get(\"/api/BillableOrganizations/\" + orgId, undefined, undefined);\r\n};\r\nconst getActiveThemes = () => {\r\n return Axios.get(\"/api/ActiveThemes/\", undefined, undefined);\r\n};\r\nconst removeBackgroundImage = (orgId) => {\r\n return Axios.put(\"/api/RemoveBackgroundImage/\" + orgId, undefined, undefined);\r\n};\r\nconst removeWizardIcon = (orgId) => {\r\n return Axios.put(\r\n \"/api/RemoveInactiveWizaredIcons/\" + orgId,\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst removeWizardActiveIcon = (orgId) => {\r\n return Axios.put(\r\n \"/api/RemoveActiveWizardIcons/\" + orgId,\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst guardMeAssignLicense = (orgId, data) => {\r\n return Axios.post(\"/api/GuardMeAssignLicense/\" + orgId, data, undefined);\r\n};\r\nconst ExportGuardMeTravellersList = (orgId) => {\r\n return Axios.get(\"/api/ui/ExportGuardMeTravellersList/\" + orgId, undefined);\r\n};\r\n\r\nconst guardMeChangeAssignedPlanDate = (data) => {\r\n return Axios.post(\"/api/guardMeChangeAssignedPlanDate/\", data, undefined);\r\n};\r\nconst B2BEmployeeUpgrade = (data) => {\r\n return Axios.post(\"/api/B2BEmployeeUpgrade/check/\", data, undefined, undefined);\r\n};\r\n\r\nconst B2BEmployeeUpgradeStripe = (data) => {\r\n return Axios.post(\"/api/B2BEmployeeUpgrade/payment/stripe\", data, undefined);\r\n};\r\n\r\n\r\nexport default {\r\n getOrganizationTypes,\r\n getOrganizationType,\r\n updateOrganizationType,\r\n deleteOrganizationType,\r\n getOrganizations,\r\n getOrganization,\r\n updateOrganization,\r\n deleteOrganization,\r\n addOrganizations,\r\n getPccList,\r\n PCCAccountList,\r\n getOrganizationById,\r\n getOrganizationProducts,\r\n getOrganizationLicenses,\r\n getOrganizationLicensesByProduct,\r\n assignLicense,\r\n unassignLicense,\r\n updateOrganizationById,\r\n getLicenseLogs,\r\n addorderinOrganization,\r\n getLicenseCount,\r\n removeLogo,\r\n addDivision,\r\n getDivisions,\r\n getDivisionsTree,\r\n getDivision,\r\n updateDivision,\r\n getOrganizationEmployees,\r\n getBillableOrganizations,\r\n getResellerOrganizationTypes,\r\n getActiveThemes,\r\n onboardB2B2COrganization,\r\n removeBackgroundImage,\r\n removeWizardIcon,\r\n removeWizardActiveIcon,\r\n getPccAccountById,\r\n B2B2CGuardMeNewOrder,\r\n guardMeAssignLicense,\r\n getTravellerInfo,\r\n ExportGuardMeTravellersList,\r\n guardMeChangeAssignedPlanDate,\r\n CheckIsGuardMeOrg,\r\n B2BEmployeeUpgrade,\r\n B2BEmployeeUpgradeStripe\r\n};\r\n","import React, { Component } from \"react\";\r\nimport IntlMessages from \"../../services/intlMesseges\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport LogoMain from \"../shared/svg/svg/logo-main.jsx\";\r\nimport { Menu } from \"antd\";\r\n\r\nimport OrgAPI from \"../../redux/api/b2b2c-organization-api\";\r\n\r\nconst { SubMenu } = Menu;\r\n\r\nclass SideBar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { roleName: \"\",\r\n isGuardMeOrg:\"false\",\r\n currentId:\"\"\r\n };\r\n }\r\n async componentDidMount() {\r\n const currentUser = JSON.parse(localStorage.getItem(\"user\"));\r\n if (currentUser.role) this.setState({ roleName: currentUser.role });\r\n \r\n this.setState({currentId : currentUser.parentOrgId})\r\n await OrgAPI.CheckIsGuardMeOrg(currentUser.parentOrgId).then(response =>{\r\n \r\n this.setState({isGuardMeOrg : response}) \r\n \r\n });\r\n \r\n }\r\n\r\n getMenuItem = ({ singleOption }) => {\r\n const { key, label, leftIcon, children ,orgId } = singleOption;\r\n const hideMenu = singleOption.roles.includes(\"NotForGuard\") && this.state.isGuardMeOrg ? true : false;\r\n if (children) {\r\n return (\r\n singleOption.roles &&\r\n singleOption.roles.indexOf(this.state.roleName) !== -1 && (\r\n \r\n \r\n {this.props.options &&\r\n this.props.options.map(singleOption =>\r\n this.getMenuItem({ singleOption })\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(SideBar);\r\n","import { Types } from \"../constants/pagnination-types\";\r\n\r\nexport function updatePagination(data) {\r\n return async function(dispatch, _getState) {\r\n dispatch({type: Types.UPDATE_PAGINATION, payload:data});\r\n };\r\n }\r\n\r\n export function updatePaginationRemoveOld(data) {\r\n return async function(dispatch, _getState) {\r\n dispatch({type: Types.UPDATE_PAGINATION_REMOVE_OLD, payload:data});\r\n };\r\n }\r\n\r\n export function updateFilters(data) {\r\n return async function(dispatch, _getState) {\r\n dispatch({type: Types.UPDATE_FILTER, payload:data});\r\n };\r\n }\r\n\r\n export function clearPagination(module) {\r\n return async function(dispatch, _getState) {\r\n dispatch({type: Types.CLEAR_PAGINATION,payload:{module : module}});\r\n };\r\n }\r\n\r\n export function clearPaginationExceptMe(module) {\r\n return async function(dispatch, _getState) {\r\n dispatch({type: Types.CLEAR_PAGINATION_EXCEPT_ME,payload:{module : module}});\r\n };\r\n }","import Axios from \"../../services/axios-service\";\r\n\r\nconst getCountriesList = async () => {\r\n return await Axios.get(\"/api/GetCountryList\", undefined, undefined);\r\n};\r\nconst getCountriesListByRegion = async () => {\r\n return await Axios.get(\r\n \"/api/RiskLineRegionWiseCountryList\",\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst getAllCovidData = async () => {\r\n console.log(await Axios.get(\"api/risklineAlert/covid/\", undefined, undefined));\r\n return await Axios.get(\r\n \"api/risklineAlert/covid/\",\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst getMyAccount = async () => {\r\n return await Axios.get(\"/api/Users/Profile\", undefined, undefined);\r\n};\r\nconst updateMyAccount = async data => {\r\n return await Axios.put(\"/api/Users/Profile\", data, undefined);\r\n};\r\nconst getTotalSales = args => {\r\n return Axios.post(\"/api/DashBoard/TotalSale\", args, undefined);\r\n};\r\nconst getTotalIncome = args => {\r\n return Axios.post(\"/api/DashBoard/TotalIncome\", args, undefined);\r\n};\r\nconst getTotalProfit = args => {\r\n return Axios.post(\"/api/DashBoard/TotalProfit\", args, undefined);\r\n};\r\nconst getTotalSaleByProduct = args => {\r\n return Axios.post(\"/api/DashBoard/TotalSaleProductWise\", args, undefined);\r\n};\r\nconst checkInEventlog = args => {\r\n return Axios.post(\"/api/CheckInEventlog\", args, undefined);\r\n};\r\n\r\nconst getValidCountriesList = async () => {\r\n return await Axios.get(\"/api/GetValidCountryList \", undefined, undefined);\r\n};\r\nconst getDashboardNotificationsData = args => {\r\n return Axios.post(\"/api/DashBoard/TotalEventSummary\", args, undefined);\r\n};\r\nconst getItinerariesOverview = args => {\r\n return Axios.get(\r\n \"/api/iternary/fetchitinerariesOverview?orgId=\" +\r\n args.orgId +\r\n \"&startDate=\" +\r\n args.startDate +\r\n \"&endDate=\" +\r\n args.endDate,\r\n undefined\r\n );\r\n};\r\n\r\nconst loadEmergencyContacts = () => {\r\n return Axios.get(\"/api/CountryReport/EmergencyNum/\", undefined, undefined);\r\n};\r\n\r\nconst getResellerTotalOrders = args => {\r\n return Axios.post(\"/api/DashBoard/TotalResellerOrders\", args, undefined);\r\n};\r\nconst getResellerTotalProfit = args => {\r\n return Axios.post(\"/api/DashBoard/TotalResellerProfit\", args, undefined);\r\n};\r\nconst getResellerTotalSale = args => {\r\n return Axios.post(\"/api/DashBoard/ResellerTotalSaleProductWise\", args, undefined);\r\n};\r\n\r\nconst hasB2B2CEmergencyContact = (userId) => {\r\n return Axios.get(\"/api/B2B2CEmergencyContactExists/\"+userId, undefined, undefined);\r\n};\r\n\r\nconst updateB2B2CEmergencyContact = (userId, data) => {\r\n return Axios.put(\"/api/UpdateB2B2CEmergencyContact/\"+userId, data, undefined);\r\n};\r\n\r\nconst createCountryState = (args) => {\r\n return Axios.post(\"/api/CreateCountryState\", args, undefined);\r\n};\r\n\r\nconst updateCountryState = (id, args) => {\r\n return Axios.put(\"/api/UpdateCountryState/\"+id, args, undefined);\r\n};\r\n\r\nconst getCountryStateList = data => {\r\n return Axios.get(\"/api/GetCountryStatesList?search=\" + encodeURIComponent(JSON.stringify(data)), undefined, undefined);\r\n};\r\n\r\nconst getCountryStateById = (id) => {\r\n return Axios.get(\"/api/GetCountryStateInfo/\"+id, undefined, undefined);\r\n};\r\n\r\nconst getStateRiskZones = () => {\r\n return Axios.get(\"/api/GetStatesRiskZones\", undefined, undefined);\r\n};\r\n\r\nconst deleteState = id => {\r\n return Axios.delete(\"/api/DeleteCountryState/\"+id, undefined, undefined);\r\n};\r\n\r\nconst getGendersList = () => {\r\n return Axios.get(\"/api/GetGendersList\", undefined, undefined);\r\n};\r\n\r\nconst createuserrequest = data => {\r\n return Axios.post(\"/api/createuserrequest\", data, undefined);\r\n};\r\n\r\nexport default {\r\n getCountriesList,\r\n getCountriesListByRegion,\r\n getAllCovidData,\r\n getMyAccount,\r\n updateMyAccount,\r\n getTotalSales,\r\n getTotalIncome,\r\n getTotalProfit,\r\n getTotalSaleByProduct,\r\n checkInEventlog,\r\n getValidCountriesList,\r\n getDashboardNotificationsData,\r\n getItinerariesOverview,\r\n loadEmergencyContacts,\r\n getResellerTotalOrders,\r\n getResellerTotalProfit,\r\n getResellerTotalSale,\r\n hasB2B2CEmergencyContact,\r\n updateB2B2CEmergencyContact,\r\n createCountryState,\r\n updateCountryState,\r\n getCountryStateList,\r\n getCountryStateById,\r\n getStateRiskZones,\r\n deleteState,\r\n getGendersList,\r\n createuserrequest\r\n};\r\n","import * as UserService from './user-service';\r\nimport Roles from './../user-roles';\r\nconst permissions = Roles.permissions;\r\n\r\nexport function canAccess(permission) {\r\n\tlet status = false;\r\n\tif(permission === '') return status;\r\n\tlet currentUser = UserService.getUser();\r\n\tif(currentUser.role === \"\") return status;\r\n\tif(permissions[permission].indexOf(currentUser.role) > -1){\r\n\t\tstatus = true;\r\n\t} else {\r\n\t\tstatus = false;\r\n\t}\r\n\treturn status;\r\n}\r\n\r\nexport function isTopLevelManager() {\r\n\tlet status = false;\r\n\tlet currentUser = UserService.getUser();\r\n\tif(currentUser.companyID === currentUser.parentOrgId){\r\n\t\tstatus = true;\r\n\t} else {\r\n\t\tstatus = false;\r\n\t}\r\n\treturn status;\r\n}\r\n\r\nexport function isRole(role) {\r\n\tlet status = false;\r\n\tif(role === '') return status;\r\n\tlet currentUser = UserService.getUser();\r\n\tif(currentUser.role === \"\") return status;\r\n\tif(Array.isArray(role)){\r\n\t\tstatus = false;\r\n\t\trole.map(function(item){\r\n\t\t\tif(item == currentUser.role){\r\n\t\t\t\tstatus = true;\r\n\t\t\t}\r\n\t\t});\r\n\t} else {\r\n\t\tif(currentUser.role === \"\") return status;\r\n\t\tif(role == currentUser.role){\r\n\t\t\tstatus = true;\r\n\t\t} else {\r\n\t\t\tstatus = false;\r\n\t\t}\r\n\t}\r\n\treturn status;\r\n}\r\n\r\nexport function emailEditAllowded(){\r\n\t const userRole = JSON.parse(localStorage.getItem('user')).role;\r\n if (userRole == 'Administrator' || userRole == 'CSR') {\r\n return true;\r\n }else{\r\n\treturn false;\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { DatePicker, Switch, Typography, Form, Input, Select, Button, Row, Col, Spin } from \"antd\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport moment from 'moment';\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\n\r\nclass UserProfile extends Component {\r\n state = {\r\n data: {},\r\n loading: false,\r\n confirmDirty: false,\r\n id: 0,\r\n first: \"\",\r\n last: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n country: \"\",\r\n dateofbirth: \"\",\r\n countries: [],\r\n countryId: \"\",\r\n locationFound: false,\r\n locationData: {},\r\n checkexisting: true\r\n };\r\n\r\n async componentDidMount() {\r\n this.props.clearPaginationExceptMe('profile');\r\n let user = await this.props.myAccount();\r\n this.setState(user.data);\r\n this.setState({\r\n loading: false,\r\n dataLoaded: true\r\n });\r\n let countriesListTemp = await API.getCountriesList();\r\n this.setState({ countries: countriesListTemp.countries });\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ userId: this.props.match.params.id });\r\n\r\n const user = await this.props.getTraveller(this.props.match.params.id);\r\n this.setState(user);\r\n if (user.data.email === null) {\r\n this.setState({ checkexisting: false });\r\n }\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n handleFormLayoutChange = e => {\r\n this.setState({ formLayout: e.target.value });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n let _this = this;\r\n this.props.form.validateFieldsAndScroll((_err, values) => {\r\n if (!_err) {\r\n Object.keys(values).map(function (key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = '';\r\n } else {\r\n if (typeof values[key] == 'string') {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return values;\r\n });\r\n if (_this.state.isReceiveTravelAlerts != null) {\r\n values['isReceiveTravelAlerts'] = _this.state.isReceiveTravelAlerts;\r\n }\r\n this.setState({ loading: true });\r\n values['dateOfBirth'] = values['dateOfBirth'].format('YYYY-MM-DD');\r\n this.props\r\n .updateMyAccount(values)\r\n .then(response => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.firstName = values.firstName;\r\n currentUser.lastName = values.lastName;\r\n currentUser.contactNo = values.contactNo;\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.setState({ loading: false });\r\n notifyUser(\"Profile updated successfully!\", \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n });\r\n };\r\n\r\n onSwitchChange = (checked, e) => {\r\n this.setState({ isReceiveTravelAlerts: checked });\r\n };\r\n\r\n handleContactExistance(rule, value, callback) {\r\n //const re = /^[0-9']+$/;\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/)\r\n var test = re.test(value)\r\n if (value !== \"\" && (value.length < 6 || test === false)) {\r\n callback(\r\n {this.props.logo_url !== \"\" && this.props.userType === \"user\"\r\n ? \r\n ![]({this.props.logo_url} "\\"FocusPoint\\"")
\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\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-profile\" })(UserProfile);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nexport default class UserInvoice extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n User Invoice
\r\n\r\n
\r\n User History
\r\n{data.toLocaleString()}
;\r\nconst ImageCell = src =>{text}
;\r\n\r\nclass EditableCell extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.check = this.check.bind(this);\r\n this.edit = this.edit.bind(this);\r\n this.state = {\r\n value: this.props.value,\r\n editable: false\r\n };\r\n }\r\n handleChange(event) {\r\n const value = event.target.value;\r\n this.setState({ value });\r\n }\r\n check() {\r\n this.setState({ editable: false });\r\n if (this.props.onChange) {\r\n this.props.onChange(\r\n this.state.value,\r\n this.props.columnsKey,\r\n this.props.index\r\n );\r\n }\r\n }\r\n edit() {\r\n this.setState({ editable: true });\r\n }\r\n render() {\r\n const { value, editable } = this.state;\r\n return (\r\n\r\n {editable ? (\r\n
\r\n );\r\n }\r\n}\r\nclass DeleteCell extends Component {\r\n render() {\r\n const { index, onDeleteCell } = this.props;\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {value || \" \"}\r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \r\n \r\n Cancel\r\n ,\r\n \r\n ]\r\n ) : (\r\n \r\n )\r\n }\r\n >\r\n {Permission.isRole('Employee') ? (\r\n \r\n \r\n {this.props &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id === '1' &&\r\n Permission.isRole('Administrator') ? (\r\n \r\n {' '}\r\n \r\n \r\n ) : (\r\n \r\n {' '}\r\n \r\n \r\n )}\r\n\r\n {!Permission.isRole('Employee') && !Permission.isRole('CSR') && !Permission.isRole(['Employee']) ? (\r\n
\r\n
\r\n {this.props.match && this.props.match.params && this.props.match.params.id !== '1' && !this.state.loading ? (\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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...itiniaryActions, ...userActions, ...paginationActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"Update-itinerary\" })(\r\n UpdateManualItinerary\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import { Types } from \"../constants/admin-types\";\r\nimport API from \"../api/admin-api\";\r\nimport config from \"../../../../config\";\r\n\r\nexport function getCountriesList() {\r\n return async function(dispatch, _getState) {\r\n try {\r\n let countryAndTierInfo = await API.getCountriesList();\r\n dispatch({ type: Types.COUNTRIES_LIST, payload: countryAndTierInfo });\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function myAccount() {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getMyAccount();\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function updateMyAccount(data) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.updateMyAccount(data);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getCountriesListName() {\r\n return async function(dispatch, _getState) {\r\n try {\r\n let countryAndTierInfo = await API.getCountriesList();\r\n return countryAndTierInfo.countries.filter(\r\n data => data.countryId !== config.allCountriesCountryId\r\n );\r\n } catch (e) {}\r\n };\r\n}\r\nexport function getTotalSales(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getTotalSales(args);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getTotalProfit(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getTotalProfit(args);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getTotalIncome(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getTotalIncome(args);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getTotalSaleByProduct(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getTotalSaleByProduct(args);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getCountriesListFormatted() {\r\n return async function(dispatch, _getState) {\r\n try {\r\n let countryAndTierInfo = await API.getCountriesList();\r\n let countries = countryAndTierInfo.countries.filter(\r\n data => data.countryId !== config.allCountriesCountryId\r\n );\r\n countries.unshift({\r\n countryId: config.allCountriesCountryId,\r\n countryCode: config.allCountriesCountryCode,\r\n countryName: \"All Countries\",\r\n tierId: 1\r\n });\r\n return countries;\r\n } catch (e) {}\r\n };\r\n}\r\nexport function getDashboardNotificationsData(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getDashboardNotificationsData(args);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getItinerariesOverview(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getItinerariesOverview(args);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function loadEmergencyContacts() {\r\n return async function(dispatch, _getState) {\r\n try {\r\n let resp = await API.loadEmergencyContacts();\r\n dispatch({ type: Types.LOAD_EMERGENCY_CONTACTS, payload: resp.data });\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function hasB2B2CEmergencyContact(userId) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let response = await API.hasB2B2CEmergencyContact(userId);\r\n return response;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function updateB2B2CEmergencyContact(userId, data) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let response = await API.updateB2B2CEmergencyContact(userId, data);\r\n return response;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getResellerTotalOrders(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.getResellerTotalOrders(args);\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getResellerTotalProfit(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.getResellerTotalProfit(args);\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function getResellerTotalSale(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.getResellerTotalSale(args);\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function createCountryState(args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.createCountryState(args);\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function updateCountryState(id, args) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.updateCountryState(id, args);\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getCountryStateList({ filters, pagination, sorter }) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.getCountryStateList({\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter\r\n });\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getCountryStateById(id) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.getCountryStateById(id);\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getStateRiskZones() {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.getStateRiskZones();\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function deleteState(id) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.deleteState(id);\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getGendersList() {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n return await API.getGendersList();\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function CreateUserAccess(data) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let response = await API.createuserrequest(data);\r\n console.log(response, \"re\")\r\n return response;\r\n } \r\n catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\n\r\n\r\n","import axios from 'axios';\r\nimport Config from '../../../../../src/config';\r\nimport * as UserServices from \"../user-service\";\r\n\r\nconst instance = token => {\r\n\tlet headers = {};\r\n\tif(token !== \"NO_TOKEN\"){\r\n\t\ttoken = UserServices.getToken();\r\n\t\tif (token) headers['authorization'] = token ? 'Bearer ' + token : undefined;\r\n\t}\r\n\tvar item = axios.create({\r\n\t\tbaseURL: Config.API3,\r\n\t\theaders: headers,\r\n\t\ttransformResponse: [\r\n\t\t\tfunction(data) {\r\n\t\t\t\treturn data;\r\n\t\t\t}\r\n\t\t],\r\n\t\tvalidateStatus: function(status) {\r\n\t\t\tif (status === 403) {\r\n\t\t\t\t//request login\r\n\t\t\t\twindow.location.href = \"/login\";\r\n\t\t\t}\r\n\t\t\treturn status >= 200 && status < 300; // default\r\n\t\t}\r\n\t});\r\n\treturn item;\r\n};\r\n\r\nexport default {\r\n\trequest(options, token) {\r\n\t\treturn instance(token).request(options);\r\n\t}\r\n};\r\n","import AxiosLib from \"./lib/http-axios-lib-tracking\";\r\nimport { configureFakeBackend } from \"./fake-backend\";\r\nimport config from \"../../../config\";\r\n// configureFakeBackend();\r\nconst _request = (method, url, data, token) => {\r\n let options = {\r\n method: method,\r\n url: url,\r\n responseType: \"json\"\r\n };\r\n if (data && method === \"GET\") {\r\n options.params = data;\r\n } else if (data) {\r\n options.data = data;\r\n options.headers = {\r\n \"Content-Type\": \"application/json;charset=UTF-8\"\r\n };\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n AxiosLib.request(options, token)\r\n .then(response => {\r\n let data = response.data;\r\n if (typeof data != \"object\") data = JSON.parse(data);\r\n resolve(data);\r\n })\r\n .catch(error => {\r\n reject(error);\r\n });\r\n });\r\n};\r\n\r\nconst DataAccessService1 = {\r\n get(url, data, token) {\r\n return _request(\"GET\", url, data, token);\r\n },\r\n post(url, data, token) {\r\n return _request(\"POST\", url, data, token);\r\n },\r\n delete(url, token) {\r\n return _request(\"DELETE\", url, undefined, token);\r\n },\r\n put(url, data, token) {\r\n return _request(\"PUT\", url, data, token);\r\n },\r\n patch(url, data, token) {\r\n return _request(\"PATCH\", url, data, token);\r\n }\r\n};\r\n\r\nconst DataAccessService = {\r\n get(url, data, token) {\r\n const requestOptions = {\r\n method: \"GET\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(data)\r\n };\r\n return getFetchMethod(url) === \"fake\"\r\n ? fetch(`${config.API3}` + url, requestOptions)\r\n : DataAccessService1.get(url, data, token);\r\n },\r\n post(url, data, token) {\r\n const requestOptions = {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(data)\r\n };\r\n return getFetchMethod(url) === \"fake\"\r\n ? fetch(`${config.API3}` + url, requestOptions)\r\n : DataAccessService1.post(url, data, token);\r\n },\r\n delete(url, data, token) {\r\n const requestOptions = {\r\n method: \"DELETE\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(data)\r\n };\r\n return getFetchMethod(url) === \"fake\"\r\n ? fetch(`${config.API3}` + url, requestOptions)\r\n : DataAccessService1.delete(url, undefined, token);\r\n },\r\n put(url, data, token) {\r\n const requestOptions = {\r\n method: \"PUT\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(data)\r\n };\r\n return getFetchMethod(url) === \"fake\"\r\n ? fetch(`${config.API3}` + url, requestOptions)\r\n : DataAccessService1.put(url, data, token);\r\n },\r\n patch(url, data, token) {\r\n const requestOptions = {\r\n method: \"PATCH\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify(data)\r\n };\r\n return getFetchMethod(url) === \"fake\"\r\n ? fetch(`${config.API3}` + url, requestOptions)\r\n : DataAccessService1.patch(url, data, token);\r\n }\r\n};\r\n\r\nfunction getFetchMethod(url, data, token) {\r\n if (\r\n url.indexOf(\"/countryreport/\") !== -1 ||\r\n url.indexOf(\"/city/\") !== -1 ||\r\n url.indexOf(\"/risklineAlert\") !== -1 ||\r\n url.indexOf(\"/RiskLineAlert\") !== -1 ||\r\n url.indexOf(\"/advisory/\") !== -1 ||\r\n url.indexOf(\"/categoryList\") !== -1\r\n ) {\r\n return \"real\";\r\n } else {\r\n return \"fake\";\r\n }\r\n}\r\n\r\nexport default DataAccessService;\r\n","import Axios from \"../../services/axios-service-tracking\";\r\nconst getCountryReport = data => {\r\n return Axios.get(\"api/countryreport/\" + data.countryCode);\r\n};\r\nconst getCitiesList = data => {\r\n return Axios.get(\"api/city/CityList/\" + data.countryCode);\r\n};\r\nconst getCityReport = data => {\r\n return Axios.get(\"api/city/CityDetail/\" + data.cityCode);\r\n};\r\nconst risklineAlerts = data => {\r\n return Axios.get(\r\n \"/api/risklineAlert?search=\" + encodeURIComponent(JSON.stringify(data))\r\n );\r\n};\r\nconst getAdvisories = data => {\r\n return Axios.get(\"api/advisory/\" + data.countryCode);\r\n};\r\nconst getCovidData = data => {\r\n return Axios.get(\"api/risklineAlert/covid/\" + data.countryCode);\r\n};\r\n\r\nconst getCovidCountryRegion = data => {\r\n return Axios.get(\"api/risklineAlert/covid/\" + data.countryCode +\"/regions\");\r\n};\r\n\r\nconst getCovidCountryCities = data => {\r\n return Axios.get(\"api/risklineAlert/covid/\" + data.countryCode +\"/cities\");\r\n};\r\nconst risklineAlertsFilter = data => {\r\n return Axios.get(\r\n \"/api/risklineAlert/filterByDateRange?search=\" +\r\n encodeURIComponent(JSON.stringify(data))\r\n );\r\n};\r\nconst advisoriesFilter = data => {\r\n return Axios.get(\r\n \"api/advisory/?search=\" + encodeURIComponent(JSON.stringify(data))\r\n );\r\n};\r\nconst getRiskLineCategories = () => {\r\n return Axios.get(\"api/categoryList\");\r\n};\r\nconst getAdvisoryCoordinatesById = data => {\r\n return Axios.get(\r\n \"api/advisory/advisoryDetail/\" + data.id + \"?coordinates=true\"\r\n );\r\n};\r\n\r\nexport default {\r\n getCountryReport,\r\n getCitiesList,\r\n getCityReport,\r\n risklineAlerts,\r\n getAdvisories,\r\n getCovidData,\r\n risklineAlertsFilter,\r\n advisoriesFilter,\r\n getRiskLineCategories,\r\n getAdvisoryCoordinatesById,\r\n getCovidCountryRegion,\r\n getCovidCountryCities\r\n};\r\n","import API from \"../api/risk-line-api\";\r\nexport function getCountryReport(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getCountryReport(data);\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function getCitiesList(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getCitiesList(data);\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function getCityReport(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getCityReport(data);\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function risklineAlerts({\r\n countries,\r\n riskLevel,\r\n filters,\r\n pagination,\r\n sorter\r\n}) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.risklineAlerts({\r\n countries: countries,\r\n riskLevel: riskLevel,\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter\r\n });\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function getAdvisories(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getAdvisories(data);\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function getCovidData(data) {\r\n return async function (dispatch, getState) {\r\n try {\r\n let resp = await API.getCovidData(data);\r\n return resp;\r\n } catch (e) { }\r\n };\r\n}\r\nexport function getCovidCountryRegion(data) {\r\n return async function (dispatch, getState) {\r\n try {\r\n let resp = await API.getCovidCountryRegion(data);\r\n return resp;\r\n } catch (e) { }\r\n };\r\n}\r\nexport function getCovidCountryCities(data) {\r\n return async function (dispatch, getState) {\r\n try {\r\n let resp = await API.getCovidCountryCities(data);\r\n return resp;\r\n } catch (e) { }\r\n };\r\n}\r\n\r\nexport function risklineAlertsFilter({\r\n countries,\r\n searchText,\r\n startDate,\r\n endDate,\r\n riskLevel,\r\n categoryName,\r\n filters,\r\n pagination,\r\n sorter\r\n}) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.risklineAlertsFilter({\r\n countries: countries,\r\n searchText: searchText,\r\n startDate: startDate,\r\n endDate: endDate,\r\n riskLevel: riskLevel,\r\n categoryName: categoryName,\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter\r\n });\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function advisoriesFilter({\r\n countries,\r\n searchText,\r\n riskLevel,\r\n filters,\r\n pagination,\r\n sorter\r\n}) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.advisoriesFilter({\r\n countries: countries,\r\n searchText: searchText,\r\n riskLevel: riskLevel,\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter\r\n });\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function getRiskLineCategories() {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getRiskLineCategories();\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n\r\nexport function getAdvisoryCoordinatesById(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getAdvisoryCoordinatesById(data);\r\n return resp;\r\n } catch (e) {}\r\n };\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Select, Tabs, Spin } from \"antd\";\r\nimport * as adminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport * as riskLineActions from \"../../../redux/actions/risk-line-actions\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport config from \"../../../../../config\";\r\n\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\n\r\nclass Countries extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = \"countries\";\r\n this.state = {\r\n countriesListByRegion: [],\r\n loading: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n this.props.clearPaginationExceptMe(this.module);\r\n this.setState({ loading: true });\r\n await API.getCountriesListByRegion()\r\n .then(resp => {\r\n this.setState({ countriesListByRegion: resp.data });\r\n this.setState({ loading: false });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n handleChange = id => {\r\n this.props.history.push(\"\" + id);\r\n };\r\n\r\n _bindCountrylistByRegion() {\r\n return this.state.countriesListByRegion.map((r, index) => (\r\n You do not have any CAP plan assigned. Please contact your division manager / travel manager.
\r\n ) : (\r\nYour CAP plan has been expired. Please buy a new plan.
\r\n )}\r\n \r\n- \r\n
- \r\n \r\n \r\n {JSON.parse(localStorage.getItem('user')).isActiveMembership === false &&\r\n Permission.isRole('Membership') ? (\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 {this.props.match && this.props.match.params && this.props.match.params.id !== '1' ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n
- \r\n
- \r\n
\r\n \r\n \r\n - \r\n {this.props.match && this.props.match.params && this.props.match.params.id !== '1' ? (\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 {this.props.match && this.props.match.params && this.props.match.params.id !== '1' ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n {this.props.match && this.props.match.params && this.props.match.params.id !== '1' && !this.state.loading ? (\r\n //
\r\n
\r\n \r\n \r\n
\r\n \r\n {!this.state.loading ? (\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.pagination };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...adminActions, ...riskLineActions, ...paginationActions },\r\n dispatch\r\n );\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n Countries\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {Modal, Tabs } from \"antd\";\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nclass Showmodal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ModalText: '',\r\n ModalTitle: '',\r\n visible: false,\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n this.showModal(this.props.modaldata);\r\n }\r\n \r\n showModal(data){\r\n this._bindCordinates(data)\r\n };\r\n\r\n _bindCordinates(data) {\r\n var text = this._binModalContent(data);\r\n this.setState({\r\n visible: true,\r\n ModalText: text,\r\n ModalTitle: data.title,\r\n });\r\n }\r\n\r\n _binModalContent(data){\r\n return(\r\n \r\n \r\n
\r\n \r\n {this._bindCountrylistByRegion()} \r\n \r\n
\r\n
\r\n \r\n\r\n{ this.props.mapSource != 'alert' &&\r\n \r\n }\r\n\r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...adminActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(Maps)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Typography, Tabs } from \"antd\";\r\n\r\nconst { TabPane } = Tabs;\r\nlet riskLevel = { Low: 1, Moderate: 2, Medium: 3, High: 4, Extreme: 5 };\r\n\r\nclass Report extends Component {\r\n _bindSummary() {\r\n return (\r\n \r\n \r\n {chapter.title}\r\n \r\n
\r\n {this._bindSection(chapter.sections)}\r\n \r\n ));\r\n }\r\n\r\n _bindSection(sections) {\r\n return sections.map((section, i) => (\r\n \r\n
\r\n ));\r\n }\r\n\r\n render() {\r\n return (\r\n {section.title}
\r\n \r\n\r\n \r\n \r\n {city.name}\r\n
\r\n \r\n \r\n {city.riskLevel}\r\n \r\n Risk Level {riskLevel[city.riskLevel]}\r\n \r\n
\r\n \r\n \r\n \r\n ));\r\n }\r\n\r\n bindCityDetails(cityDetails) {\r\n let cityReport = \"\";\r\n cityReport +=\r\n cityDetails.overview && \"{city.name}\r\n \r\n Download City Report\r\n \r\n
\r\n Overview
\" + cityDetails.overview;\r\n cityReport +=\r\n cityDetails.arrival && \"Arrival
\" + cityDetails.arrival;\r\n cityReport +=\r\n cityDetails.getting_around &&\r\n \"Getting Around
\" + cityDetails.getting_around;\r\n cityReport += cityDetails.safety && \"Safety
\" + cityDetails.safety;\r\n cityReport += cityDetails.health && \"Health
\" + cityDetails.health;\r\n cityReport +=\r\n cityDetails.calendar && \"Calendar
\" + cityDetails.calendar;\r\n\r\n return cityReport;\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n \r\n {record.duration &&\r\n moment(\r\n new Date(record.duration.start_date * 1000).toUTCString()\r\n ).format(\"DD MMM YYYY\")}\r\n \r\n\r\n {\r\n this.showModal(record);\r\n }}\r\n >\r\n {record.title}\r\n \r\n
\r\n \r\n {data.advice ? (\r\n ADVICE:{data.advice} \r\n ) : (\r\n \"\"\r\n )}\r\n {data.regions && data.regions.length > 0 ? (\r\n \r\n {region.name}\r\n \r\n ))}\r\n {data.riskAlertAirports && data.riskAlertAirports.length > 0 ? (\r\n \r\n {airport.name}\r\n \r\n ))}\r\n
\r\n \r\n Affected Regions\r\n
\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {data.regions &&\r\n data.regions.map(region => (\r\n \r\n
\r\n \r\n
Affected Airports\r\n \r\n
\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {data.riskAlertAirports &&\r\n data.riskAlertAirports.map(airport => (\r\n Affected Airports\r\n \r\n
\r\n
\r\n {data.location_explanation}\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 record.id}\r\n dataSource={this.props.riskAlerts}\r\n />\r\n \r\n
\r\n \r\n {this.state.ModalText}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...riskLineActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"alerts-search-form\" })(Alerts);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Modal,\r\n Tabs,\r\n Typography,\r\n Collapse,\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Spin\r\n} from \"antd\";\r\nimport Maps from \"./map\";\r\nimport * as riskLineActions from \"../../../redux/actions/risk-line-actions\";\r\n\r\nlet riskLevel = { Low: 1, Moderate: 2, Medium: 3, High: 4, Extreme: 5 };\r\n\r\nconst { TabPane } = Tabs;\r\nconst { Panel } = Collapse;\r\nconst { Option } = Select;\r\nconst refs = {\r\n map: undefined,\r\n marker: undefined,\r\n polygon: undefined\r\n};\r\n\r\nclass Advisories extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ModalText: \"\",\r\n ModalTitle: \"\",\r\n visible: false,\r\n confirmLoading: false,\r\n coordinates: [],\r\n loading: false,\r\n mapdata: {\r\n zoom: 4,\r\n isMarker: false,\r\n isPoly: false,\r\n googleMapURL:\r\n \"https://maps.googleapis.com/maps/api/js?key=AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is&v=3.exp\",\r\n loadingElement: ,\r\n containerElement: ,\r\n mapElement: ,\r\n // center: { lat: 36.734895510543524, lng: -119.77812369355456 },\r\n onMapMounted: this.onMapMounted,\r\n onPolygonMounted: this.onPolygonMounted,\r\n onMarkerMounted: this.onMarkerMounted\r\n }\r\n };\r\n }\r\n\r\n onMapMounted(ref) {\r\n refs.map = ref;\r\n }\r\n onPolygonMounted(ref) {\r\n refs.polygon = ref;\r\n }\r\n onMarkerMounted(ref) {\r\n refs.marker = ref;\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n dataIndex: \"title\",\r\n render: (text, record) => (\r\n \r\n \r\n {data.location_explanation}\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 Advisories \r\n record.AdvisoryId}\r\n dataSource={this.props.advisories}\r\n />\r\n \r\n
\r\n\r\n \r\n {this.state.ModalText}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...riskLineActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"advisories-search-form\" })(Advisories);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as riskLineActions from \"../../../redux/actions/risk-line-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport config from \"../../../../../config\";\r\nimport { Row, Col, Tabs, Typography, Spin } from \"antd\";\r\nlet riskLevel = {\r\n 1: \"Low\",\r\n 2: \"Moderate\",\r\n 3: \"Medium\",\r\n 4: \"High\",\r\n 5: \"Extreme\",\r\n};\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nclass Covid extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n covidRegionData: undefined,\r\n covidCitiesData: undefined,\r\n };\r\n }\r\n\r\n tabClicked = (key, event) => {\r\n this.setState({ childLoading: true });\r\n\r\n if (key === \"regions\") {\r\n this.props\r\n .getCovidCountryRegion({\r\n countryCode: this.props.countryCode,\r\n })\r\n .then((resp) => {\r\n console.log(resp);\r\n this.setState({\r\n covidRegionData: resp,\r\n loading: false,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ childLoading: false });\r\n });\r\n }\r\n if (key === \"covidCities\") {\r\n this.props\r\n .getCovidCountryCities({\r\n countryCode: this.props.countryCode,\r\n })\r\n .then((resp) => {\r\n console.log(resp);\r\n this.setState({\r\n covidCitiesData: resp,\r\n loading: false,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ childLoading: false });\r\n });\r\n }\r\n };\r\n\r\n bindRegionDetails(cityDetails) {\r\n let cityReport = \"\";\r\n cityReport +=\r\n cityDetails.summary && \"Summary
\" + cityDetails.summary;\r\n cityReport +=\r\n cityDetails.policy_status &&\r\n \"What is the current policy?: \" +\r\n cityDetails.policy_status +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.policy_end &&\r\n \"Policy ends: \" + cityDetails.policy_end + \"
\";\r\n cityReport +=\r\n cityDetails.policy_text &&\r\n \"Policy explanation: \" +\r\n cityDetails.policy_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.policy_update &&\r\n \"Last update: \" + cityDetails.policy_update + \"
\";\r\n cityReport += \"Infection
\";\r\n cityReport +=\r\n cityDetails.infection_level &&\r\n \"Infection Level: \" +\r\n cityDetails.infection_level +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.infection_rate &&\r\n \"Infection rate: \" +\r\n cityDetails.infection_rate +\r\n \" cases per 100k in the last 7 days
\";\r\n cityReport +=\r\n cityDetails.infection_as_of_day &&\r\n \"As of date: \" +\r\n cityDetails.infection_as_of_day +\r\n \"
\";\r\n cityReport += \"Travel
\";\r\n cityReport += \"Entry and borders
\";\r\n cityReport +=\r\n cityDetails.entry_ban &&\r\n \"Is there a ban on entry for any travellers? \" +\r\n cityDetails.entry_ban +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.entry_date &&\r\n \"Through what date? \" +\r\n cityDetails.entry_date +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.entry_text &&\r\n \"Entry Rules Explanation: \" +\r\n cityDetails.entry_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.entry_rules &&\r\n \"Entry Rules: \" + cityDetails.entry_rules + \"
\";\r\n cityReport +=\r\n cityDetails.entry_exemptions &&\r\n \"Exemptions: \" +\r\n cityDetails.entry_exemptions +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.entry_update &&\r\n \"Last Update: \" + cityDetails.entry_update + \"
\";\r\n cityReport += \"Testing
\";\r\n cityReport +=\r\n cityDetails.testing_test &&\r\n \"Do travellers need to take a COVID-19 test? \" +\r\n cityDetails.testing_test +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.testing_when &&\r\n \"When? \" + cityDetails.testing_when + \"
\";\r\n cityReport +=\r\n cityDetails.entry_update &&\r\n \"Is it mandatory or optional? \" +\r\n cityDetails.entry_update +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.testing_text &&\r\n \"Testing Explanation: \" +\r\n cityDetails.testing_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.testing_rules &&\r\n \"Testing Rules: \" +\r\n cityDetails.testing_rules +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.testing_update &&\r\n \"Last Update: \" + cityDetails.testing_update + \"
\";\r\n cityReport += \"Health and travel documentations
\";\r\n cityReport +=\r\n cityDetails.health_need_doc &&\r\n \"Do arriving travellers need any health and/or travel documentation? \" +\r\n cityDetails.health_need_doc +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.health_text &&\r\n \"Documentation Explanation: \" +\r\n cityDetails.health_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.health_doc &&\r\n \"Health Document: \" + cityDetails.health_doc + \"
\";\r\n cityReport +=\r\n cityDetails.health_travel_doc &&\r\n \"Travel Document: \" +\r\n cityDetails.health_travel_doc +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.health_update &&\r\n \"Last Update: \" + cityDetails.health_update + \"
\";\r\n cityReport += \"Tracing app
\";\r\n cityReport +=\r\n cityDetails.tracing_need &&\r\n \"Do travellers need to use a contact tracing app after arriving? \" +\r\n cityDetails.tracing_need +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.tracing_text &&\r\n \"Tracing App Explanation: \" +\r\n cityDetails.tracing_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.tracing_update &&\r\n \"Last Update: \" + cityDetails.tracing_update + \"
\";\r\n cityReport += \"Quarantine on arrival
\";\r\n cityReport +=\r\n cityDetails.quarantine_who &&\r\n \"Who needs to quarantine on arrival? \" +\r\n cityDetails.quarantine_who +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.quarantine_days &&\r\n \"How many days is quarantine? \" +\r\n cityDetails.quarantine_days +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.quarantine_type &&\r\n \"Is it self-quarantine or operated by the government? \" +\r\n cityDetails.quarantine_type +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.quarantine_text &&\r\n \"Quarantine Explanation: \" +\r\n cityDetails.quarantine_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.quarantine_rules &&\r\n \"Quarantine Rules: \" +\r\n cityDetails.quarantine_rules +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.quarantine_mandate &&\r\n \"Quarantine Mandate List: \" +\r\n cityDetails.quarantine_mandate +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.quarantine_update &&\r\n \"Last Update: \" +\r\n cityDetails.quarantine_update +\r\n \"
\";\r\n cityReport += \"Masks
\";\r\n cityReport +=\r\n cityDetails.masks_req &&\r\n \"Are face masks mandatory? \" +\r\n cityDetails.masks_req +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.masks_text &&\r\n \"Mask Policy Explanation: \" +\r\n cityDetails.masks_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.masks_update &&\r\n \"Last Update: \" + cityDetails.masks_update + \"
\";\r\n cityReport += \"Internal situation
\";\r\n cityReport += \"Internal travel
\";\r\n cityReport +=\r\n cityDetails.internal_travel_allowed &&\r\n \"Is allowed: \" +\r\n cityDetails.internal_travel_allowed +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.internal_travel_text &&\r\n \"Internal Travel Explanation: \" +\r\n cityDetails.internal_travel_text +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.internal_travel_update &&\r\n \"Last Update: \" +\r\n cityDetails.internal_travel_update +\r\n \"
\";\r\n cityReport += \"Resources
\";\r\n cityReport +=\r\n cityDetails.resources_gov &&\r\n \"Government COVID Site: \" +\r\n cityDetails.resources_gov +\r\n \"
\";\r\n cityReport +=\r\n cityDetails.resources_health &&\r\n \"Health Dept COVID Site: \" +\r\n cityDetails.resources_health +\r\n \"
\";\r\n return cityReport;\r\n }\r\n\r\n bindcovidCitiesDetails(cityDetails) {\r\n let cityReport = \"\";\r\n cityReport += cityDetails.summary && \"\" + cityDetails.summary + \"
\";\r\n cityReport += \"\r\n \r\n \r\n \r\n {/*region.covid_risk_levell*/}\r\n \r\n Risk Level {region.covid_risk_level}\r\n \r\n {\r\n
\r\n }\r\n \r\n \r\n \r\n ));\r\n }\r\n\r\n _bindcovidCitiesList() {\r\n return this.state.covidCitiesData.map((covidCities, index) => (\r\n {region.name}
\r\n\r\n \r\n \r\n \r\n \r\n {/*region.covid_risk_levell*/}\r\n \r\n {covidCities.covid_risk_level}\r\n \r\n {\r\n
\r\n }\r\n \r\n \r\n \r\n ));\r\n }\r\n\r\n render() {\r\n return (\r\n {covidCities.Cityname}
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
{this.props.coviddata.covid_risk_level}
\r\n \r\n\r\n
{this.props.coviddata.infection_level}
\r\n \r\n\r\n
{this.props.coviddata.cases_death}
\r\n \r\n\r\n
{this.props.coviddata.cases_confirmed}
\r\n \r\n \r\n{this.props.coviddata.policy_start}
\r\n \r\n{this.props.coviddata.policy_end}
\r\n \r\n{this.props.coviddata.policy_status}
\r\n \r\n{this.props.coviddata.infection_rate}
\r\n \r\n{this.props.coviddata.infection_level}
\r\n \r\n{this.props.coviddata.flight_ban}
\r\n \r\n{this.props.coviddata.flight_ban_end}
\r\n \r\n{this.props.coviddata.entry_ban}
\r\n \r\n{this.props.coviddata.entry_ban_end}
\r\n \r\n{this.props.coviddata.entry_exemptions}
\r\n \r\n{this.props.coviddata.entry_rules}
\r\n \r\n{this.props.coviddata.testing_when}
\r\n \r\n{this.props.coviddata.testing_rules}
\r\n \r\n{this.props.coviddata.testing_test}
\r\n \r\n{this.props.coviddata.testing_req}
\r\n \r\n{this.props.coviddata.health_doc}
\r\n \r\n{this.props.coviddata.health_travel_doc}
\r\n \r\n{this.props.coviddata.health_need_doc}
\r\n \r\n{this.props.coviddata.tracing_ios}
\r\n \r\n : \"\"\r\n }\r\n {(this.props.coviddata.tracing_android != \"System.String[]\" && this.props.coviddata.tracing_android != \"\") ?\r\n{this.props.coviddata.tracing_android}
\r\n \r\n : \"\"\r\n }\r\n{this.props.coviddata.tracing_need}
\r\n \r\n{this.props.coviddata.quarantine_type}
\r\n \r\n{this.props.coviddata.quarantine_days}
\r\n \r\n{this.props.coviddata.quarantine_rules}
\r\n \r\n{this.props.coviddata.quarantine_mandate}
\r\n \r\n{this.props.coviddata.quarantine_who}
\r\n \r\n{this.props.coviddata.masks_req}
\r\n \r\n{this.props.coviddata.exit_reqs}
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Download Report\r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n \r\n \r\n {this.state.countryReport.country_name}\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\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 this.props.history.push(\"../../../cap/purchase\")}\r\n onCancel={() => this.props.history.push(\"../../\")}\r\n footer={\r\n Permission.isRole(\"Membership\") ? (\r\n [\r\n this.props.history.push(\"../../\")}\r\n >\r\n Cancel\r\n ,\r\n \r\n this.props.history.push(\"../../../cap/purchase\")\r\n }\r\n >\r\n Buy Now\r\n ,\r\n ]\r\n ) : (\r\n this.props.history.push(\"../../\")}\r\n >\r\n Ok\r\n \r\n )\r\n }\r\n >\r\n {Permission.isRole(\"Employee\") ? (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...riskLineActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n CountriesInfo\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n\r\n const getOrdersData = data => {\r\n let _orgId = data.orgId;\r\n delete data.orgId;\r\n return Axios.get(\"/api/OrganizationOrders/\" +_orgId+ \"?search=\"+encodeURIComponent(JSON.stringify(data)), undefined)\r\n .then(res => {\r\n return res;\r\n })\r\n .catch(ex => {\r\n return ex;\r\n });\r\n };\r\n\r\n const getOrder = idx => {\r\n return Axios.get(\"/api/order/\"+idx, undefined, undefined);\r\n };\r\n\r\n const getAgentOrder = idx => {\r\n return Axios.get(\"/api/getAgentOrder/\"+idx, undefined, undefined);\r\n };\r\n\r\n const updateOrder = data => {\r\n return Axios.put(\"/api/updateorder/\"+data.id, data, undefined);\r\n };\r\n\r\n const refundOrder = (data) => {\r\n return Axios.put(\"/api/refundorder/\" + data.orderID, data, undefined)\r\n }\r\n\r\n const addOrder = data => {\r\n return Axios.post(\"/api/addorder\", data, undefined);\r\n };\r\n const exportOrders = (orgId = 1, startDate, endDate) => {\r\n return Axios.post(`/api/ExportOrders/${orgId}/${startDate}/${endDate}`, undefined, undefined);\r\n };\r\nconst getResellerOrders = data => {\r\n let _orgId = data.orgId;\r\n let startDateParams = \"\";\r\n let endDateParams = \"\";\r\n if(data.startDate){\r\n startDateParams = `&startDate=${encodeURIComponent(data.startDate)}`;\r\n delete data.startDate;\r\n }\r\n if(data.endDate){\r\n endDateParams = `&endDate=${encodeURIComponent(data.endDate)}`;\r\n delete data.endDate;\r\n }\r\n delete data.orgId;\r\n let endpoint = \"/api/ResellerOrders/\" +_orgId+ \"?search=\"+encodeURIComponent(JSON.stringify(data))+startDateParams+endDateParams;\r\n return Axios.get(endpoint,undefined, undefined)\r\n .then(res => {\r\n return res;\r\n })\r\n .catch(ex => {\r\n return ex;\r\n });\r\n};\r\n\r\nconst getAgentOrders = data => {\r\n let _orgId = data.orgId;\r\n let startDateParams = \"\";\r\n let endDateParams = \"\";\r\n if(data.startDate){\r\n startDateParams = `&startDate=${encodeURIComponent(data.startDate)}`;\r\n delete data.startDate;\r\n }\r\n if(data.endDate){\r\n endDateParams = `&endDate=${encodeURIComponent(data.endDate)}`;\r\n delete data.endDate;\r\n }\r\n delete data.orgId;\r\n let endpoint = \"/api/GetB2B2CAgentOrders/\" +_orgId+ \"?search=\"+encodeURIComponent(JSON.stringify(data))+startDateParams+endDateParams;\r\n return Axios.get(endpoint,undefined, undefined)\r\n .then(res => {\r\n return res;\r\n })\r\n .catch(ex => {\r\n return ex;\r\n });\r\n};\r\n\r\n export default {\r\n getOrdersData,\r\n getOrder,\r\n getAgentOrder,\r\n updateOrder,\r\n refundOrder,\r\n addOrder,\r\n exportOrders,\r\n getResellerOrders,\r\n getAgentOrders\r\n };\r\n","import API from \"../api/order-api\";\r\nimport {notifyUser} from \"../../services/notification-service\"\r\nexport function getOrders({ orgId, filters, pagination, sorter }) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getOrdersData({\r\n orgId: orgId,\r\n filters: filters,\r\n pagination: pagination,\r\n sorter : sorter\r\n });//console.log(resp);\r\n return resp;\r\n \r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n export function getOrder(idx) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getOrder(idx);\r\n return resp;\r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n\r\n export function getAgentOrder(idx) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getAgentOrder(idx);\r\n return resp;\r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n\r\n export function updateOrder(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n const response = await API.updateOrder(data);\r\n if (response.data) {\r\n notifyUser(\"Order Updated.\", 'info');\r\n }\r\n return { \"success\": true, response };\r\n\r\n } catch (e) {\r\n notifyUser(\"Error Updating Order\", 'error');\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n\r\n export function refundOrder(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n const response = await API.refundOrder(data)\r\n return response;\r\n } catch (e) {\r\n notifyUser(\"Error Refunding Order\", \"error\")\r\n return { error: true }\r\n }\r\n }\r\n }\r\n\r\n export function addOrder(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n await API.addOrder(data);\r\n notifyUser(\"Order Added\", 'info');\r\n } catch (e) {\r\n notifyUser(\"Error Adding Order\", 'error');\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\nexport function getResellerOrders(data) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getResellerOrders(data);\r\n return resp;\r\n\r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n}\r\n\r\nexport function getAgentOrders(data) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let resp = await API.getAgentOrders(data);\r\n return resp;\r\n\r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n}\r\n","import React, { Component } from \"react\"\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { connect } from \"react-redux\"\r\nimport { bindActionCreators } from \"redux\"\r\nimport IntlMessages from \"../../../services/intlMesseges\"\r\nimport { Table, Icon, Input, Button, Row, Col, Typography } from \"antd\"\r\nimport { ViewCell, EditCell } from \"../../shared/components/helperCells\"\r\nimport * as orderActions from \"../../../redux/actions/order-actions\"\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\"\r\nimport * as UserService from \"../../../services/user-service\"\r\nimport moment from \"moment\"\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\"\r\nconst dateFormat = \"MM/DD/YYYY HH:mm:ss\"\r\n\r\nclass ManageOrders extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.module = \"orders\"\r\n this.state = {\r\n ordersLoaded: false,\r\n isLoading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n You do not have any CAP plan assigned. Please contact your\r\n division manager / travel manager.\r\n
\r\n ) : (\r\nYour CAP plan has been expired. Please buy a new plan.
\r\n )}\r\n \r\n\r\n \r\n )\r\n }),\r\n },\r\n {\r\n title:
\r\n {\r\n this.searchInput = node\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")}\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n )\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n \r\n record.orderId}\r\n dataSource={this.state.data.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n }\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...paginationActions }, dispatch)\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(ManageOrders)\r\n)\r\n","import React from \"react\"\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { connect } from \"react-redux\"\r\nimport { bindActionCreators } from \"redux\"\r\nimport * as orderActions from \"../../../redux/actions/order-actions\"\r\nimport * as UserActions from \"../../../redux/actions/user-actions\"\r\nimport IntlMessages from \"../../../services/intlMesseges\"\r\nimport * as UserService from \"../../../services/user-service\"\r\nimport {\r\n Typography,\r\n Form,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Descriptions,\r\n Table,\r\n Tag,\r\n Tooltip,\r\n Modal,\r\n Input,\r\n} from \"antd\"\r\nimport API from \"../../../redux/api/user-api\";\r\nimport TextArea from \"antd/lib/input/TextArea\"\r\nimport moment from \"moment\"\r\nimport * as Permission from \"../../../services/permissions\"\r\nimport { notifyUser } from \"../../../services/notification-service\"\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\"\r\n\r\nconst dateFormat = \"MM/DD/YYYY\"\r\nconst dateFormathh = \"MM/DD/YYYY - HH:mm:ss\"\r\nclass ViewOrder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n updateCompanionModalVisible: false,\r\n currentCompanionId: null,\r\n currentCompanionEmail: null,\r\n currentCompanionPhone: null,\r\n currentCompanionOrgId: null,\r\n orderInfo: {},\r\n orderRefundModal: {\r\n loading: false,\r\n show: false\r\n },\r\n orderRefundModalData: {\r\n remarks: \"\",\r\n internalRemarks: \"\"\r\n }\r\n };\r\n }\r\n\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n });\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ loading: true, id: this.props.match.params.id });\r\n this.loadOrder();\r\n }\r\n }\r\n\r\n loadOrder = async () => {\r\n const order = await this.props.getOrder(this.props.match.params.id);\r\n let pricecurrency = order.data && order.data.currency && order.data.currency;\r\n this.setState({ currency: pricecurrency });\r\n this.setState({\r\n orderInfo: order.data,\r\n currentCompanionOrgId: order && order.data && order.data.orgId\r\n });\r\n this.setState({ loading: false });\r\n };\r\n\r\n resendMembershipInfo = async (id) => {\r\n await this.props.resendMembershipInfo(id);\r\n };\r\n\r\n resendProofOfBenefits = async (id) => {\r\n await this.props.resendProofOfBenefits(id);\r\n };\r\n\r\n resendForgotPasswordLink = async (email) => {\r\n let response = await API.forgotPassword({\r\n userName: email\r\n });\r\n console.log(response.success);\r\n if(response.success) {\r\n notifyUser(\"Reset Password E-mail sent successfully!\", \"success\");\r\n } else {\r\n notifyUser(\"E-mail cannot be sent. Try again!\", \"error\");\r\n }\r\n };\r\n\r\n submitFormAdd = (data) => {\r\n this.props\r\n .addOrder(data)\r\n .then((item) => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"./\");\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n editItem = (id) => {\r\n this.props.history.push(\"./edit/\" + id);\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n this.props\r\n .updateOrder(data)\r\n .then((item) => {\r\n if (item.error) {\r\n } else {\r\n this.props.history.push(\"./\");\r\n }\r\n\r\n this.setState({ loading: false });\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values[\"id\"] = this.state.id;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleContactExistance(rule, value, callback) {\r\n //const re = /^[0-9']+$/;\r\n const re = /^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/;\r\n var test = re.test(value);\r\n if (value !== \"\" && (value.length < 6 || test === false)) {\r\n callback(\r\n\r\n
\r\n \r\n \r\n \r\n\r\n {/* Refund Order Modal */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n { \r\n \r\n this.props.history.goBack()}\r\n >\r\n this.onOpenOrderRefundModal()}\r\n disabled={this.state.orderInfo && this.state.orderInfo.orderStatus === \"REFUNDED\"}\r\n // disabled={moment(this.state.orderInfo.coverageStartDate) < moment()}\r\n >\r\n Refund Order\r\n \r\n )}\r\n {Permission.isRole([\"Administrator\", \"CSR\", \"Super Admin\"]) && (\r\n this.resendProofOfBenefits(this.state.orderInfo.orderID)}\r\n hidden = {this.state.orderInfo.orderStatus === \"REFUNDED\"}\r\n >\r\n Send Benefits Email\r\n \r\n )}\r\n {Permission.isRole([\"Administrator\", \"CSR\", \"Super Admin\"]) && (\r\n this.editItem(this.state.orderInfo.orderID)}\r\n hidden = {this.state.orderInfo.orderStatus === \"REFUNDED\"}\r\n >\r\n Edit Order\r\n \r\n )}\r\n {/* TODO Refund Condition */}\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...UserActions, ...b2b2cActions }, dispatch)\r\n}\r\nconst WrappedForm = Form.create({ name: \"view-order\" })(ViewOrder)\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(WrappedForm)\r\n)\r\n","/**\r\n * @name MarkerClusterer for Google Maps v3\r\n * @version version 1.0.1\r\n * @author Luke Mahe\r\n * @fileoverview\r\n * The library creates and manages per-zoom-level clusters for large amounts of\r\n * markers.\r\n * \r\n
\r\n \r\n \r\n {this.state.orderInfo.orderStatus || \"Not Available\"}\r\n \r\n {this.state.orderInfo.expiryDate}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n * This is a v3 implementation of the\r\n * v2 MarkerClusterer.\r\n */\r\n\r\n/**\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n * http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n/**\r\n * A Marker Clusterer that clusters markers.\r\n *\r\n * @param {window.google.maps.Map} map The Google map to attach to.\r\n * @param {Array.
- Alert: \" +\r\n marker.title +\r\n \"
- Date: \" +\r\n moment(new Date(marker.startDate * 1000).toUTCString()).format(\r\n dateFormat\r\n ) +\r\n \"
- Location: \" +\r\n marker.location_explanation +\r\n \" \"\r\n );\r\n infowindow.open(map, entry);\r\n props.onAlertClick(infowindow);\r\n }\r\n\r\n if (props[event]) {\r\n props[event]({\r\n props: props,\r\n marker: marker,\r\n event: event,\r\n entry: entry\r\n });\r\n }\r\n };\r\n\r\n // This hook works like ComponentWillMount\r\n // The hook isn't really needed, this whole thing worked without it,\r\n // I added the hook so that I could implement a cleanup function\r\n useEffect(() => {\r\n if (map && markers) {\r\n let bounds = new window.google.maps.LatLngBounds();\r\n var infowindow = new google.maps.InfoWindow({\r\n content: \"\"\r\n });\r\n const mapMarkers = markers.map((marker, index) => {\r\n const entry = new google.maps.Marker({\r\n position: {\r\n lat: parseFloat(marker.geo.lat),\r\n lng: parseFloat(marker.geo.lng)\r\n },\r\n icon: {\r\n url: config.API1 + \"/travel-icons/\" + marker.icon,\r\n Size: new google.maps.Size(32, 33)\r\n },\r\n map: map\r\n // name: marker.title,\r\n // content: marker.text\r\n });\r\n\r\n const position = new google.maps.LatLng(marker.geo.lat, marker.geo.lng);\r\n bounds.extend(position);\r\n\r\n evtNames.forEach(e => {\r\n entry.addListener(e, () =>\r\n handleEvent({\r\n event: e,\r\n marker: marker,\r\n entry: entry,\r\n map: map,\r\n infowindow: infowindow\r\n })\r\n );\r\n });\r\n return entry;\r\n });\r\n\r\n const clusterer = new MarkerClusterer(map, mapMarkers, {\r\n imagePath: imagePath,\r\n maxZoom: 15,\r\n zoomOnClick: true\r\n });\r\n map.panTo(bounds.getCenter());\r\n // Cleanup function. Note, this is only returned if we create the markers\r\n return () => {\r\n //console.log('Cleaning up markers')\r\n clusterer.clearMarkers();\r\n };\r\n }\r\n }, [map, google, markers, filterArray]);\r\n\r\n // Do we need to render anything??\r\n return null;\r\n};\r\n\r\nMarkerCluster.propTypes = {\r\n map: PropTypes.object,\r\n google: PropTypes.object,\r\n markers: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n position: PropTypes.shape({\r\n lat: PropTypes.number.isRequired,\r\n lng: PropTypes.number.isRequired\r\n }).isRequired,\r\n name: PropTypes.string.isRequired\r\n })\r\n )\r\n};\r\n\r\nexport default MarkerCluster;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Select, Menu, Switch, Button, Checkbox } from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nconst dateFormat = \"DD MMM YYYY\";\r\nconst { Option } = Select;\r\nlet riskLevel = {\r\n Low: \"#00A651\",\r\n Moderate: \"#85C441\",\r\n Medium: \"#D6D625\",\r\n High: \"#F7963E\",\r\n Extreme: \"#CA252B\"\r\n};\r\n\r\nclass UserMapAlerts extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n isAlert: true,\r\n defaultCountry: \"All\",\r\n defaultCategory: \"All\",\r\n selectedRiskLevel: \"\",\r\n selectedDuration: \"\"\r\n };\r\n }\r\n async componentDidMount() {}\r\n\r\n handleCountryChange = code => {\r\n this.setState({ defaultCountry: code });\r\n this.props.countryChange(code);\r\n };\r\n handleCategoryChange = catname => {\r\n this.setState({ defaultCategory: catname });\r\n this.props.categoryChange(catname);\r\n };\r\n handleRiskLevelChange = risklevel => {\r\n this.setState({ selectedRiskLevel: risklevel.key });\r\n this.props.riskLevelChange(risklevel);\r\n };\r\n handleDurationChange = time => {\r\n this.setState({ selectedDuration: time.key });\r\n this.props.durationChange(time);\r\n };\r\n handleShowNoticesChange = checked => {\r\n this.props.showNoticesChange(checked);\r\n };\r\n update = e => {\r\n this.props.onChangeAlertCheckBox(e);\r\n };\r\n handleResetAlertsFilter = () => {\r\n this.setState({\r\n defaultCountry: \"All\",\r\n defaultCategory: \"All\",\r\n selectedRiskLevel: \"\",\r\n selectedDuration: \"\"\r\n });\r\n this.props.onResetAlertsFilter();\r\n };\r\n\r\n handleSingleAlertListClick = alert => {\r\n this.props.handleSingleAlertListClick(alert);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n \r\n \r\n Alerts\r\n \r\n \r\n \r\n \r\n Show notices\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Select Country\r\n \r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >=\r\n 0\r\n }\r\n >\r\n \r\n {this.props.countriesList.map(c => (\r\n \r\n ))}\r\n \r\n Select Category\r\n \r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >=\r\n 0\r\n }\r\n >\r\n {this.props.categoryList.map(c => (\r\n \r\n ))}\r\n \r\n \r\n \r\n Low\r\n \r\n \r\n Moderate\r\n \r\n \r\n Medium\r\n \r\n \r\n High\r\n \r\n \r\n Extreme\r\n \r\n \r\n \r\n \r\n 1d\r\n \r\n \r\n 2d\r\n \r\n \r\n 3d\r\n \r\n \r\n 1w\r\n \r\n \r\n 2w\r\n \r\n \r\n 3w\r\n \r\n \r\n 1m\r\n \r\n \r\n \r\n \r\n this.handleSingleAlertListClick(alert)}\r\n >\r\n \r\n {alert.title}\r\n
\r\n \r\n \r\n {alert.countryName}\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserMapRiskLevel.propTypes = {};\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n UserMapRiskLevel\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Checkbox, Table } from \"antd\";\r\n\r\nclass UserMapPerson extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n isPerson: true\r\n };\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n render: (text, record) => (\r\n this.handleTravlerClick(record)}>\r\n {record.travelerName}\r\n \r\n )\r\n }\r\n ];\r\n };\r\n\r\n componentDidMount() {}\r\n\r\n update = e => {\r\n this.props.onChangePersonCheckBox(e);\r\n };\r\n\r\n handleTravlerClick(record) {\r\n this.props.handlePersonClick(record);\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- \r\n
- \r\n Show/Hide all Risk Levels\r\n \r\n
\r\n
- \r\n
- \r\n
- \r\n Low\r\n \r\n
- \r\n
- \r\n
- \r\n Moderate\r\n \r\n
- \r\n
- \r\n
- \r\n Medium\r\n \r\n
- \r\n
- \r\n
- \r\n High\r\n \r\n
- \r\n
- \r\n
- \r\n Extreme\r\n \r\n
\r\n \r\n \r\n Traveler\r\n \r\n \r\n
\r\n \r\n {this.props.persons && this.props.persons.length > 0 && (\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserMapPerson.propTypes = {};\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n UserMapPerson\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n\r\nconst getTravellersList = data => {\r\n return Axios.get(\r\n \"/api/Travelers?search=\" + encodeURIComponent(JSON.stringify(data))+(data.filters && data.filters.orgId ? \"&orgId=\"+data.filters.orgId : \"\"),\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst getB2CTravellersList = data => {\r\n return Axios.get(\r\n \"/api/Travelers/B2C?search=\" + encodeURIComponent(JSON.stringify(data))+(data.filters && data.filters.orgId ? \"&orgId=\"+data.filters.orgId : \"\"),\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst getTravellerbyId = data => {\r\n return Axios.get(\"/api/travelers/\" + data, undefined, undefined);\r\n};\r\nconst updateTraveller = (data, id) => {\r\n return Axios.put(\"/api/travelers/\" + id, data, undefined);\r\n};\r\nconst addTraveller = data => {\r\n return Axios.post(\"/api/travelers/\", data, undefined);\r\n};\r\nconst getTravellerLocations = data => {\r\n return Axios.get(\r\n \"/userLocations?search=\" + JSON.stringify(data),\r\n undefined,\r\n undefined\r\n );\r\n};\r\nconst assignIdentityToTraveller = data => {\r\n return Axios.post(\"/api/Users/AssignIdentity\", data, undefined, undefined);\r\n};\r\n\r\nconst getTravelersGeoLocation = data => {\r\n return Axios.get(\"/api/TravelersGeoLocation\", undefined, undefined);\r\n};\r\n\r\nexport default {\r\n getTravellersList,\r\n getB2CTravellersList,\r\n getTravellerbyId,\r\n updateTraveller,\r\n addTraveller,\r\n getTravellerLocations,\r\n assignIdentityToTraveller,\r\n getTravelersGeoLocation\r\n};\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Modal, Button } from \"antd\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport Geocode from \"react-geocode\";\r\n\r\nGeocode.setApiKey(\"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\");\r\n\r\nlet contactNo = \"\";\r\nlet userCity = \"\";\r\nlet userCountry = \"\";\r\nlet userState = \"\";\r\nlet userPostalCode = \"\";\r\n\r\nclass ShowAssistModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ModalText: \"\",\r\n ModalTitle: \"\",\r\n visible: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n let currentUser = UserService.getUser();\r\n\r\n navigator.geolocation.getCurrentPosition(pos => {\r\n if (pos.coords && pos.coords.latitude && pos.coords.longitude) {\r\n let lat = pos.coords.latitude;\r\n let lng = pos.coords.longitude;\r\n this.postCheckInEventlog(lat, lng);\r\n }\r\n });\r\n\r\n if (this.props.travelerInfo) {\r\n contactNo = this.props.travelerInfo.companyEmergencyContactNo\r\n ? this.props.travelerInfo.companyEmergencyContactNo\r\n : \"No Contact Available\";\r\n\r\n this.setState({\r\n visible: true,\r\n ModalText:\r\n \"Assist email has been sent to the concerned person. You can call on the number: \" +\r\n contactNo,\r\n ModalTitle: \"Assist\"\r\n });\r\n }\r\n }\r\n\r\n postCheckInEventlog(lat, lng) {\r\n Geocode.fromLatLng(lat, lng).then(resp => {\r\n if (resp.status == \"OK\") {\r\n resp.results.map(element => {\r\n element.address_components.map(element2 => {\r\n element2.types.map(element3 => {\r\n if (element3 === \"country\") {\r\n userCountry = element2.long_name;\r\n }\r\n if (element3 === \"locality\") {\r\n userCity = element2.long_name;\r\n }\r\n if (element3 === \"administrative_area_level_1\") {\r\n userState = element2.long_name;\r\n }\r\n if (element3 === \"postal_code\") {\r\n userPostalCode = element2.long_name;\r\n }\r\n });\r\n });\r\n });\r\n\r\n API.checkInEventlog({\r\n type: \"assist\",\r\n lat: lat,\r\n log: lng,\r\n city: userCity,\r\n state: userState,\r\n country: userCountry,\r\n zipcode: userPostalCode\r\n }).then(resp => {\r\n console.log(resp);\r\n });\r\n }\r\n });\r\n }\r\n\r\n handleOk = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n this.props.onCancelAssistModal();\r\n };\r\n\r\n handleCancel = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n this.props.onCancelAssistModal();\r\n };\r\n\r\n render() {\r\n return (\r\n - \" +\r\n alert.title +\r\n \"
- Date: \" +\r\n moment(new Date(alert.startDate * 1000).toUTCString()).format(\r\n \"MM/DD/YYYY\"\r\n ) +\r\n \"
- Location: \" +\r\n alert.location_explanation +\r\n \" \"\r\n );\r\n infowindow.setPosition({ lat: alert.geo.lat, lng: alert.geo.lng });\r\n infowindow.open(refs.map);\r\n refs.alertInfoWindow = infowindow;\r\n };\r\n\r\n showModal = () => {\r\n this.setState({\r\n planExp: true\r\n });\r\n };\r\n handleOk = e => {\r\n this.setState({\r\n planExp: false\r\n });\r\n };\r\n redirectPlanRenewalPage = () => {\r\n //this.props.history.push(\"/cap/purchase\");\r\n window.location.href = \"https://www.captravelassistance.com/\";\r\n };\r\n HidePopup = () => {\r\n this.setState({ planExp: false });\r\n };\r\n render() {\r\n return (\r\n
- \r\n Low Risk\r\n \r\n
- \r\n Moderate Risk\r\n \r\n
- \r\n Medium Risk\r\n \r\n
- \r\n High Risk\r\n \r\n
- \r\n Extreme Risk\r\n \r\n
\r\n \r\n Cancel\r\n ,\r\n \r\n ]\r\n ) : (\r\n \r\n )\r\n }\r\n >\r\n {Permission.isRole(\"Employee\") ? (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.state.isAlert && this.state.alertStore.length > 0 && (\r\n \r\n )}\r\n {this.state.isPerson &&\r\n /* this.state.currentTravelerInfo.productName ===\r\n \"CAP™ Advantage\" && */\r\n this.state.currentTravelerInfo.isActiveMembership ===\r\n true &&\r\n this.state.personStore &&\r\n this.state.personStore.length > 0 &&\r\n this.state.personStore.map(marker => (\r\n \r\n
\r\n \r\n {(Permission.isRole(\"Limited Access\")) ? '':\r\n \r\n You do not have any CAP plan assigned. Please contact your\r\n division manager / travel manager.\r\n
\r\n ) : (\r\nYour CAP plan has been expired. Please buy a new plan.
\r\n )}\r\n \r\n{this.state.travelerInfo.travelerName}
\r\n \r\n \r\n - \r\n
\r\n \r\n {Object.entries(this.state.airportLocation).map(\r\n ([marker, value]) => (\r\n
\r\n )}\r\n \r\n \r\n this.props.history.push(\"traveller-itineray-details\")\r\n }\r\n >\r\n \r\n Go To Map\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","import Axios from \"../../services/axios-service\";\r\n\r\nconst getGeoFence = (id, data) => {\r\n return Axios.get(\"/api/InterstedGeos/Geofences/\" + id + \"?search=\" + encodeURIComponent(JSON.stringify(data)), undefined);\r\n};\r\n\r\nconst getGeoFenceById = id => {\r\n return Axios.get(\"/api/InterstedGeos/Geofence/\" + id, undefined);\r\n};\r\n\r\nconst addGeoFence = data => {\r\n return Axios.post(\"/api/InterstedGeos/AddGeofenc\", data, undefined);\r\n};\r\n\r\nconst updateGeoFence = (data, id) => {\r\n return Axios.put(\"/api/InterstedGeos/Geofence/\" + id, data, undefined);\r\n};\r\n\r\nconst getGeoFenceRulesByGeoFenceId = (id, data) => {\r\n return Axios.get(\r\n \"/api/InterstedGeoFenceRules/\" + id + \"?search=\" + encodeURIComponent(JSON.stringify(data))\r\n );\r\n};\r\n\r\nconst addGeoFenceRule = data => {\r\n return Axios.post(\"/api/InterstedGeoRules\", data);\r\n};\r\n\r\nconst updateGeoFenceRule = data => {\r\n return Axios.put(\"/api/InterstedGeoRules/\" + data.id, data);\r\n};\r\n\r\nconst getGeoFenceRule = id => {\r\n return Axios.get(\"/api/InterstedGeoRules/\" + id);\r\n};\r\n\r\nexport default {\r\n addGeoFence,\r\n updateGeoFence,\r\n getGeoFence,\r\n getGeoFenceById,\r\n getGeoFenceRulesByGeoFenceId,\r\n addGeoFenceRule,\r\n getGeoFenceRule,\r\n updateGeoFenceRule\r\n};\r\n","import API from \"../api/geofence-api\";\r\n\r\nexport function addGeoFenceData(data) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp = await API.addGeoFence(data);\r\n return resp;\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function updateGeoFenceData(data, id) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp;\r\n if (id > 0) {\r\n resp = await API.updateGeoFence(data, id);\r\n } else {\r\n resp = await API.addGeoFence(data);\r\n }\r\n return resp;\r\n } catch (error) {\r\n return { \"error\": true }\r\n }\r\n }\r\n}\r\n\r\nexport function getGeoFenceData(id,data) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp = await API.getGeoFence(id,data);\r\n return resp;\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getGeoFenceDataById(id) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp = await API.getGeoFenceById(id);\r\n return resp;\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function addGeoFenceRule(data) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp = await API.addGeoFenceRule(data);\r\n return resp;\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function updateGeoFenceRule(data) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp = await API.updateGeoFenceRule(data);\r\n return resp;\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getGeoFenceRule(id) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp = await API.getGeoFenceRule(id);\r\n return resp;\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getGeoFenceRulesByGeoFenceId(id, data) {\r\n return async function (dispatch, getAction) {\r\n try {\r\n let resp = await API.getGeoFenceRulesByGeoFenceId(id, data);\r\n return resp;\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Button, Icon, Card, Row, Spin } from \"antd\";\r\nimport { GeofenceSvg } from \"../../../shared/svg/svg/home-icon\";\r\nimport * as geoFenceAction from \"../../../../redux/actions/geofence-action\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\n\r\nconst GeofenceSvgIcon = props => \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 this.props.history.push(\"geofencing/\" + this.state.userOrdId +\"/\")\r\n }\r\n >\r\n View All\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...geoFenceAction }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n TravellerListGeofencing\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Button, Icon, Card, Row, Spin } from \"antd\";\r\nimport { TravelersSvg } from \"../../../shared/svg/svg/home-icon\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\n\r\nconst TravelersSvgIcon = props => \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n TravellerDashListTravelers\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Row, Col, Typography, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport TravellerGoogleMapComponent from \"./traveler-map/traveler-dashboard-map\";\r\nimport TravellerMapDataAnalysis from \"./data-analysis/data-analysis\";\r\nimport TravellerListGeofencing from \"./list-geofencing/list-geofencing\";\r\nimport TravellerDashListTravelers from \"./list-travelers/list-travelers\";\r\nimport { DatePicker } from \"antd\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport moment from \"moment\";\r\nimport * as AdminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as UserService from \"../../../services/user-service\";\r\n\r\nconst { RangePicker } = DatePicker;\r\nconst dateFormat = \"MM-DD-YYYY\";\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\nconst queryDateFormatStart = \"YYYY-MM-DD\";\r\nconst queryDateFormatEnd = \"YYYY-MM-DD\";\r\n\r\nclass TravelManagerDashboard extends Component {\r\n state = {\r\n overviewLoading: false,\r\n dataPickerDates: [start, end],\r\n itinerariesOverview: {\r\n flights: 0,\r\n alerts: 0,\r\n hotels: 0,\r\n vehicles: 0\r\n }\r\n };\r\n\r\n componentDidMount = () => {\r\n this.loadItinerariesOverview();\r\n };\r\n\r\n loadItinerariesOverview = async () => {\r\n this.setState({ overviewLoading: true });\r\n let currentUser = UserService.getUser();\r\n let dateRanges = this.state.dataPickerDates;\r\n\r\n let args = {\r\n startDate: dateRanges[0].format(queryDateFormatStart),\r\n endDate: dateRanges[1].format(queryDateFormatEnd),\r\n orgId: currentUser.companyID\r\n };\r\n\r\n this.props.getItinerariesOverview(args).then(response => {\r\n this.setState({ itinerariesOverview: response, overviewLoading: false });\r\n });\r\n };\r\n\r\n dateChanged = dates => {\r\n if(dates.length > 0){\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: dates\r\n },\r\n () => this.loadItinerariesOverview()\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: [start, end]\r\n },\r\n () => this.loadItinerariesOverview()\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n this.props.history.push(\r\n \"organizations/edit/\" +\r\n this.state.userOrgId +\r\n \"/employees/\"\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\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(\r\n TravelManagerDashboard\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\n//import UserMap from \"../user-map/user-map\";\r\nimport UserMap from \"../user-map/user-map\";\r\nimport TravelManagerDash from \"../dashboard-travel-manager/index\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nclass UserHome extends Component {\r\n componentDidMount() {\r\n this.props.clearPaginationExceptMe('dashboard');\r\n }\r\n\r\n render() {\r\n return (\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 {Permission.canAccess(\"traveler_dashboard\") ?
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(\r\n UserHome\r\n )\r\n);","/**\r\n * @name MarkerClusterer for Google Maps v3\r\n * @version version 1.0.1\r\n * @author Luke Mahe\r\n * @fileoverview\r\n * The library creates and manages per-zoom-level clusters for large amounts of\r\n * markers.\r\n * \r\n * This is a v3 implementation of the\r\n * v2 MarkerClusterer.\r\n */\r\n\r\n/**\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n * http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n/**\r\n * A Marker Clusterer that clusters markers.\r\n *\r\n * @param {window.google.maps.Map} map The Google map to attach to.\r\n * @param {Array.
- Alert: \" +\r\n marker.title +\r\n \"
- Date: \" +\r\n moment(new Date(marker.startDate * 1000).toUTCString()).format(\r\n dateFormat\r\n ) +\r\n \"
- Location: \" +\r\n marker.location_explanation +\r\n \" \"\r\n );\r\n infowindow.open(map, entry);\r\n props.onAlertClick(infowindow);\r\n }\r\n\r\n if (props[event]) {\r\n props[event]({\r\n props: props,\r\n marker: marker,\r\n event: event,\r\n entry: entry\r\n });\r\n }\r\n };\r\n\r\n // This hook works like ComponentWillMount\r\n // The hook isn't really needed, this whole thing worked without it,\r\n // I added the hook so that I could implement a cleanup function\r\n useEffect(() => {\r\n if (map && markers) {\r\n let bounds = new window.google.maps.LatLngBounds();\r\n var infowindow = new google.maps.InfoWindow({\r\n content: \"\"\r\n });\r\n const mapMarkers = markers.map((marker, index) => {\r\n const entry = new google.maps.Marker({\r\n position: {\r\n lat: parseFloat(marker.geo.lat),\r\n lng: parseFloat(marker.geo.lng)\r\n },\r\n icon: {\r\n url: config.API1 + \"/travel-icons/\" + marker.icon,\r\n Size: new google.maps.Size(32, 33)\r\n },\r\n map: map\r\n // name: marker.title,\r\n // content: marker.text\r\n });\r\n\r\n const position = new google.maps.LatLng(marker.geo.lat, marker.geo.lng);\r\n bounds.extend(position);\r\n\r\n evtNames.forEach(e => {\r\n entry.addListener(e, () =>\r\n handleEvent({\r\n event: e,\r\n marker: marker,\r\n entry: entry,\r\n map: map,\r\n infowindow: infowindow\r\n })\r\n );\r\n });\r\n return entry;\r\n });\r\n\r\n const clusterer = new MarkerClusterer(map, mapMarkers, {\r\n imagePath: imagePath,\r\n maxZoom: 15,\r\n zoomOnClick: true\r\n });\r\n map.panTo(bounds.getCenter());\r\n // Cleanup function. Note, this is only returned if we create the markers\r\n return () => {\r\n //console.log('Cleaning up markers')\r\n clusterer.clearMarkers();\r\n };\r\n }\r\n }, [map, google, markers, filterArray]);\r\n\r\n // Do we need to render anything??\r\n return null;\r\n};\r\n\r\nMarkerCluster.propTypes = {\r\n map: PropTypes.object,\r\n google: PropTypes.object,\r\n markers: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n position: PropTypes.shape({\r\n lat: PropTypes.number.isRequired,\r\n lng: PropTypes.number.isRequired\r\n }).isRequired,\r\n name: PropTypes.string.isRequired\r\n })\r\n )\r\n};\r\n\r\nexport default MarkerCluster;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Select, Menu, Switch, Button, Checkbox } from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nconst dateFormat = \"DD MMM YYYY\";\r\nconst { Option } = Select;\r\nlet riskLevel = {\r\n Low: \"#00A651\",\r\n Moderate: \"#85C441\",\r\n Medium: \"#D6D625\",\r\n High: \"#F7963E\",\r\n Extreme: \"#CA252B\"\r\n};\r\n\r\nclass UserMapAlerts extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n isAlert: true,\r\n defaultCountry: \"All\",\r\n defaultCategory: \"All\",\r\n selectedRiskLevel: \"\",\r\n selectedDuration: \"\"\r\n };\r\n }\r\n async componentDidMount() {}\r\n\r\n handleCountryChange = code => {\r\n this.setState({ defaultCountry: code });\r\n this.props.countryChange(code);\r\n };\r\n handleCategoryChange = catname => {\r\n this.setState({ defaultCategory: catname });\r\n this.props.categoryChange(catname);\r\n };\r\n handleRiskLevelChange = risklevel => {\r\n this.setState({ selectedRiskLevel: risklevel.key });\r\n this.props.riskLevelChange(risklevel);\r\n };\r\n handleDurationChange = time => {\r\n this.setState({ selectedDuration: time.key });\r\n this.props.durationChange(time);\r\n };\r\n handleShowNoticesChange = checked => {\r\n this.props.showNoticesChange(checked);\r\n };\r\n update = e => {\r\n this.props.onChangeAlertCheckBox(e);\r\n };\r\n handleResetAlertsFilter = () => {\r\n this.setState({\r\n defaultCountry: \"All\",\r\n defaultCategory: \"All\",\r\n selectedRiskLevel: \"\",\r\n selectedDuration: \"\"\r\n });\r\n this.props.onResetAlertsFilter();\r\n };\r\n\r\n handleSingleAlertListClick = alert => {\r\n this.props.handleSingleAlertListClick(alert);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n \r\n \r\n Alerts\r\n \r\n \r\n \r\n \r\n Show notices\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Select Country\r\n \r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >=\r\n 0\r\n }\r\n >\r\n \r\n {this.props.countriesList.map(c => (\r\n \r\n ))}\r\n \r\n Select Category\r\n \r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >=\r\n 0\r\n }\r\n >\r\n {this.props.categoryList.map(c => (\r\n \r\n ))}\r\n \r\n \r\n \r\n Low\r\n \r\n \r\n Moderate\r\n \r\n \r\n Medium\r\n \r\n \r\n High\r\n \r\n \r\n Extreme\r\n \r\n \r\n \r\n \r\n 1d\r\n \r\n \r\n 2d\r\n \r\n \r\n 3d\r\n \r\n \r\n 1w\r\n \r\n \r\n 2w\r\n \r\n \r\n 3w\r\n \r\n \r\n 1m\r\n \r\n \r\n \r\n \r\n this.handleSingleAlertListClick(alert)}\r\n >\r\n \r\n {alert.title}\r\n
\r\n \r\n \r\n {alert.countryName}\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserMapRiskLevel.propTypes = {};\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n UserMapRiskLevel\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Checkbox, Table } from \"antd\";\r\n\r\nclass UserMapPerson extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n isPerson: true\r\n };\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n render: (text, record) => (\r\n this.handleTravlerClick(record)}>\r\n {record.travelerName}\r\n \r\n )\r\n }\r\n ];\r\n };\r\n\r\n componentDidMount() {}\r\n\r\n update = e => {\r\n this.props.onChangePersonCheckBox(e);\r\n };\r\n\r\n handleTravlerClick(record) {\r\n this.props.handlePersonClick(record);\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- \r\n
- \r\n Show/Hide all Risk Levels\r\n \r\n
\r\n
- \r\n
- \r\n
- \r\n Low\r\n \r\n
- \r\n
- \r\n
- \r\n Moderate\r\n \r\n
- \r\n
- \r\n
- \r\n Medium\r\n \r\n
- \r\n
- \r\n
- \r\n High\r\n \r\n
- \r\n
- \r\n
- \r\n Extreme\r\n \r\n
\r\n \r\n \r\n Traveler\r\n \r\n \r\n
\r\n \r\n {this.props.persons && this.props.persons.length > 0 && (\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserMapPerson.propTypes = {};\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n UserMapPerson\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Modal, Button } from \"antd\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport Geocode from \"react-geocode\";\r\n\r\nGeocode.setApiKey(\"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\");\r\n\r\nlet contactNo = \"\";\r\nlet userCity = \"\";\r\nlet userCountry = \"\";\r\nlet userState = \"\";\r\nlet userPostalCode = \"\";\r\n\r\nclass ShowAssistModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ModalText: \"\",\r\n ModalTitle: \"\",\r\n visible: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n let currentUser = UserService.getUser();\r\n\r\n navigator.geolocation.getCurrentPosition(pos => {\r\n if (pos.coords && pos.coords.latitude && pos.coords.longitude) {\r\n let lat = pos.coords.latitude;\r\n let lng = pos.coords.longitude;\r\n this.postCheckInEventlog(lat, lng);\r\n }\r\n });\r\n\r\n if (this.props.travelerInfo) {\r\n contactNo = this.props.travelerInfo.companyEmergencyContactNo\r\n ? this.props.travelerInfo.companyEmergencyContactNo\r\n : \"No Contact Available\";\r\n\r\n this.setState({\r\n visible: true,\r\n ModalText:\r\n \"Assist email has been sent to the concerned person. You can call on the number: \" +\r\n contactNo,\r\n ModalTitle: \"Assist\"\r\n });\r\n }\r\n }\r\n\r\n postCheckInEventlog(lat, lng) {\r\n Geocode.fromLatLng(lat, lng).then(resp => {\r\n if (resp.status == \"OK\") {\r\n resp.results.map(element => {\r\n element.address_components.map(element2 => {\r\n element2.types.map(element3 => {\r\n if (element3 === \"country\") {\r\n userCountry = element2.long_name;\r\n }\r\n if (element3 === \"locality\") {\r\n userCity = element2.long_name;\r\n }\r\n if (element3 === \"administrative_area_level_1\") {\r\n userState = element2.long_name;\r\n }\r\n if (element3 === \"postal_code\") {\r\n userPostalCode = element2.long_name;\r\n }\r\n });\r\n });\r\n });\r\n\r\n API.checkInEventlog({\r\n type: \"assist\",\r\n lat: lat,\r\n log: lng,\r\n city: userCity,\r\n state: userState,\r\n country: userCountry,\r\n zipcode: userPostalCode\r\n }).then(resp => {\r\n console.log(resp);\r\n });\r\n }\r\n });\r\n }\r\n\r\n handleOk = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n this.props.onCancelAssistModal();\r\n };\r\n\r\n handleCancel = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n this.props.onCancelAssistModal();\r\n };\r\n\r\n render() {\r\n return (\r\n \" +\r\n countryName +\r\n \"
\" +\r\n \"COVID-19 Risk Level: \" +\r\n riskLevel +\r\n \"\" +\r\n \"
National control measures: \" +\r\n controlMeasure +\r\n \"\" +\r\n \"
Testing: \" +\r\n testing +\r\n \"\" +\r\n \"
Flight ban: \" +\r\n flightBan +\r\n \"\" +\r\n \"
Entry ban: \" +\r\n entryBan +\r\n \"\" +\r\n \"
Quarantine on entry: \" +\r\n quarantineOnEntry +\r\n \"\";\r\n areaInfoWindow = new google.maps.InfoWindow({\r\n content: windowContentString,\r\n position: event.latLng,\r\n });\r\n areaInfoWindow.open(refs.map);\r\n });\r\n map.data.addListener(\"click\", function(event) {});\r\n };\r\n\r\n setStyle = (map, apply, cData, shownRiskLevelsArray) => {\r\n refs.mapProjection = map.getProjection();\r\n /* @type {google.maps.Data.StyleOptions} */\r\n if (apply) {\r\n map.data.setStyle(function(feature) {\r\n console.log(\"feature: \", feature);\r\n var color = \"\";\r\n var fillOpacity = 0;\r\n if (feature.getProperty(\"wb_a2\")) {\r\n shownRiskLevelsArray.map((risklevel) => {\r\n if (risklevel === cData[feature.getProperty(\"wb_a2\")]) {\r\n color = riskLevelColors[cData[feature.getProperty(\"wb_a2\")]];\r\n fillOpacity = 1.0;\r\n }\r\n return risklevel;\r\n });\r\n }\r\n return ({\r\n fillColor: color,\r\n strokeColor: \"#ffffff\", //white boarder around the countries\r\n fillOpacity: fillOpacity,\r\n strokeWeight: 1,\r\n });\r\n });\r\n } else {\r\n map.data.setStyle({ fillOpacity: 0, strokeWeight: 0 });\r\n }\r\n };\r\n\r\n handleCancelAssistModal = () => {\r\n this.setState({ isShowAssistModal: false });\r\n };\r\n\r\n closeTravelerInfoWindow = (alerInfoWindow) => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow && refs.alertInfoWindow !== alerInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n refs.alertInfoWindow = alerInfoWindow;\r\n this.setState({ showingInfoWindow: false });\r\n };\r\n\r\n onPersonMarkerClick = (props, marker, e) => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n this.setState({\r\n travelerInfo: props.travelerInfo,\r\n activeMarker: marker,\r\n showingInfoWindow: true,\r\n });\r\n };\r\n\r\n handlePersonClick = (data) => {\r\n this.setState({\r\n activeMarker: null,\r\n showingInfoWindow: true,\r\n travelerInfo: data,\r\n infoWindowPosition: new window.google.maps.LatLng(\r\n data.latitude,\r\n data.longitude\r\n ),\r\n });\r\n };\r\n\r\n handleSingleAlertListClick = (alert) => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n var infowindow = new window.google.maps.InfoWindow();\r\n infowindow.setContent(\r\n \"
- \" +\r\n alert.title +\r\n \"
- Date: \" +\r\n moment(new Date(alert.startDate * 1000).toUTCString()).format(\r\n \"MM/DD/YYYY\"\r\n ) +\r\n \"
- Location: \" +\r\n alert.location_explanation +\r\n \" \"\r\n );\r\n infowindow.setPosition({ lat: alert.geo.lat, lng: alert.geo.lng });\r\n infowindow.open(refs.map);\r\n refs.alertInfoWindow = infowindow;\r\n };\r\n\r\n showModal = () => {\r\n this.setState({\r\n planExp: true,\r\n });\r\n };\r\n handleOk = (e) => {\r\n this.setState({\r\n planExp: false,\r\n });\r\n };\r\n redirectPlanRenewalPage = () => {\r\n //this.props.history.push(\"/cap/purchase\");\r\n window.location.href = \"https://www.captravelassistance.com/\";\r\n };\r\n HidePopup = () => {\r\n this.setState({ planExp: false });\r\n };\r\n render() {\r\n return (\r\n
- \r\n Low Risk\r\n \r\n
- \r\n Moderate Risk\r\n \r\n
- \r\n Medium Risk\r\n \r\n
- \r\n High Risk\r\n \r\n
- \r\n Extreme Risk\r\n \r\n
\r\n \r\n Cancel\r\n ,\r\n ,\r\n ]\r\n ) : (\r\n \r\n )\r\n }\r\n >\r\n {Permission.isRole(\"Employee\") ? (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.state.isAlert && this.state.alertStore.length > 0 && (\r\n \r\n )}\r\n {this.state.isPerson &&\r\n /* this.state.currentTravelerInfo.productName ===\r\n \"CAP™ Advantage\" && */\r\n this.state.currentTravelerInfo.isActiveMembership ===\r\n true &&\r\n this.state.personStore &&\r\n this.state.personStore.length > 0 &&\r\n this.state.personStore.map((marker) => (\r\n \r\n
\r\n\r\n \r\n You do not have any CAP plan assigned. Please contact your\r\n division manager / travel manager.\r\n
\r\n ) : (\r\nYour CAP plan has been expired. Please buy a new plan.
\r\n )}\r\n \r\n{this.state.travelerInfo.travelerName}
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n {this.state.forceChangePasswordText != '' ? \r\n
\r\n }\r\n title={\r\n
{this.state.forceChangePasswordText}
\r\n : ''}\r\n\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.addItem()}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.id}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nOrganizations.propTypes = {\r\n location: PropTypes.object,\r\n getOrganizations: PropTypes.func,\r\n deleteOrganization: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {...state.pagination};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions,...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n Organizations\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n const getProductsData = data => {\r\n return Axios.get(\"/api/Product?search=\"+encodeURIComponent(JSON.stringify(data)), undefined)\r\n .then(res => {\r\n return res;\r\n })\r\n .catch(ex => {\r\n return ex;\r\n });\r\n };\r\n\r\n const getProduct = idx => {\r\n return Axios.get(\"/api/Product/\"+idx, undefined, undefined);\r\n };\r\n\r\n const updateProduct = data => {\r\n return Axios.put(\"/api/Product/\"+data.productId, data, undefined);\r\n };\r\n const addProduct = data => {\r\n return Axios.post(\"/api/Product\", data, undefined);\r\n };\r\n\r\n const updateProductStatus = data => {\r\n return Axios.patch(\"/api/Product/\"+data.id, data, undefined);\r\n };\r\n\r\n export default {\r\n getProductsData,\r\n getProduct,\r\n updateProduct,\r\n addProduct,\r\n updateProductStatus\r\n };","import API from \"../api/product-api\";\r\nimport {notifyUser} from \"../../services/notification-service\"\r\nexport function getProducts({ filters, pagination = { page: 1, pageSize: 20 }, sorter }) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getProductsData({\r\n filters: filters,\r\n pagination: pagination,\r\n sorter : sorter\r\n });\r\n return resp;\r\n \r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n export function getProduct(idx) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getProduct(idx);\r\n return resp.data;\r\n } catch (e) {\r\n /*dispatch({\r\n type: Types.USER_LISTING_ERROR,\r\n payload: { errorMessage: \"Listing error\", isLoggedIn: false }\r\n })*/;\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n\r\n export function updateProduct(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.updateProduct(data);\r\n return resp;\r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n\r\n export function addProduct(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.addProduct(data);\r\n return resp;\r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n }\r\n\r\n export function updateProductStatus(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.updateProductStatus(data);\r\n if(resp){\r\n notifyUser(\"Product Status Updated\", 'info');\r\n }\r\n } catch (e) {\r\n notifyUser(\"Error Updating Product Status\", 'error');\r\n return {\"error\" : true};\r\n }\r\n };\r\n }","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport * as UserService from '../../../../services/user-service';\r\n\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n DatePicker,\r\n Row,\r\n Col,\r\n Select,\r\n Table,\r\n Button,\r\n Icon,\r\n Transfer,\r\n Modal,\r\n Spin,\r\n TreeSelect,\r\n} from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nimport API from \"../../../../redux/api/admin-api\";\r\nimport * as productActions from \"../../../../redux/actions/product-actions\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\nvar finalData = [];\r\n\r\nclass OrganizationPlan extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.textInput = React.createRef();\r\n\r\n this.addnewProduct = this.addnewProduct.bind(this);\r\n this.saveproduct = this.saveproduct.bind(this);\r\n this.showModal = this.showModal.bind(this);\r\n this.onPlanChange = this.onPlanChange.bind(this);\r\n this.backpage = this.backpage.bind(this);\r\n this.state = {\r\n mockData: [],\r\n countriesdropdown: [],\r\n productData: [],\r\n pccData: [],\r\n hasTravelManager: false,\r\n selectedKeys: [],\r\n productInfo: {},\r\n endDate: \"\",\r\n // loading: true,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Resets\r\n \r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n {Permission.isRole('Administrator') || Permission.isRole('CSR') ? (\r\n \r\n \r\n {' '}\r\n
\r\n ) : (\r\n ''\r\n )}\r\n {this.state.addnew === true ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n record.productID}\r\n dataSource={finalData}\r\n pagination={this.state.pagination}\r\n //loading={this.state.loading}\r\n //onChange={this.handleTableChange}\r\n scroll={{ x: '100%' }}\r\n />\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...productActions, ...OrgActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n OrganizationPlan\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as adminActions from \"../../../../redux/actions/admin-actions\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin,\r\n} from \"antd\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport * as b2cActions from \"../../../../redux/actions/b2c-actions\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nconst { Option } = Select;\r\nvar validator = require(\"email-validator\");\r\n\r\n\r\nclass PrimaryAddress extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formLayout: undefined,\r\n data: {},\r\n countries: [],\r\n userData: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n currentUser: {},\r\n };\r\n this.checkchange = this.checkchange.bind(this);\r\n this.backpage = this.backpage.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ loading: true });\r\n let currentUser = UserService.getUser();\r\n this.setState({ currentUser }); \r\n this.props.getCountriesListName().then((data) => {\r\n this.setState({ countries: data });\r\n });\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.props\r\n .getOrganizationId(this.props.match.params.id)\r\n .then(async (resp) => {\r\n if (resp.error) {\r\n notifyUser(resp.error.message, \"error\");\r\n this.props.history.push(\"./../../\");\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({\r\n orgData: resp.data,\r\n secdata: resp.data.orgContacts.filter(\r\n (data) => data.addressTypeID === 2\r\n )[0],\r\n billingData: resp.data.orgContacts.filter(\r\n (data) => data.addressTypeID === 3\r\n )[0],\r\n adminInfo: resp.data.adminInfo,\r\n isBusinessAddressSame: resp.data.isBusinessAddressSame,\r\n isCommunicationAddressSame: resp.data.isCommunicationAddressSame,\r\n loading: false,\r\n });\r\n if (resp.data.isBusinessAddressSame) {\r\n this.setState({ disablecheck: true });\r\n } else {\r\n this.setState({ disablecheck: false });\r\n }\r\n if (resp.data.isCommunicationAddressSame) {\r\n this.setState({ disablecheck2: true });\r\n } else {\r\n this.setState({ disablecheck2: false });\r\n }\r\n }\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n }\r\n\r\n handleSubmit() {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n this.setState({ loading: true });\r\n\r\n var JSONorg = {\r\n organizationId: parseInt(this.props.match.params.id),\r\n name: values.company_name,\r\n address1: values.address,\r\n state: values.company_state,\r\n city: values.city,\r\n countryId: values.country,\r\n zipCode: values.zip,\r\n fpManagerID: 0,\r\n fpSalesExecutiveID: 0,\r\n isBusinessAddressSame: this.state.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.state.isCommunicationAddressSame,\r\n productInfo: this.state.orgData.productInfo,\r\n phoneNumber: values.phoneNumber,\r\n /* contactFirstName: values.firstName,\r\n contactLastName: values.lastName, */\r\n customerID: values.customer_id,\r\n jobNumber: values.job_number,\r\n orgContacts: [\r\n {\r\n addressTypeID: 2,\r\n city: values.sec_city,\r\n zipCode: values.sec_zip,\r\n state: values.sec_state,\r\n countryId: values.sec_country,\r\n contacts: values.sec_phoneNumber,\r\n contactPerson: values.secondary_contactPerson,\r\n emailID: values.sec_email,\r\n address: values.sec_address,\r\n },\r\n {\r\n addressTypeID: 3,\r\n countryId: values.billing_country,\r\n address: values.billing_address,\r\n state: values.billing_state,\r\n city: values.billing_city,\r\n contacts: values.billing_phoneNumber,\r\n contactPerson: values.billing_contactPerson,\r\n emailID: values.billing_email,\r\n zipCode: values.billing_zip,\r\n\r\n billingCompanyName: values.billing_company_name,\r\n },\r\n ],\r\n orgPCCAccounts: this.state.orgData.orgPCCAccounts,\r\n };\r\n this.props\r\n .updateOrganizationwithId(JSONorg, this.props.match.params.id)\r\n .then((response) => {\r\n if (response.error) {\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.organization.edit\"],\r\n \"success\"\r\n );\r\n this.props.history.goBack();\r\n this.setState({ loading: false });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n checkchange(e) {\r\n if (e.target.id === \"secAddress\" && e.target.checked === true) {\r\n let _secData = this.state.secdata;\r\n _secData.address = this.state.orgData.address1;\r\n _secData.countryId = this.state.orgData.countryId;\r\n _secData.state = this.state.orgData.state;\r\n _secData.city = this.state.orgData.city;\r\n _secData.zipCode = this.state.orgData.zipCode;\r\n _secData.contacts = this.state.orgData.phoneNumber;\r\n _secData.emailID = this.state.orgData.orgEmail;\r\n _secData.contactPerson = this.state.adminInfo.firstName.concat(\r\n \" \",\r\n this.state.adminInfo.lastName\r\n );\r\n\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: true,\r\n });\r\n\r\n this.props.form.setFieldsValue({\r\n sec_city: _secData.city,\r\n sec_address: _secData.address,\r\n sec_zip: _secData.zipCode,\r\n sec_phoneNumber: _secData.contacts,\r\n sec_email: _secData.emailID,\r\n secondary_contactPerson: _secData.contactPerson,\r\n sec_country: _secData.countryId,\r\n sec_state: _secData.state,\r\n });\r\n } else if (e.target.id === \"secAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: false,\r\n });\r\n // // Reset Form\r\n // this.props.form.setFieldsValue({\r\n // sec_city: \"\",\r\n // sec_address: \"\",\r\n // sec_zip: \"\",\r\n // sec_phoneNumber: \"\",\r\n // sec_email: \"\",\r\n // secondary_contactPerson: \"\",\r\n // sec_country: \"\",\r\n // sec_state: \"\",\r\n // });\r\n // billing address\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === true) {\r\n let _billingData = this.state.billingData;\r\n _billingData.address = this.state.orgData.address1;\r\n _billingData.countryId = this.state.orgData.countryId;\r\n _billingData.state = this.state.orgData.state;\r\n _billingData.city = this.state.orgData.city;\r\n _billingData.zipCode = this.state.orgData.zipCode;\r\n _billingData.contacts = this.state.orgData.phoneNumber;\r\n _billingData.emailID = this.state.orgData.orgEmail;\r\n _billingData.contactPerson = this.state.adminInfo.firstName.concat(\r\n \" \",\r\n this.state.adminInfo.lastName\r\n );\r\n _billingData.billingCompanyName = this.state.orgData.name;\r\n\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: true,\r\n });\r\n this.props.form.setFieldsValue({\r\n billing_city: _billingData.city,\r\n billing_address: _billingData.address,\r\n billing_zip: _billingData.zipCode,\r\n billing_phoneNumber: _billingData.contacts,\r\n billing_email: _billingData.emailID,\r\n billing_contactPerson: _billingData.contactPerson,\r\n billing_country: _billingData.countryId,\r\n billing_state: _billingData.state,\r\n billing_company_name: _billingData.billingCompanyName,\r\n });\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: false,\r\n });\r\n // this.props.form.setFieldsValue({\r\n // billing_city: \"\",\r\n // billing_address: \"\",\r\n // billing_zip: \"\",\r\n // billing_phoneNumber: \"\",\r\n // billing_email: \"\",\r\n // billing_contactPerson: \"\",\r\n // billing_country: \"\",\r\n // billing_state: \"\",\r\n // billing_company_name: \"\",\r\n // });\r\n }\r\n }\r\n backpage() {\r\n this.props.history.push(\"/admin/organizations/\");\r\n }\r\n handleEmailExistance = (rule, value, callback) => {\r\n if (\r\n this.props.email === null ||\r\n this.props.email === undefined ||\r\n this.props.email === \"\"\r\n ) {\r\n callback(\r\n
Plan Name :-{this.state.modelName}
\r\nPost Sale Price/Plan :-
{' '}\r\n\r\n {/* Primary address*/}\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\nPrimaryAddress.propTypes = {\r\n location: PropTypes.object,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.language,\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...b2cActions, ...userActions, ...OrgActions, ...adminActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"primary-address\" })(PrimaryAddress);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {\r\n Typography,\r\n Row,\r\n Col,\r\n Form,\r\n Spin,\r\n Button,\r\n Upload,\r\n Icon,\r\n message,\r\n Checkbox,\r\n Select,\r\n Radio,\r\n} from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport config from \"../../../../../../config\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport * as adminActions from \"../../../../redux/actions/admin-actions\";\r\nimport Axios from \"axios\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport ReactQuill from \"react-quill\";\r\nimport \"../../../.../../../../../shared/app/styles/css/vendor/quill.snow.css\";\r\n\r\nconst { Option } = Select;\r\n/* const msgLogoremovedSuceess = \r\n
\r\n 0 ? this.state.defaultTheme : null}\r\n style={{ width: \"83%\" }}\r\n placeholder=\"--select--\"\r\n >\r\n {this.state.allThemes.length > 0\r\n ? this.state.allThemes.map(function(theme) {\r\n return (\r\n \r\n );\r\n })\r\n : \"\"}\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
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.uploadFileName !== '' ? (\r\n \r\n
\r\n {this.state.uploadFileName}\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 {el.label}\r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Risk Reports \r\n \r\n
\r\n \r\n \r\n parseInt(val))}\r\n defaultValue={this.state.receivers}\r\n onChange={(e) => this.handleReceiverChange(e)}\r\n >\r\n {this.state.users.map(function(item) {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n \r\n Send Risk Alerts to \r\n \r\n
\r\n \r\n \r\n parseInt(val))}\r\n defaultValue={this.state.senders}\r\n onChange={(e) => this.handleSenderChange(e)}\r\n >\r\n {this.state.users\r\n .filter((item) => item.role === 'Travel Manager')\r\n .map((item) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n
\r\n \r\n this.handleCountryChange(e)}\r\n value={this.state.selectedCountries.map((val) => parseInt(val))}\r\n mode='multiple'\r\n style={{ width: '100%' }}\r\n filterOption={(input, option) =>\r\n option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {this.state.countries.map(function(item) {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.handleRadioChange(1)}\r\n checked={this.state.riskFrequency === 1}\r\n >\r\n Daily\r\n \r\n this.handleRadioChange(2)}\r\n checked={this.state.riskFrequency === 2}\r\n >\r\n Weekly\r\n \r\n this.handleRadioChange(3)}\r\n checked={this.state.riskFrequency === 3}\r\n >\r\n Monthly\r\n \r\n this.handleRadioChange(4)}\r\n checked={this.state.riskFrequency === 4}\r\n >\r\n Quarterly\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n Custom Email Content \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n Crisis and Check-In Notifications \r\n \r\n
\r\n \r\n \r\n parseInt(val))}\r\n defaultValue={this.state.notificationReceivers}\r\n onChange={(e) => this.handleNotificationReceiverChange(e)}\r\n >\r\n {this.state.users.map(function(item) {\r\n return (\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\nAdminSettings.propTypes = {\r\n logo_url: PropTypes.string,\r\n getUserData: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...OrgActions, ...adminActions, ...userActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-settings\" })(AdminSettings);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import { Tabs, Form } from \"antd\";\r\nimport OrganizationPlan from \"../edit-organization/organization-plan\";\r\nimport PrimaryAddress from \"../edit-organization/primary-address\";\r\nimport AdminSettings from \"../edit-organization/settings\";\r\nimport React, { Component } from \"react\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport API from \"../../../../redux/api/admin-api\";\r\n\r\nconst { TabPane } = Tabs;\r\nclass EditOrganization extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countries: [],\r\n productData: [],\r\n addData: false,\r\n activeTab: \"#address\",\r\n tab1title: \r\n
\r\n {this.state.uploadFileName}\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 this.removeLogo()}\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 {this.state.emailCustomContent && this.state.emailCustomContent.length + '/1500'}\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {Permission.isRole([\"Administrator\",\"CSR\",\"Admin\",\"Travel Manager\"]) ? \r\n \r\n \r\n : \"\" }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n// export default EditOrganization;\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n EditOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport * as OrgActions from '../../../../../redux/actions/organization-actions';\r\nimport OrgAPI from '../../../../../redux/api/organization-api';\r\n// import RolesAPI from \"../../../../../redux/api/roles-api\";\r\nimport * as UserActions from '../../../../../redux/actions/user-actions';\r\nimport * as paginationActions from '../../../../../redux/actions/pagination-actions';\r\nimport IntlMessages from '../../../../../services/intlMesseges';\r\nimport { notifyUser } from '../../../../../services/notification-service';\r\nimport {\r\n Switch,\r\n Modal,\r\n Spin,\r\n Popover,\r\n Popconfirm,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tabs,\r\n Upload,\r\n message,\r\n // Divider,\r\n Tooltip,\r\n Drawer,\r\n Form,\r\n Select,\r\n Radio\r\n} from 'antd';\r\nimport { EditCell, ViewCell } from '../../../../shared/components/helperCells';\r\nimport config from '../../../../../../../config';\r\nimport * as UserServices from '../../../../../services/user-service';\r\nimport * as Permission from '../../../../../services/permissions';\r\nimport Axios from 'axios';\r\nimport OrgTree from '../../../../shared/components/orgTree';\r\nimport AppLocale from '../../../../../languageProvider';\r\nimport axios from 'axios';\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\n\r\nclass EditOrganizationEmployees extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'employees';\r\n this.state = {\r\n userStatus: [],\r\n currentPlanToUnassign: '',\r\n confirmDeactivateEmployeeVisible: false,\r\n disableAssignButton: false,\r\n coverageEndDate: null,\r\n assigningLicense: false,\r\n loadMoreOrg: true,\r\n uploadingEmployees: false,\r\n orgPagerCurrent: 1,\r\n licenseIdDisabled: true,\r\n allTotalLicenses: 0,\r\n allAssignedLicenses: 0,\r\n licenseTotals: [],\r\n currentOrganization: 0,\r\n currentProduct: null,\r\n currentProductName: '',\r\n currentLicense: null,\r\n currentLicenseName: '',\r\n currentEmployee: null,\r\n showAssignPlan: true,\r\n editPlanVisible: false,\r\n employeesLoaded: false,\r\n isBulkUploadModalVisible: false,\r\n bulkUploadInstance: {\r\n sendEmailForNew: false,\r\n isAssignMembership: false,\r\n file: null,\r\n product: -1,\r\n uploadFileName: '',\r\n headers: []\r\n },\r\n\r\n bulkUpdateUsersInstance: {\r\n IsAddOrUpdateUsers: true,\r\n IsDeactivateExistingUser: false,\r\n IsOverwriteEntireDatabase: false\r\n },\r\n\r\n requiredFields: ['FirstName', 'LastName', 'Email', 'ContactNo', 'DateOfBirth'],\r\n appFields: [\r\n 'EmployeeId',\r\n 'FirstName',\r\n 'LastName',\r\n 'UserName',\r\n 'Email',\r\n 'ContactNo',\r\n 'CountryId',\r\n 'Address',\r\n 'State',\r\n 'AlternateFirstName',\r\n 'AlternateLastName',\r\n 'AlternateRelationship',\r\n 'AlternateContactNo',\r\n 'AlternateEmail',\r\n 'DateOfBirth',\r\n 'RelatedParentEmail',\r\n 'IsChild'\r\n ],\r\n mappedValues: {},\r\n fieldMapping: {},\r\n showMappingFields: false,\r\n organizationProducts: [],\r\n organizationProductsInfo: [],\r\n organizationLicenses: [],\r\n loading: false,\r\n data: [],\r\n activeTab: 'all',\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName !== '' ? (\r\n
\r\n\r\n {this.state.showMappingFields && (\r\n \r\n
\r\n {this.state.bulkUploadInstance &&\r\n this.state.bulkUploadInstance.headers &&\r\n this.state.bulkUploadInstance.headers.length > 0 &&\r\n this.state.bulkUploadInstance.headers.map((header, index) => (\r\n\r\n this.handleMappingChange(header, e.target.value)}\r\n >\r\n \r\n {this.state.appFields.map((field) => (\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 No \r\n Yes \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n No \r\n Yes \r\n \r\n \r\n
\r\n\r\n \r\n this.state.bulkUpdateUsersInstance[key]\r\n )}\r\n >\r\n \r\n Add or update Users\r\n \r\n\r\n \r\n Deactivate Existing User\r\n \r\n\r\n \r\n Overwrite Entire Database\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {this.state.organizationProductsInfo\r\n ? this.state.organizationProductsInfo.map((el) => {\r\n if (el.productQty - el.planConsumed > 0) {\r\n return (\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\n
\r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n {this.state.bulkUploadInstance &&\r\n this.state.bulkUploadInstance.headers &&\r\n this.state.bulkUploadInstance.headers.length > 0 &&\r\n this.state.bulkUploadInstance.headers.map((header, index) => (\r\n
\r\n
\r\n
\r\n
\r\n \r\n {el.product}: \r\n \r\n {el.usedLicenses} / {el.totalLicenses}\r\n \r\n
\r\n );\r\n })\r\n : ''\r\n }\r\n trigger='hover'\r\n >\r\n \r\n {this.state.allAssignedLicenses} / {this.state.allTotalLicenses}\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\n
\r\n \r\n \r\n {key.replace(/([a-z])([A-Z])/g, '$1 $2')} {/*
\r\n );\r\n }\r\n });\r\n\r\n return changes.length > 0 ? changes : null;\r\n};\r\n\r\n\r\n\r\n\r\n\r\n handleOk = () => {\r\n this.setState({ visible: false });\r\n };\r\n handleCancel = () => {\r\n this.setState({ visible: false });\r\n };\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\r\n \r\n
\r\n )\r\n\r\n },\r\n\r\n ]\r\n }\r\n\r\n render() {\r\n\r\n let _this = this;\r\n\r\n const getHeaderKeys = [\r\n {\r\n title: \r\n
\r\n \r\n // {/* // users // */}\r\n // {this.props.for === 'users' || this.props.for === 'travellers' || this.props.for === 'employees' ? (\r\n //
\r\n )\r\n }\r\n ];\r\n\r\n\r\n return (\r\n \r\n // {record.oldValues === null && JSON.parse(record.newValues) ? (\r\n //
\r\n // ) : // invoice start\r\n // this.props.for === 'invoice' ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).FirstName !== JSON.parse(record.oldValues).FirstName ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).LastName !== JSON.parse(record.oldValues).LastName ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).ContactNo !== JSON.parse(record.oldValues).ContactNo ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).Role !== JSON.parse(record.oldValues).Role ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).Address !== JSON.parse(record.oldValues).Address ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).State !== JSON.parse(record.oldValues).State ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).CountryId !== JSON.parse(record.oldValues).CountryId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).DateOfBirth !== JSON.parse(record.oldValues).DateOfBirth ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).EmergencyContactNo !== JSON.parse(record.oldValues).EmergencyContactNo ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).CompanyName !== JSON.parse(record.oldValues).CompanyName ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).EmergencyLastName !== JSON.parse(record.oldValues).EmergencyLastName ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).EmergencyFirstName !== JSON.parse(record.oldValues).EmergencyFirstName ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).EmergencyRelationship !==\r\n // JSON.parse(record.oldValues).EmergencyRelationship ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).IsActive !== JSON.parse(record.oldValues).IsActive ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {record.oldValues !== null &&\r\n // JSON.parse(record.newValues).IsGeoLocationEnabled !==\r\n // JSON.parse(record.oldValues).IsGeoLocationEnabled ? (\r\n // \r\n // {JSON.parse(record.newValues).IsGeoLocationEnabled === true ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {Object.keys(JSON.parse(record.newValues)).length === 1 &&\r\n // JSON.parse(record.newValues).UpdateDate !== undefined &&\r\n // JSON.parse(record.oldValues).UpdateDate !== undefined\r\n // ? 'Changes at Backend'\r\n // : ''}\r\n // \r\n // {record.oldValues === null && JSON.parse(record.newValues).PaymentStatus === 0 ? (\r\n //
\r\n // ) : // org start\r\n\r\n // this.props.for === 'organization' ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.oldValues).PaymentStatus === 0 &&\r\n // JSON.parse(record.newValues).PaymentStatus !== 0 ? (\r\n // \r\n // {record.oldValues === null && JSON.parse(record.newValues) !== null ? (\r\n //
\r\n // ) : // product start\r\n // this.props.for === 'product' ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).JobNumber !== JSON.parse(record.newValues).JobNumber ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).CustomerID !== JSON.parse(record.newValues).CustomerID ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Address !== JSON.parse(record.newValues).Address ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).City !== JSON.parse(record.newValues).City ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).PhoneNo !== JSON.parse(record.newValues).PhoneNo ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).State !== JSON.parse(record.newValues).State ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).ZipCode !== JSON.parse(record.newValues).ZipCode ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).CountryId !== JSON.parse(record.newValues).CountryId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Logo !== JSON.parse(record.newValues).Logo ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Name !== JSON.parse(record.newValues).CountryId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsBusinessAddressSame !==\r\n // JSON.parse(record.newValues).IsBusinessAddressSame ? (\r\n // \r\n // {JSON.parse(record.newValues).IsBusinessAddressSame === true ? (\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 // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).ThemeId !== JSON.parse(record.newValues).ThemeId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsEmailActive !== JSON.parse(record.newValues).IsEmailActive ? (\r\n // \r\n // {JSON.parse(record.newValues).IsEmailActive ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsNotificationActive !==\r\n // JSON.parse(record.newValues).IsNotificationActive ? (\r\n // \r\n // {JSON.parse(record.newValues).IsNotificationActive ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsSmsactive !== JSON.parse(record.newValues).IsSmsactive ? (\r\n // \r\n // {JSON.parse(record.newValues).IsSmsactive ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // \r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Name !== JSON.parse(record.newValues).Name ? (\r\n //
\r\n // ) : this.props.for === 'pricing' ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // \r\n // \r\n //
\r\n // ) : this.props.for === 'b2b2c-organization' || this.props.for === 'reseller' ? (\r\n // \r\n // {record.oldValues === null && JSON.parse(record.newValues) !== null ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).JobNumber !== JSON.parse(record.newValues).JobNumber ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).CustomerID !== JSON.parse(record.newValues).CustomerID ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Address !== JSON.parse(record.newValues).Address ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).City !== JSON.parse(record.newValues).City ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).PhoneNo !== JSON.parse(record.newValues).PhoneNo ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).State !== JSON.parse(record.newValues).State ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).ZipCode !== JSON.parse(record.newValues).ZipCode ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).CountryId !== JSON.parse(record.newValues).CountryId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Logo !== JSON.parse(record.newValues).Logo ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Name !== JSON.parse(record.newValues).CountryId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsBusinessAddressSame !==\r\n // JSON.parse(record.newValues).IsBusinessAddressSame ? (\r\n // \r\n // {JSON.parse(record.newValues).IsBusinessAddressSame === true ? (\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 // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).ThemeId !== JSON.parse(record.newValues).ThemeId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsEmailActive !== JSON.parse(record.newValues).IsEmailActive ? (\r\n // \r\n // {JSON.parse(record.newValues).IsEmailActive ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsNotificationActive !==\r\n // JSON.parse(record.newValues).IsNotificationActive ? (\r\n // \r\n // {JSON.parse(record.newValues).IsNotificationActive ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).IsSmsactive !== JSON.parse(record.newValues).IsSmsactive ? (\r\n // \r\n // {JSON.parse(record.newValues).IsSmsactive ? (\r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Commission === null &&\r\n // JSON.parse(record.newValues).Commission !== null ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).Commission !== JSON.parse(record.newValues).Commission ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) && JSON.parse(record.newValues) ? (\r\n // <>\r\n // {JSON.parse(record.oldValues).WizardIconActive === null &&\r\n // JSON.parse(record.newValues).WizardIconActive !== null ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues).WizardIconActive !== null &&\r\n // JSON.parse(record.newValues).WizardIconActive === null ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues).WizardIconActive !==\r\n // JSON.parse(record.newValues).WizardIconActive ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues).WizardIcons === null &&\r\n // JSON.parse(record.newValues).WizardIcons !== null ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues).WizardIcons !== null &&\r\n // JSON.parse(record.newValues).WizardIcons === null ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues).WizardIcons !== JSON.parse(record.newValues).WizardIcons ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {/* background image */}\r\n // {JSON.parse(record.oldValues).BackgroundImage === null &&\r\n // JSON.parse(record.newValues).BackgroundImage !== null ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues).BackgroundImage !== null &&\r\n // JSON.parse(record.newValues).BackgroundImage === null ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues).BackgroundImage !==\r\n // JSON.parse(record.newValues).BackgroundImage ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {/* footer visible */}\r\n // {JSON.parse(record.oldValues).IsFooterVisible === false &&\r\n // JSON.parse(record.newValues).IsFooterVisible === true ? (\r\n // \r\n //
\r\n // ) : JSON.parse(record.oldValues).IsFooterVisible === true &&\r\n // JSON.parse(record.newValues).IsFooterVisible === false ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {/* price */}\r\n // {JSON.parse(record.oldValues).B2B2CPriceName === null &&\r\n // JSON.parse(record.newValues).B2B2CPriceName !== null ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // {typeof JSON.parse(record.oldValues).B2B2CPriceName !== 'undefined' &&\r\n // typeof JSON.parse(record.newValues).B2B2CPriceName !== 'undefined' &&\r\n // JSON.parse(record.oldValues).B2B2CPriceName !== null &&\r\n // JSON.parse(record.newValues).B2B2CPriceName !== null &&\r\n // JSON.parse(record.oldValues).B2B2CPriceId !== JSON.parse(record.newValues).B2B2CPriceId ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {/* IsCapLogoVisible */}\r\n // {JSON.parse(record.oldValues).IsCapLogoVisible !== JSON.parse(record.newValues).IsCapLogoVisible ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {/* FooterText */}\r\n // {JSON.parse(record.oldValues).FooterText !== JSON.parse(record.newValues).FooterText ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // \r\n // ) : (\r\n // ''\r\n // )}\r\n\r\n // {JSON.parse(record.oldValues) &&\r\n // JSON.parse(record.newValues) &&\r\n // JSON.parse(record.oldValues).UpdateDate &&\r\n // Object.keys(JSON.parse(record.newValues)).length == 1 ? (\r\n // \r\n //
\r\n // ) : (\r\n // ''\r\n // )}\r\n // \r\n \r\n \r\n Close\r\n ,\r\n ]}\r\n >\r\n\r\n \r\n
\r\n \r\n\r\n\r\n {this.props.for !== \"travellers\" && this.props.for !== \"employees\" ?\r\n <>\r\n \r\n \r\n \r\n \r\n this.backbutton()}\r\n >\r\n
\r\n
: ''}\r\n\r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nActivityLog.propTypes = {\r\n location: PropTypes.object,\r\n getUserListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...logsActions, ...userActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(ActivityLog)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../../../audit-logs/audit-logs\";\r\n\r\nclass BillingAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n return (\r\n : ''}\r\n
\r\n \r\n \r\n
\r\n);\r\n\r\nclass EmployeeMap extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n initLoading: true,\r\n data: [],\r\n listData: [],\r\n pathCoordinates: [],\r\n currentUserId: 0,\r\n paginationToken: {},\r\n dataPickerDates: [],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({\r\n currentUserId: this.props.match.params.id,\r\n loading: true,\r\n });\r\n this.getTravelerLocationsData();\r\n }\r\n }\r\n\r\n onLoadMore = () => {\r\n this.setState({\r\n loading: true,\r\n });\r\n this.props\r\n .getTravellerLocations({\r\n filters: { userId: this.props.match.params.id },\r\n pagination: {\r\n pageSize: 10,\r\n paginationToken: this.state.paginationToken,\r\n },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let data = this.state.data.concat(resp.data);\r\n let pathData = this._bindPathCoordinates(data);\r\n if (Object.keys(resp.paginationToken).length === 2) {\r\n this.setState({ initLoading: false });\r\n }\r\n this.setState({\r\n data: data,\r\n listData: data,\r\n pathCoordinates: pathData,\r\n loading: false,\r\n paginationToken: resp.paginationToken,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n dateChanged = (dates) => {\r\n this.setState({\r\n dataPickerDates: dates,\r\n loading: true,\r\n });\r\n if (dates.length > 0) {\r\n let start = new Date(dates[0]);\r\n let end = new Date(dates[1]);\r\n\r\n let startDate = moment(\r\n new Date(\r\n start.getFullYear(),\r\n start.getMonth(),\r\n start.getDate(),\r\n 0,\r\n 0,\r\n 0,\r\n 0\r\n )\r\n ).format(\"X\");\r\n\r\n let endDate = moment(\r\n new Date(\r\n end.getFullYear(),\r\n end.getMonth(),\r\n end.getDate(),\r\n 23,\r\n 59,\r\n 59,\r\n 0\r\n )\r\n ).format(\"X\");\r\n\r\n this.getTravelerLocationsData(startDate, endDate);\r\n } else {\r\n this.getTravelerLocationsData();\r\n }\r\n };\r\n\r\n getTravelerLocationsData(startDate, endDate) {\r\n let filters = {};\r\n if (startDate && endDate) {\r\n filters = {\r\n userId: this.props.match.params.id,\r\n startDate: startDate,\r\n endDate: endDate,\r\n };\r\n } else {\r\n filters = { userId: this.props.match.params.id };\r\n }\r\n\r\n this.props\r\n .getTravellerLocations({\r\n filters: filters,\r\n pagination: { current: 1, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let pathData = this._bindPathCoordinates(resp.data);\r\n if (Object.keys(resp.paginationToken).length === 2) {\r\n this.setState({ initLoading: false });\r\n }\r\n this.setState({\r\n data: resp.data,\r\n listData: resp.data,\r\n pathCoordinates: pathData,\r\n loading: false,\r\n paginationToken: resp.paginationToken,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n _bindPathCoordinates(data) {\r\n let tempArray = [];\r\n if (data && data.length > 0) {\r\n data.map((data) => {\r\n tempArray.push({\r\n lat: data.latitude,\r\n lng: data.longitude,\r\n });\r\n });\r\n return tempArray;\r\n }\r\n }\r\n\r\n fetchPlaces = ({ google }, map) => {\r\n if (this.state.listData && this.state.listData.length > 0) {\r\n const bounds = new window.google.maps.LatLngBounds();\r\n this.state.listData.map((data) => {\r\n bounds.extend({ lat: data.latitude, lng: data.longitude });\r\n });\r\n map.panTo(bounds.getCenter());\r\n }\r\n };\r\n\r\n secondsToMS(seconds) {\r\n var d = Number(seconds);\r\n var h = Math.floor(d / 3600);\r\n var m = Math.floor((d % 3600) / 60);\r\n var s = Math.floor((d % 3600) % 60);\r\n\r\n var hDisplay = h > 0 ? h + (h == 1 ? \" hour, \" : \" hours, \") : \"\";\r\n var mDisplay = m > 0 ? m + (m == 1 ? \" minute, \" : \" minutes, \") : \"\";\r\n var sDisplay = s > 0 ? s + (s == 1 ? \" second\" : \" seconds\") : \"\";\r\n return hDisplay + mDisplay + sDisplay;\r\n }\r\n\r\n render() {\r\n const loadMore = this.state.initLoading ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {this.state.listData && this.state.listData.length > 0 ? (\r\n Past Locations \r\n \r\n {this.state.initLoading ? (\r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {moment.utc(this.state.listData[0].modifiedOnUtc).fromNow()}\r\n \r\n {\")\"}\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n {this.state.listData &&\r\n this.state.listData.length > 0 &&\r\n this.state.listData.map((marker, i) => {\r\n if (i == 0) {\r\n iconName = \"scheduled.png\";\r\n } else {\r\n iconName = \"traveler-route.png\";\r\n }\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n 0 ?
}\r\n >\r\n\r\n \r\n {this.state.userId > 0 ? (\r\n \r\n \r\n {/* \r\n this.props.location.state &&\r\n this.props.location.state.oldPath\r\n ? this.props.history.push(\r\n this.props.location.state.oldPath\r\n )\r\n : this.props.history.goBack()\r\n }\r\n >\r\n
\r\n
\r\n\r\n \r\n ) : (\r\n ''\r\n )}\r\n {this.props.match.params.id !== 'new' && (\r\n \r\n \r\n )}\r\n {this.props.match.params.id !== 'new' && (\r\n \r\n \r\n )}\r\n {this.props.match.params.id !== 'new' && (\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditOrganizationEmployee.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllExternalRoles: PropTypes.func,\r\n getUserListing: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.user , ...state.pagination,};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n ...userActions,\r\n ...RolesActions,\r\n ...OrgActions,\r\n ...travellerActions,\r\n ...AdminActions,\r\n ...b2cActions,\r\n ...paginationActions\r\n },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-organization-employee\" })(\r\n EditOrganizationEmployee\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../../../app/services/intlMesseges\";\r\nimport {\r\n Popover,\r\n Typography,\r\n Table,\r\n Input,\r\n Button,\r\n Icon,\r\n Row,\r\n Col,\r\n Tooltip,\r\n} from \"antd\";\r\nimport * as OrgActions from \"../../../../../redux/actions/organization-actions\";\r\nimport * as Permission from \"../../../../../services/permissions\";\r\nimport * as paginationActions from \"../../../../../redux/actions/pagination-actions\";\r\nclass OrganizationLicenseList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = \"licenses\";\r\n this.state = {\r\n organizationName: null,\r\n allTotalLicenses: 0,\r\n allAssignedLicenses: 0,\r\n licenseTotals: [],\r\n searchText: \"\",\r\n dataLoaded: false,\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n }\r\n >\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {this.props.match && this.props.match.params && this.props.match.params.id !== 'new' ? (\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\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 record.licenseId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.tableChange}\r\n scroll={{ x: \"100%\" }}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n OrganizationLicenseList\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../../../redux/actions/order-actions\";\r\nimport * as OrgActions from \"../../../../../redux/actions/organization-actions\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\n// import Moment from \"react-moment\";\r\nimport { Typography, Form, Button, Row, Col, Table, Input, Icon } from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nconst dateFormat = \"MM/DD/YYYY - HH:mm\";\r\n\r\nclass EditOrganizationLicense extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n organizationName: null,\r\n loading: false,\r\n data: [],\r\n orderInfo: {},\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n {el.product}: \r\n \r\n {el.usedLicenses} / {el.totalLicenses}\r\n \r\n
\r\n ))\r\n : \"\"\r\n }\r\n trigger=\"hover\"\r\n >\r\n \r\n {this.state.allAssignedLicenses} /{\" \"}\r\n {this.state.allTotalLicenses}\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 this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n scroll={{ x: \"100%\" }}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...OrgActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-order\" })(\r\n EditOrganizationLicense\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography } from \"antd\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport * as orderActions from \"../../../../redux/actions/order-actions\";\r\nimport OrgTree from \"../../../shared/components/orgTree\";\r\n\r\nimport moment from \"moment\";\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\n\r\nclass OrganizationOrderHistory extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ordersLoaded: false,\r\n loading: false,\r\n isLoading: true,\r\n currentPlanName: null,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push('../../')}\r\n >\r\n
\r\n
\r\n\r\n
\r\n {(this.props.match.params.orgid || this.props.match.params.id)/* && this.state.loading === false */ ?\r\n \r\n
\r\n :\r\n \"\"\r\n }\r\n \r\n record.orderId}\r\n dataSource={this.state.data.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n scroll={{ x: \"100%\" }}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(OrganizationOrderHistory)\r\n); ","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../../redux/actions/order-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Typography,\r\n Form,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Descriptions\r\n} from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\n\r\nclass ViewOrganizationOrder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n orderInfo: {}\r\n };\r\n }\r\n\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n });\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ loading: true, id: this.props.match.params.id });\r\n const order = await this.props.getOrder(this.props.match.params.id);\r\n this.setState({ orderInfo: order.data });\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n render() {\r\n const { orderInfo } = this.state;\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n { \r\n \r\n this.props.history.push('./')}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(_state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-order\" })(ViewOrganizationOrder);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as itiniaryActions from \"../../../redux/actions/itinerary-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport * as orgActions from \"../../../redux/actions/organization-actions\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport {\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n Button,\r\n DatePicker,\r\n Typography,\r\n Select,\r\n Spin,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nconst { RangePicker } = DatePicker;\r\n\r\nconst dateFormat = \"MM/DD/YYYY HH:mm:00\";\r\nconst dateFormathh = \"YYYY-MM-DD HH:mm:00\";\r\nconst { Option } = Select;\r\nlet _airportData = [];\r\nfunction range(start, end) {\r\n const result = [];\r\n for (let i = start; i < end; i++) {\r\n result.push(i);\r\n }\r\n return result;\r\n}\r\nfunction disabledDate(current) {\r\n // Can not select days before today and today\r\n return (\r\n current &&\r\n current <\r\n moment()\r\n .endOf(\"day\")\r\n .subtract(1, \"days\")\r\n );\r\n}\r\n\r\nclass UpdateItinerary extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formLayout: undefined,\r\n fromDate: \"\",\r\n fromlocation: \"\",\r\n tolocation: \"\",\r\n todate: \"\",\r\n departuredate: \"\",\r\n flightnumber: \"\",\r\n isActive: true,\r\n userid: 0,\r\n loading: false,\r\n data: [],\r\n parentOrgData: {},\r\n TravellerData: [],\r\n pagination: { pageSize: 10, current: 1 },\r\n filters: {},\r\n airportData: [],\r\n stateuser: 1,\r\n itineraryData: {},\r\n travellerIternaryId: 0,\r\n searchtrue: false,\r\n flightno: \"\",\r\n departture: \"\",\r\n formexpired: false,\r\n resultsFound: false,\r\n };\r\n this.handleAddTraveller = this.handleAddTraveller.bind(this);\r\n this.onSearch = this.onSearch.bind(this);\r\n this.getdivision = this.getdivision.bind(this);\r\n this.getflightinformation = this.getflightinformation.bind(this);\r\n this.getAirportUpdate = this.getAirportUpdate.bind(this);\r\n this.disableDepartureTime = this.disableDepartureTime.bind(this);\r\n this.disabledRangeTime = this.disabledRangeTime.bind(this);\r\n }\r\n onChange = (selected) => {\r\n this.props.form.setFieldsValue({ travellerName: null });\r\n this.setState({ parentOrgId: selected, TravellerData: [] });\r\n this.getTravellerData({\r\n orgId: selected,\r\n filters: { isActiveMembership: true },\r\n });\r\n };\r\n disableDepartureTime() {\r\n var depDate = this.props.form.getFieldValue(\"departuredate\");\r\n if (depDate) {\r\n if (\r\n moment(new Date(depDate._d)).format(\"MM/DD/YYYY\") ===\r\n moment(new Date()).format(\"MM/DD/YYYY\")\r\n ) {\r\n if (depDate._d.getHours() === new Date().getHours()) {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n };\r\n }\r\n } else {\r\n return {};\r\n }\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n }\r\n }\r\n disabledRangeTime(a, type) {\r\n if (type === \"start\") {\r\n var depDate = this.props.form.getFieldValue(\"todate\")\r\n ? this.props.form.getFieldValue(\"todate\")[0]\r\n : \"\";\r\n if (depDate) {\r\n if (\r\n moment(new Date(depDate._d)).format(\"MM/DD/YYYY\") ===\r\n moment(new Date()).format(\"MM/DD/YYYY\")\r\n ) {\r\n if (depDate._d.getHours() === new Date().getHours()) {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n };\r\n }\r\n } else {\r\n return {};\r\n }\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n }\r\n }\r\n }\r\n getColumnSearchProps = (dataIndex) => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters,\r\n }) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n onFilterDropdownVisibleChange: (visible) => {\r\n if (visible) {\r\n setTimeout(() => this.searchInput.select());\r\n }\r\n },\r\n });\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.props.getItineraryByIdx(this.props.match.params.id).then((data) => {\r\n this.setState({ itineraryData: data.data });\r\n if (data.data.flightNumber !== null) {\r\n this.setState({ resultsFound: true });\r\n }\r\n this.setState({ travellerIternaryId: data.data.travellerIternaryId });\r\n this.setState({\r\n disablefields: true,\r\n rangedate: [\r\n moment(data.data.fromDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(data.data.toDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n });\r\n\r\n if (data.data && new Date(data.data.toDate) < new Date()) {\r\n this.setState({ formexpired: true });\r\n }\r\n if (data.data.travellerName && data.data.userId) {\r\n this.setState({\r\n TravellerData: [\r\n {\r\n firstName: data.data.travellerName,\r\n userId: data.data.userId,\r\n lastName: \"\",\r\n },\r\n ],\r\n });\r\n }\r\n if (\r\n !_airportData.includes(\r\n {\r\n displayName: data.data.fromLocationName,\r\n airportID: data.data.fromLocationId,\r\n } || {\r\n displayName: data.data.toLocationName,\r\n airportID: data.data.toLocationId,\r\n }\r\n )\r\n ) {\r\n _airportData.push({\r\n displayName: data.data.fromLocationName,\r\n airportID: data.data.fromLocationId,\r\n });\r\n _airportData.push({\r\n displayName: data.data.toLocationName,\r\n airportID: data.data.toLocationId,\r\n });\r\n }\r\n let _userData = [];\r\n _userData.push({\r\n userId: data.data.userId,\r\n displayName: data.data.travellerName,\r\n });\r\n _userData.push({\r\n userId: data.data.userId,\r\n displayName: data.data.travellerName,\r\n });\r\n this.setState({ userData: _userData });\r\n });\r\n }\r\n\r\n if (\r\n Permission.isRole(\"Admin\") ||\r\n Permission.isRole(\"Travel Manager\") ||\r\n Permission.isRole(\"Administrator\") ||\r\n Permission.isRole(\"Division Manager\") ||\r\n Permission.isRole(\"CSR\")\r\n ) {\r\n this.getdivision({ orgId: this.props.match.params.orgid });\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.orgid &&\r\n this.props.match.params.orgid !== \"new\"\r\n ) {\r\n if (this.props.match.params.orgid)\r\n this.props\r\n .getOrganizationId(this.props.match.params.orgid)\r\n .then(async (resp) => {\r\n this.setState({ orgName: resp.data.name });\r\n });\r\n this.getTravellerData({\r\n orgId: this.props.match.params.orgid,\r\n filters: { isActiveMembership: true },\r\n });\r\n }\r\n }\r\n\r\n this.getairportData({});\r\n }\r\n getAirportUpdate() {\r\n this.getairportData({});\r\n }\r\n getdivision(data) {\r\n this.props\r\n .getDivisions(data)\r\n .then((resp) => {\r\n // pager.total = resp.paging.totalRecords;\r\n this.setState({\r\n loading: false,\r\n parentOrgData: resp.data,\r\n // pagination: pager\r\n });\r\n })\r\n .catch((_ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n getTravellerData(params) {\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n parseInt(this.props.match.params.orgid) === 1\r\n ) {\r\n this.props\r\n .getTravellersListing(params)\r\n .then((resp) => {\r\n this.setState({\r\n TravellerData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n } else if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n parseInt(this.props.match.params.orgid) > 1\r\n ) {\r\n this.props\r\n .getUserListing(params)\r\n .then((resp) => {\r\n this.setState({\r\n TravellerData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n }\r\n }\r\n async getairportData(params, value) {\r\n var info = [];\r\n await this.props.getAirportCodesData(params).then((data) => {\r\n if (value === 1) {\r\n info = [];\r\n info = this.state.airportData;\r\n this.setState({ airportData: data.data });\r\n } else if (value === 2) {\r\n info = [];\r\n if (data.data && data.data.length > 0) {\r\n let _da1 = data.data;\r\n let _da2 = this.state.airportData;\r\n let da3 = [];\r\n if (this.state.airportData && this.state.airportData.length > 0) {\r\n da3 = _da2.concat(_da1);\r\n }\r\n this.setState({ airportData: da3 });\r\n }\r\n } else {\r\n info = [];\r\n info = data.data;\r\n if (_airportData.length > 0) {\r\n info.concat(_airportData);\r\n this.setState({ airportData: info.concat(_airportData) });\r\n } else {\r\n this.setState({ airportData: info });\r\n }\r\n }\r\n });\r\n }\r\n getdata() {\r\n this.props\r\n .getItinerary(parseInt(this.props.userData.userID))\r\n .then((resp) => {\r\n this.setState({ data: resp.data });\r\n });\r\n }\r\n handleAddTraveller() {\r\n this.props.form.validateFields(\r\n [\"fromlocation\", \"tolocation\", \"todate\", \"travellerName\"],\r\n (err, values) => {\r\n let _idTraveller;\r\n if (values.travellerName) {\r\n _idTraveller = values.travellerName;\r\n } else {\r\n _idTraveller = this.props.userData.userID;\r\n }\r\n if (!err) {\r\n this.setState({ loading: true });\r\n var data = {\r\n userId: _idTraveller,\r\n fromLocationId: parseInt(values.fromlocation),\r\n fromDate: moment(values.todate[0]).format(dateFormathh),\r\n toLocationId: parseInt(values.tolocation),\r\n toDate: moment(values.todate[1]).format(dateFormathh),\r\n departureDate: moment(values.departuredate).format(dateFormathh),\r\n flightNumber: this.props.form.getFieldValue(\"flightnumber\"),\r\n airlineCode: this.props.form.getFieldValue(\"airlineCode\"),\r\n isActive: true,\r\n };\r\n if (parseInt(values.fromlocation) !== parseInt(values.tolocation)) {\r\n if (this.state.travellerIternaryId === 0) {\r\n this.props.addItineraryById(data).then((resp) => {\r\n if (resp.data.message === \"Itinerary added successfully.\") {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(\r\n currentAppLocale.messages[\r\n \"admin.managedayitinerary.success\"\r\n ],\r\n \"success\"\r\n );\r\n //notifyUser(resp.data.message, \"success\");\r\n this.props.history.push(\r\n \"../../../list/\" +\r\n this.props.match.params.orgid +\r\n \"/\" +\r\n this.props.match.params.divid +\r\n \"/\"\r\n );\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(resp.data.message, \"error\");\r\n this.setState({ loading: false });\r\n }\r\n });\r\n } else {\r\n this.props\r\n .updateItinerarybtId(this.state.travellerIternaryId, data)\r\n .then((updateResp) => {\r\n if (\r\n updateResp.data.message ===\r\n \"Traveller Iternary updated successfully.\"\r\n ) {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(\r\n currentAppLocale.messages[\r\n \"admin.managedayitinerary.updatesuccess\"\r\n ],\r\n \"success\"\r\n );\r\n // notifyUser(\"Traveler Itinerary updated successfully\", \"success\");\r\n this.props.history.push(\r\n \"../../../list/\" +\r\n this.props.match.params.orgid +\r\n \"/\" +\r\n this.props.match.params.divid +\r\n \"/\"\r\n );\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(updateResp.error.message, \"error\");\r\n this.setState({ loading: false });\r\n }\r\n });\r\n }\r\n } else {\r\n notifyUser(\"From Location and To Location cannot be same\", \"error\");\r\n this.setState({ loading: false });\r\n }\r\n }\r\n }\r\n );\r\n }\r\n\r\n onSearch(value, type) {\r\n this.setState({ searchairport: value });\r\n this.getairportData(\r\n {\r\n orgId: 1,\r\n filters: { displayName: value },\r\n pagination: { page: 1, pageSize: 10 },\r\n },\r\n 1\r\n );\r\n }\r\n loadAccountManagers = (e) => {\r\n var _search;\r\n if (this.state.searchairport) {\r\n _search = { displayName: this.state.searchairport };\r\n } else {\r\n _search = {};\r\n }\r\n if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) {\r\n var datas = this.state.stateuser + 1;\r\n this.getairportData(\r\n {\r\n orgId: 1,\r\n filters: _search,\r\n pagination: { page: datas, pageSize: 10 },\r\n },\r\n 2\r\n );\r\n this.setState({ stateuser: datas });\r\n }\r\n };\r\n loadotherTravellers = (e) => {\r\n let _search = { isActiveMembership: true };\r\n if (this.state.seachtrav) {\r\n _search = { displayName: this.state.seachtrav, isActiveMembership: true };\r\n }\r\n if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) {\r\n var datas = this.state.stateuser + 1;\r\n if (parseInt(this.props.match.params.orgid) === 1) {\r\n this.props\r\n .getTravellersListing({\r\n orgId: this.props.match.params.orgid,\r\n filters: _search,\r\n pagination: { page: datas, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let data = this.state.TravellerData;\r\n this.setState({ stateuser: datas });\r\n this.setState({\r\n TravellerData: data.concat(resp.data),\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.props\r\n .getUserListing({\r\n orgId: this.props.form.getFieldValue(\"parent\")\r\n ? this.props.form.getFieldValue(\"parent\")\r\n : this.props.match.params.orgid,\r\n filters: _search,\r\n pagination: { page: datas, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let data = this.state.TravellerData;\r\n this.setState({ stateuser: datas });\r\n this.setState({\r\n TravellerData: data.concat(resp.data),\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n }\r\n };\r\n searchtravellers = (e, value) => {\r\n this.setState({ seachtrav: e });\r\n\r\n if (e === \"\" || e === null) {\r\n this.setState({ stateuser: 1, TravellerData: [] });\r\n }\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n parseInt(this.props.match.params.orgid) === 1\r\n ) {\r\n let data = {\r\n orgId: this.props.match.params.orgid,\r\n filters: { displayName: e },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n };\r\n this.props\r\n .getTravellersListing(data)\r\n .then((resp) => {\r\n if (value === 1) {\r\n let data = this.state.TravellerData;\r\n\r\n this.setState({\r\n fetching: false,\r\n TravellerData: data.concat(resp.data),\r\n });\r\n } else {\r\n this.setState({\r\n fetching: false,\r\n TravellerData: resp.data,\r\n });\r\n }\r\n })\r\n .catch((ex) => {\r\n this.setState({ fetching: false });\r\n });\r\n } else {\r\n let data = {\r\n // orgId: /* this.props.match.params.orgid */ this.props.form.getFieldValue('parent'),\r\n orgId: this.props.form.getFieldValue(\"parent\")\r\n ? this.props.form.getFieldValue(\"parent\")\r\n : this.props.match.params.orgid,\r\n filters: { displayName: e, isActiveMembership: true },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n };\r\n this.props\r\n .getUserListing(data)\r\n .then((resp) => {\r\n if (value === 1) {\r\n let data = this.state.TravellerData;\r\n\r\n this.setState({\r\n fetching: false,\r\n TravellerData: data.concat(resp.data),\r\n });\r\n } else {\r\n this.setState({\r\n fetching: false,\r\n TravellerData: resp.data,\r\n });\r\n }\r\n })\r\n .catch((ex) => {\r\n this.setState({ fetching: false });\r\n });\r\n }\r\n };\r\n getflightinformation() {\r\n let self = this;\r\n this.props.form.validateFields(\r\n [\"flightnumber\", \"departuredate\", \"airlineCode\"],\r\n (err, values) => {\r\n this.setState({\r\n flightno: values.flightnumber,\r\n departture: values.departuredate,\r\n });\r\n if (!err) {\r\n this.setState({ loading: true });\r\n\r\n this.props\r\n .getFlightInformation(\r\n this.props.form.getFieldValue(\"airlineCode\"),\r\n this.props.form.getFieldValue(\"flightnumber\"),\r\n moment(this.props.form.getFieldValue(\"departuredate\")).format(\r\n dateFormathh\r\n )\r\n )\r\n .then((resp) => {\r\n if (resp.data) {\r\n let airportData = [];\r\n airportData.push({\r\n displayName: resp.data.departureAirportName,\r\n airportID: resp.data.departureAirportID,\r\n });\r\n airportData.push({\r\n displayName: resp.data.arivalAirportName,\r\n airportID: resp.data.arivalAirportID,\r\n });\r\n this.setState({\r\n airportData: airportData.concat(this.state.airportData),\r\n });\r\n let _itineraryData = this.state.itineraryData;\r\n // _itineraryData.fromDate = resp.data.departureDate;\r\n _itineraryData.fromDate = [\r\n moment(resp.data.departureDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ];\r\n _itineraryData.toDate = [\r\n moment(resp.data.arivalDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ];\r\n\r\n self.props.form.setFieldsValue({\r\n fromlocation: resp.data.departureAirportID,\r\n tolocation: resp.data.arivalAirportID,\r\n // fromdate: moment(resp.data.departureDate),\r\n todate: [\r\n moment(resp.data.departureDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(resp.data.arivalDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n });\r\n this.setState({\r\n rangedate: [\r\n moment(resp.data.departureDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(resp.data.arivalDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n loading: false,\r\n itineraryData: _itineraryData,\r\n resultsFound: true,\r\n });\r\n } else {\r\n notifyUser(\r\n \"Please enter valid Flight Number / Departure date\",\r\n \"error\"\r\n );\r\n this.setState({ loading: false, resultsFound: false });\r\n }\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n resetFlightInformationForm = () => {\r\n var itineraryData = this.state.itineraryData;\r\n itineraryData.fromDate = null;\r\n this.setState({\r\n itineraryData: itineraryData,\r\n resultsFound: false,\r\n });\r\n this.props.form.setFieldsValue({\r\n fromlocation: null,\r\n fromdate: null,\r\n tolocation: null,\r\n todate: null,\r\n departuredate: null,\r\n flightnumber: null,\r\n airlineCode: null,\r\n });\r\n };\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.orgid !== \"1\" &&\r\n !Permission.isRole(\"Membership\") &&\r\n !Permission.isRole(\"Employee\") ? (\r\n \r\n {this.state.TravellerData\r\n ? this.state.TravellerData.map(function(item) {\r\n return (\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\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...itiniaryActions, ...userActions, ...travellerActions, ...orgActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"Update-itinerary\" })(UpdateItinerary);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as itiniaryActions from \"../../../redux/actions/itinerary-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport * as orgActions from \"../../../redux/actions/organization-actions\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport {\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n Button,\r\n DatePicker,\r\n Typography,\r\n Select,\r\n Spin,\r\n Modal,\r\n Radio,\r\n Table\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nconst { RangePicker } = DatePicker;\r\nconst { Text, Title } = Typography;\r\n\r\nconst dateFormat = \"MM/DD/YYYY HH:mm:00\";\r\nconst dateFormathh = \"YYYY-MM-DD HH:mm:00\";\r\nconst { Option } = Select;\r\nlet _airportData = [];\r\n\r\nfunction range(start, end) {\r\n const result = [];\r\n for (let i = start; i < end; i++) {\r\n result.push(i);\r\n }\r\n return result;\r\n}\r\nfunction disabledDate(current) {\r\n // Can not select days before today and today\r\n return (\r\n current &&\r\n current <\r\n moment()\r\n .endOf(\"day\")\r\n .subtract(1, \"days\")\r\n );\r\n}\r\n\r\n\r\n\r\nclass UpdateManualItinerary extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formLayout: undefined,\r\n fromDate: \"\",\r\n fromlocation: \"\",\r\n tolocation: \"\",\r\n todate: \"\",\r\n departuredate: \"\",\r\n flightnumber: \"\",\r\n isActive: true,\r\n userid: 0,\r\n loading: false,\r\n data: [],\r\n parentOrgData: {},\r\n TravellerData: [],\r\n pagination: { pageSize: 10, current: 1 },\r\n filters: {},\r\n airportData: [],\r\n stateuser: 1,\r\n itineraryData: {},\r\n travellerIternaryId: 0,\r\n searchtrue: false,\r\n flightno: \"\",\r\n departture: \"\",\r\n formexpired: false,\r\n resultsFound: false,\r\n disableSearchForm: false,\r\n manualItineraryData: { pnrNumber: \"\", userId: \"\", segmentData: [] },\r\n isAddFlightSegment: false,\r\n segmentIndex: -1,\r\n showRemovePopup: false,\r\n isAddFlightDisable: true,\r\n // isNewSegment : false,\r\n isindex : undefined,\r\n alwaysData:[],\r\n flightData: [],\r\n selectedFlight: null,\r\n selectedRow:'',\r\n selectField : false,\r\n visible: false,\r\n selectedFlightId: null,\r\n ident : \"\",\r\n };\r\n this.handleAddTraveller = this.handleAddTraveller.bind(this);\r\n this.onSearch = this.onSearch.bind(this);\r\n this.getdivision = this.getdivision.bind(this);\r\n this.getflightinformation = this.getflightinformation.bind(this);\r\n this.getAirportUpdate = this.getAirportUpdate.bind(this);\r\n this.disableDepartureTime = this.disableDepartureTime.bind(this);\r\n this.disabledRangeTime = this.disabledRangeTime.bind(this);\r\n this.removeFlightSegment = this.removeFlightSegment.bind(this);\r\n this.appendSegmentData = this.appendSegmentData.bind(this);\r\n this.appendSegmentDataEdit = this.appendSegmentDataEdit.bind(this);\r\n\r\n this.saveItinerary = this.saveItinerary.bind(this);\r\n this.updateFlightSegment = this.updateFlightSegment.bind(this);\r\n }\r\n \r\n \r\n\r\n validateFormButton = (field, data) => {\r\n const items = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n const obj = { ...this.state.manualItineraryData, [field]: data };\r\n this.setState({ manualItineraryData: obj });\r\n if (items.role == \"Membership\" || items.role == \"Employee\" || items.role == \"Limited Access\") {\r\n this.setState({ isAddFlightDisable: false });\r\n \r\n } else {\r\n if (!!obj.userId && !!obj.pnrNumber) {\r\n this.setState({ isAddFlightDisable: false });\r\n \r\n }\r\n }\r\n };\r\n\r\n saveItinerary = (e) => {\r\n e.preventDefault();\r\n if (\r\n this.state.manualItineraryData.pnrNumber == null ||\r\n this.state.manualItineraryData.pnrNumber == \"\"\r\n ) {\r\n alert(\"Pnr field can't be blank!\");\r\n return;\r\n }\r\n this.setState({ loading: true });\r\n this.props\r\n .saveManualItinerary(this.state.manualItineraryData)\r\n .then((resp) => {\r\n if (resp.data.message === \"Itinerary added successfully.\") {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n //notifyUser(currentAppLocale.messages[\"admin.managedayitinerary.success\"], \"success\");\r\n notifyUser(resp.data.message, \"success\");\r\n this.props.history.push(\r\n \"../../../list/\" +\r\n this.props.match.params.orgid +\r\n \"/\" +\r\n this.props.match.params.divid +\r\n \"/\"\r\n );\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(resp.data.message, \"error\");\r\n this.setState({ loading: false });\r\n }\r\n });\r\n };\r\n\r\n updateItinerary = (e) => {\r\n this.setState({ loading: true });\r\n e.preventDefault();\r\n this.props\r\n .updateManualItineraryById(\r\n this.state.travellerIternaryId,\r\n this.state.manualItineraryData\r\n )\r\n .then((updateResp) => {\r\n\r\n if (\r\n updateResp.data.message === \"Traveller Iternary updated successfully.\"\r\n ) {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.managedayitinerary.updatesuccess\"],\r\n \"success\"\r\n );\r\n // notifyUser(\"Traveler Itinerary updated successfully\", \"success\");\r\n this.props.history.push(\r\n \"../../../list/\" +\r\n this.props.match.params.orgid +\r\n \"/\" +\r\n this.props.match.params.divid +\r\n \"/\"\r\n );\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(updateResp.data.message, \"error\");\r\n this.setState({ loading: false });\r\n }\r\n });\r\n };\r\n\r\n toInputUppercase = (e) => {\r\n e.target.value = (\"\" + e.target.value).toUpperCase();\r\n };\r\n\r\n removeFlightSegment = (e) => {\r\n e.preventDefault();\r\n var manualItineraryData = this.state.manualItineraryData;\r\n if (this.state.isindex > -1) {\r\n manualItineraryData.segmentData.splice(this.state.isindex, 1);\r\n }\r\n this.setState({\r\n manualItineraryData: manualItineraryData,\r\n showRemovePopup: false,\r\n });\r\n };\r\n \r\n \r\n\r\n // Remove fight Segment modal\r\n HidePopup = () => {\r\n this.setState({ showRemovePopup: false });\r\n };\r\n\r\n showModal = (index) => {\r\n this.setState({\r\n showRemovePopup: true,\r\n isindex : index\r\n });\r\n };\r\n handleOk = () => {\r\n this.setState({ showRemovePopup: false });\r\n };\r\n updateFlightSegment = (e, index, update = null) => {\r\n e.preventDefault();\r\n if (\r\n this.state.manualItineraryData &&\r\n this.state.manualItineraryData.segmentData &&\r\n this.state.manualItineraryData.segmentData.length > 0\r\n ) {\r\n \r\n var segmentData = this.state.manualItineraryData.segmentData[index];\r\n var itineraryDataTemp = {};\r\n itineraryDataTemp[\"flightNumber\"] = segmentData.flightNumber;\r\n itineraryDataTemp[\"airlineCode\"] = segmentData.airlineCode;\r\n itineraryDataTemp[\"fromLocationId\"] = segmentData.fromLocationId;\r\n itineraryDataTemp[\"toLocationId\"] = segmentData.toLocationId;\r\n itineraryDataTemp[\"departureDate\"] = segmentData.toDate;\r\n itineraryDataTemp[\"ident\"] = segmentData.ident;\r\n //ident = segmentData.ident\r\n // itineraryDataTemp[\"fromLocationName\"] = segmentData.fromLocationName;\r\n\r\n if (update == \"update\") {\r\n this.state.manualItineraryData.segmentData.splice(index, 1);\r\n }\r\n\r\n this.setState({\r\n disablefields: true,\r\n rangedate: [\r\n moment(segmentData.fromDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(segmentData.toDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n });\r\n this.setState({\r\n itineraryData: itineraryDataTemp,\r\n segmentIndex: index,\r\n isAddFlightSegment: !this.state.isAddFlightSegment,\r\n });\r\n }\r\n if (this.props.match.params.id === \"new\") {\r\n this.setState({ formexpired: false });\r\n this.setState({ disableSearchForm: false });\r\n }\r\n else if(moment(segmentData.toDate, \"YYYY-MM-DD HH:mm:ss\") < moment()) {\r\n this.setState({ disableSearchForm: true });\r\n }\r\n else {\r\n this.setState({ formexpired: false });\r\n this.setState({ disableSearchForm: false });\r\n this.setState({ resultsFound: false });\r\n }\r\n \r\n };\r\n \r\n appendSegmentData = () => {\r\n this.setState({ isAddFlightSegment: !this.state.isAddFlightSegment });\r\n this.setState({ segmentIndex: -1 });\r\n this.setState({\r\n disablefields: true,\r\n itineraryData: {},\r\n rangedate: [\r\n moment(new Date(), \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(new Date(), \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n });\r\n };\r\n \r\n appendSegmentDataEdit = () => {\r\n this.setState({ isAddFlightSegment: !this.state.isAddFlightSegment });\r\n this.setState({ segmentIndex: -1 });\r\n this.setState({\r\n disablefields: true,\r\n resultsFound : false,\r\n itineraryData: {},\r\n rangedate: [\r\n moment(new Date(), \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(new Date(), \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n });\r\n // for expire update add new segment condition\r\n var segmentData = this.state.manualItineraryData.segmentData;\r\n if(moment(segmentData.toDate, \"YYYY-MM-DD HH:mm:ss\") < moment()) {\r\n this.setState({ disableSearchForm: true });\r\n }\r\n else {\r\n this.setState({ formexpired: false });\r\n this.setState({ disableSearchForm: false });\r\n }\r\n \r\n };\r\n onChange = async (selected) => {\r\n this.props.form.setFieldsValue({ travellerName: null });\r\n this.setState({ parentOrgId: selected, TravellerData: [] });\r\n // let travlerlistdata = await this.getTravellerData({\r\n // filters: { orgId: selected },\r\n let data = {\r\n orgId: selected,\r\n filters: {},\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n };\r\n let travlerlistdata = await this.props.getUserListing(data);\r\n this.setState({ TravellerData: travlerlistdata.data });\r\n };\r\n\r\n // onChange = async (selected) => {\r\n // console.log(selected)\r\n // this.props.form.setFieldsValue({ travellerName: null });\r\n // this.setState({ parentOrgId: selected, TravellerData: [] });\r\n // let travlerlistdata = await this.props.getTraveller({\r\n // orgId: selected,\r\n // // orgId: selected,\r\n // // filters: { isActiveMembership: true },\r\n // } );\r\n // console.log(travlerlistdata);\r\n // };\r\n\r\n disableDepartureTime() {\r\n var depDate = this.props.form.getFieldValue(\"departuredate\");\r\n if (depDate) {\r\n if (\r\n moment(new Date(depDate._d)).format(\"MM/DD/YYYY\") ===\r\n moment(new Date()).format(\"MM/DD/YYYY\")\r\n ) {\r\n if (depDate._d.getHours() === new Date().getHours()) {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n };\r\n }\r\n } else {\r\n return {};\r\n }\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n }\r\n }\r\n disabledRangeTime(a, type) {\r\n if (type === \"start\") {\r\n var depDate = this.props.form.getFieldValue(\"todate\")\r\n ? this.props.form.getFieldValue(\"todate\")[0]\r\n : \"\";\r\n if (depDate) {\r\n if (\r\n moment(new Date(depDate._d)).format(\"MM/DD/YYYY\") ===\r\n moment(new Date()).format(\"MM/DD/YYYY\")\r\n ) {\r\n if (depDate._d.getHours() === new Date().getHours()) {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n };\r\n }\r\n } else {\r\n return {};\r\n }\r\n } else {\r\n return {\r\n disabledHours: () => range(0, 24).slice(0, new Date().getHours()),\r\n disabledMinutes: () => range(0, new Date().getMinutes()),\r\n disabledSeconds: () => range(0, new Date().getSeconds()),\r\n };\r\n }\r\n }\r\n }\r\n getColumnSearchProps = (dataIndex) => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters,\r\n }) => {\r\n return (\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\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n onFilterDropdownVisibleChange: (visible) => {\r\n if (visible) {\r\n setTimeout(() => this.searchInput.select());\r\n }\r\n },\r\n });\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.props\r\n .getManualItineraryByIdx(this.props.match.params.id)\r\n .then((data) => {\r\n this.setState({ itineraryData: data.data });\r\n if (\r\n data.data.segmentData !== null &&\r\n data.data.segmentData.length > 0\r\n ) {\r\n this.setState({ resultsFound: true });\r\n }\r\n\r\n if (data.data.segmentData && data.data.segmentData.length > 0) {\r\n this.setState({ manualItineraryData: data.data });\r\n }\r\n this.setState({ travellerIternaryId: data.data.manualItineraryId });\r\n this.setState({\r\n disablefields: true,\r\n rangedate: [\r\n moment(data.data.fromDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(data.data.toDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n });\r\n\r\n if (data.data && new Date(data.data.toDate) < new Date()) {\r\n this.setState({ formexpired: true });\r\n }\r\n if (data.data.travellerName && data.data.userId) {\r\n this.setState({\r\n TravellerData: [\r\n {\r\n firstName: data.data.travellerName,\r\n userId: data.data.userId,\r\n lastName: \"\",\r\n },\r\n ],\r\n });\r\n }\r\n\r\n this.state.manualItineraryData.segmentData.map((segment, index) => {\r\n if (\r\n !_airportData.includes(\r\n {\r\n displayName: segment.fromLocationName,\r\n airportID: segment.fromLocationId,\r\n } || {\r\n displayName: segment.toLocationName,\r\n airportID: segment.toLocationId,\r\n }\r\n )\r\n ) {\r\n _airportData.push({\r\n displayName: segment.fromLocationName,\r\n airportID: segment.fromLocationId,\r\n });\r\n _airportData.push({\r\n displayName: segment.toLocationName,\r\n airportID: segment.toLocationId,\r\n });\r\n }\r\n });\r\n\r\n let _userData = [];\r\n _userData.push({\r\n userId: data.data.userId,\r\n displayName: data.data.travellerName,\r\n });\r\n _userData.push({\r\n userId: data.data.userId,\r\n displayName: data.data.travellerName,\r\n });\r\n this.setState({ userData: _userData });\r\n });\r\n }\r\n\r\n if (\r\n Permission.isRole(\"Admin\") ||\r\n Permission.isRole(\"Travel Manager\") ||\r\n Permission.isRole(\"Administrator\") ||\r\n Permission.isRole(\"Division Manager\") ||\r\n Permission.isRole(\"CSR\")\r\n ) {\r\n this.getdivision({ orgId: this.props.match.params.orgid });\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.orgid &&\r\n this.props.match.params.orgid !== \"new\"\r\n ) {\r\n if (this.props.match.params.orgid)\r\n this.props\r\n .getOrganizationId(this.props.match.params.orgid)\r\n .then(async (resp) => {\r\n this.setState({ orgName: resp.data.name });\r\n });\r\n this.getTravellerData({\r\n orgId: this.props.match.params.orgid,\r\n // filters: { isActiveMembership: true },\r\n });\r\n }\r\n }\r\n this.getairportData({});\r\n }\r\n getAirportUpdate() {\r\n this.getairportData({});\r\n }\r\n getdivision(data) {\r\n this.props\r\n .getDivisions(data)\r\n .then((resp) => {\r\n // pager.total = resp.paging.totalRecords;\r\n this.setState({\r\n loading: false,\r\n parentOrgData: resp.data,\r\n // pagination: pager\r\n });\r\n })\r\n .catch((_ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n getTravellerData(params) {\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n parseInt(this.props.match.params.orgid) === 1\r\n ) {\r\n this.props\r\n .getTravellersListing(params)\r\n .then((resp) => {\r\n this.setState({\r\n TravellerData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n } else if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n parseInt(this.props.match.params.orgid) > 1\r\n ) {\r\n let data = {\r\n // orgId: /* this.props.match.params.orgid */ this.props.form.getFieldValue('parent'),\r\n orgId: this.props.form.getFieldValue(\"parent\")\r\n ? this.props.form.getFieldValue(\"parent\")\r\n : this.props.match.params.orgid,\r\n filters: {},\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n };\r\n this.props\r\n .getUserListing(data)\r\n .then((resp) => {\r\n this.setState({\r\n TravellerData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n }\r\n }\r\n async getairportData(params, value) {\r\n var info = [];\r\n await this.props.getAirportCodesData(params).then((data) => {\r\n if (value === 1) {\r\n info = [];\r\n info = this.state.airportData;\r\n this.setState({ airportData: [...data.data,...this.state.alwaysData] });\r\n } else if (value === 2) {\r\n info = [];\r\n if (data.data && data.data.length > 0) {\r\n let _da1 = data.data;\r\n let _da2 = this.state.airportData;\r\n let da3 = [];\r\n if (this.state.airportData && this.state.airportData.length > 0) {\r\n da3 = _da2.concat(_da1);\r\n }\r\n this.setState({ airportData: [...da3,...this.state.alwaysData] });\r\n }\r\n } else {\r\n info = [...this.state.alwaysData];\r\n info = [...info,...data.data];\r\n if (_airportData.length > 0) {\r\n info.concat(_airportData);\r\n this.setState({ airportData: info.concat(_airportData) });\r\n } else {\r\n this.setState({ airportData: info });\r\n }\r\n }\r\n });\r\n }\r\n getdata() {\r\n this.props\r\n .getItinerary(parseInt(this.props.userData.userID))\r\n .then((resp) => {\r\n this.setState({ data: resp.data });\r\n });\r\n }\r\n handleAddTraveller() {\r\n this.props.form.validateFields(\r\n [\"fromlocation\", \"tolocation\", \"todate\", \"travellerName\", \"pnrNumber\"],\r\n (err, values) => {\r\n let _idTraveller;\r\n if (values.travellerName) {\r\n _idTraveller = values.travellerName;\r\n } else {\r\n _idTraveller = this.props.userData.userID;\r\n }\r\n if (!err) {\r\n this.setState({ loading: true });\r\n \r\n \r\n var data = {\r\n userId: _idTraveller,\r\n fromLocationId: parseInt(values.fromlocation),\r\n fromDate: moment(values.todate[0]).format(dateFormathh),\r\n toLocationId: parseInt(values.tolocation),\r\n toDate: moment(values.todate[1]).format(dateFormathh),\r\n departureDate: moment(values.departuredate).format(dateFormathh),\r\n flightNumber: this.props.form.getFieldValue(\"flightnumber\"),\r\n airlineCode: this.props.form.getFieldValue(\"airlineCode\"),\r\n isActive: true,\r\n ident :this.state.ident\r\n };\r\n if (parseInt(values.fromlocation) !== parseInt(values.tolocation)) {\r\n if (this.state.travellerIternaryId === 0) {\r\n this.state.manualItineraryData.pnrNumber = values.pnrNumber;\r\n this.state.manualItineraryData.userId = _idTraveller;\r\n this.state.manualItineraryData.segmentData.push(data);\r\n this.resetFlightInformationForm();\r\n this.setState({\r\n isAddFlightSegment: !this.state.isAddFlightSegment,\r\n });\r\n this.setState({ loading: false });\r\n } else {\r\n if (\r\n this.state.manualItineraryData &&\r\n this.state.manualItineraryData.segmentData &&\r\n this.state.manualItineraryData.segmentData.length > 0\r\n )\r\n if (\r\n this.state.segmentIndex !== -1 &&\r\n this.state.manualItineraryData.segmentData[\r\n this.state.segmentIndex\r\n ]\r\n ) {\r\n var segmentData = this.state.manualItineraryData.segmentData[\r\n this.state.segmentIndex\r\n ];\r\n segmentData.fromLocationId = data.fromLocationId;\r\n segmentData.toLocationId = data.toLocationId;\r\n segmentData.toDate = data.toDate;\r\n segmentData.fromDate = data.fromDate;\r\n segmentData.departureDate = data.departureDate;\r\n segmentData.flightNumber = data.flightNumber;\r\n segmentData.airlineCode = data.airlineCode;\r\n segmentData.isActive = true;\r\n } else {\r\n // added new flight segment\r\n this.props\r\n .AddFlightSegment(this.state.travellerIternaryId, {segmentData: [data]})\r\n .then((response) => { \r\n if (response.status === 400) {\r\n notifyUser(response.message, \"error\");\r\n } else {\r\n this.state.manualItineraryData.segmentData.push(data);\r\n this.setState({ loading: true });\r\n notifyUser(response.data.message, \"success\");\r\n this.setState({ loading: false });\r\n }\r\n \r\n }).catch(error => {\r\n this.setState({\r\n isAddFlightSegment: {},\r\n });\r\n \r\n \r\n });\r\n }\r\n }\r\n this.resetFlightInformationForm();\r\n this.setState({\r\n isAddFlightSegment: !this.state.isAddFlightSegment,\r\n });\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(\r\n \"From Location and To Location cannot be same!\",\r\n \"error\"\r\n );\r\n this.setState({ loading: false });\r\n }\r\n }\r\n \r\n }\r\n );\r\n }\r\n\r\n onSearch(value, type) {\r\n this.setState({ searchairport: value });\r\n this.getairportData(\r\n {\r\n orgId: 1,\r\n filters: { displayName: value },\r\n pagination: { page: 1, pageSize: 10 },\r\n },\r\n 1\r\n );\r\n \r\n \r\n }\r\n loadAccountManagers = (e) => {\r\n var _search;\r\n if (this.state.searchairport) {\r\n _search = { displayName: this.state.searchairport };\r\n } else {\r\n _search = {};\r\n }\r\n if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) {\r\n var datas = this.state.stateuser + 1;\r\n this.getairportData(\r\n {\r\n orgId: 1,\r\n filters: _search,\r\n pagination: { page: datas, pageSize: 10 },\r\n },\r\n 2\r\n );\r\n this.setState({ stateuser: datas });\r\n }\r\n };\r\n loadotherTravellers = (e) => {\r\n let _search = { isActiveMembership: true };\r\n if (this.state.seachtrav) {\r\n _search = { displayName: this.state.seachtrav, isActiveMembership: true };\r\n }\r\n if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) {\r\n var datas = this.state.stateuser + 1;\r\n if (parseInt(this.props.match.params.orgid) === 1) {\r\n this.props\r\n .getTravellersListing({\r\n orgId: this.props.match.params.orgid,\r\n filters: _search,\r\n pagination: { page: datas, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let data = this.state.TravellerData;\r\n this.setState({ stateuser: datas });\r\n this.setState({\r\n TravellerData: data.concat(resp.data),\r\n });\r\n })\r\n\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.props\r\n .getUserListing({\r\n orgId: this.props.form.getFieldValue(\"parent\")\r\n ? this.props.form.getFieldValue(\"parent\")\r\n : this.props.match.params.orgid,\r\n filters: _search,\r\n pagination: { page: datas, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let data = this.state.TravellerData;\r\n this.setState({ stateuser: datas });\r\n this.setState({\r\n TravellerData: data.concat(resp.data),\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n }\r\n };\r\n searchtravellers = (e, value) => {\r\n this.setState({ seachtrav: e });\r\n\r\n if (e === \"\" || e === null) {\r\n this.setState({ stateuser: 1, TravellerData: [] });\r\n }\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n parseInt(this.props.match.params.orgid) === 1\r\n ) {\r\n let data = {\r\n orgId: this.props.match.params.orgid,\r\n filters: { displayName: e },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n };\r\n this.props\r\n .getTravellersListing(data)\r\n .then((resp) => {\r\n if (value === 1) {\r\n let data = this.state.TravellerData;\r\n\r\n this.setState({\r\n fetching: false,\r\n TravellerData: data.concat(resp.data),\r\n });\r\n } else {\r\n this.setState({\r\n fetching: false,\r\n TravellerData: resp.data,\r\n });\r\n }\r\n })\r\n .catch((ex) => {\r\n this.setState({ fetching: false });\r\n });\r\n } else {\r\n let data = {\r\n // orgId: /* this.props.match.params.orgid */ this.props.form.getFieldValue('parent'),\r\n orgId: this.props.form.getFieldValue(\"parent\")\r\n ? this.props.form.getFieldValue(\"parent\")\r\n : this.props.match.params.orgid,\r\n filters: { displayName: e },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n };\r\n this.props\r\n .getUserListing(data)\r\n .then((resp) => {\r\n if (value === 1) {\r\n let data = this.state.TravellerData;\r\n\r\n this.setState({\r\n fetching: false,\r\n TravellerData: data.concat(resp.data),\r\n });\r\n } else {\r\n this.setState({\r\n fetching: false,\r\n TravellerData: resp.data,\r\n });\r\n }\r\n })\r\n .catch((ex) => {\r\n this.setState({ fetching: false });\r\n });\r\n }\r\n \r\n };\r\n getflightinformation() {\r\n let self = this;\r\n this.props.form.validateFields(\r\n [\"flightnumber\", \"departuredate\", \"airlineCode\"],\r\n (err, values) => {\r\n this.setState({\r\n flightno: values.flightnumber,\r\n departture: values.departuredate,\r\n });\r\n if (!err) {\r\n this.setState({ loading: true });\r\n\r\n this.props\r\n .getFlightInformation(\r\n this.props.form.getFieldValue(\"airlineCode\"),\r\n this.props.form.getFieldValue(\"flightnumber\"),\r\n moment(this.props.form.getFieldValue(\"departuredate\")).format(\r\n dateFormathh\r\n )\r\n )\r\n .then((resp) => {\r\n if (resp.data) {\r\n this.showModalSegment();\r\n this.setState({ flightData: resp.data });\r\n this.setState({ loading: false });\r\n this.setState({ selectField: true });\r\n const flightDataWithKeys = this.state.flightData.map((item) => ({\r\n ...item,\r\n key: this.generateRandomKey(),\r\n }));\r\n \r\n this.setState({\r\n flightData: flightDataWithKeys,\r\n }); \r\n \r\n } else {\r\n notifyUser(\r\n \"We are are unable to find your flight, Please make sure you have entered the correct flight details , If the flight details are correct then please select the flight details from trip segments section.\",\r\n \"error\"\r\n );\r\n this.setState({ loading: false, resultsFound: false });\r\n }\r\n });\r\n \r\n }\r\n }\r\n );\r\n }\r\n // generated random key\r\n generateRandomKey = () => {\r\n return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);\r\n };\r\n \r\n handleSelectChange = (selectedFlight) => {\r\n let self = this;\r\n // this.setState({ selectedFlightId: id });\r\n // console.log(selectedFlightId)\r\n // const selectedFlight = this.state.flightData.find(\r\n // (flight) => flight.ident === id\r\n // );\r\n \r\n this.setState({selectedRow:selectedFlight.key})\r\n this.setState({ident:selectedFlight.ident})\r\n let airportData = [];\r\n airportData.push({\r\n displayName: selectedFlight.departureAirportName,\r\n airportID: selectedFlight.departureAirportID,\r\n });\r\n airportData.push({\r\n displayName: selectedFlight.arivalAirportName,\r\n airportID: selectedFlight.arivalAirportID,\r\n });\r\n this.setState({\r\n airportData: airportData.concat(selectedFlight),\r\n alwaysData:airportData\r\n });\r\n \r\n let _itineraryData = this.state.itineraryData;\r\n // _itineraryData.fromDate = resp.data.departureDate;\r\n _itineraryData.fromDate = [\r\n moment(selectedFlight.departureDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ];\r\n _itineraryData.toDate = [\r\n moment(selectedFlight.arivalDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ];\r\n\r\n self.props.form.setFieldsValue({\r\n fromlocation: selectedFlight.departureAirportID,\r\n tolocation: selectedFlight.arivalAirportID,\r\n // fromdate: moment(resp.data.departureDate),\r\n todate: [\r\n moment(selectedFlight.departureDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(selectedFlight.arivalDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n });\r\n this.setState({\r\n rangedate: [\r\n moment(selectedFlight.departureDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n moment(selectedFlight.arivalDate, \"YYYY-MM-DD HH:mm:ss\"),\r\n ],\r\n loading: false,\r\n itineraryData: _itineraryData,\r\n resultsFound: true,\r\n });\r\n };\r\n \r\n // show modal\r\n showModalSegment = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleSelectionOk = () => {\r\n if (this.state.selectedRow == ''){\r\n alert(\"Please select Flight Segment\")\r\n }else{\r\n this.setState({\r\n visible: false,\r\n selectedRow:''\r\n });\r\n }\r\n };\r\n\r\n // Hide modal\r\n handleSelectionCancel = () => {\r\n this.setState({\r\n selectedRow :'',\r\n visible: false,\r\n resultsFound: false,\r\n });\r\n this.props.form.setFieldsValue({ departuredate: null,\r\n flightnumber: null,\r\n airlineCode: null, fromlocation: null,\r\n fromdate: null,\r\n tolocation: null,\r\n todate: null, });\r\n };\r\n\r\n resetFlightInformationForm = () => {\r\n this.setState({ disablefields: true });\r\n var itineraryData = this.state.itineraryData;\r\n itineraryData.fromDate = null;\r\n this.setState({\r\n itineraryData: itineraryData,\r\n resultsFound: false,\r\n });\r\n\r\n this.props.form.setFieldsValue({\r\n fromlocation: null,\r\n fromdate: null,\r\n tolocation: null,\r\n todate: null,\r\n departuredate: null,\r\n flightnumber: null,\r\n airlineCode: null,\r\n userId: null,\r\n });\r\n };\r\n \r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n \r\n \r\n \r\n const columns = [\r\n {\r\n title: 'Departure Airport',\r\n dataIndex: 'departureAirportName',\r\n key: 'departureAirportName',\r\n },\r\n {\r\n title: 'Arrival Airport',\r\n dataIndex: 'arivalAirportName',\r\n key: 'key',\r\n },\r\n {\r\n title: 'Date Range',\r\n dataIndex: 'dateRange',\r\n key: 'dateRange',\r\n render: (text, record) => (\r\n \r\n {record.departureDate} To {record.arivalDate} \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 \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n \r\n this.validateFormButton(\"pnrNumber\", e.target.value)\r\n }\r\n disabled={this.state.formexpired}\r\n maxLength={\"50\"}\r\n />\r\n )}\r\n \r\n \r\n\r\n {this.props &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.orgid !== \"1\" &&\r\n !Permission.isRole(\"Membership\") &&\r\n !Permission.isRole(\"Employee\") ? (\r\n this.validateFormButton(\"userId\", e)}\r\n >\r\n {this.state.TravellerData\r\n ? this.state.TravellerData.map(function(item) {\r\n return (\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 {this.state.manualItineraryData.segmentData &&\r\n this.state.manualItineraryData.segmentData.length > 0 &&\r\n !this.state.isAddFlightSegment ? (\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\n }\r\n >\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.manualItineraryData.segmentData &&\r\n this.state.manualItineraryData.segmentData.length > 0 &&\r\n !this.state.isAddFlightSegment &&\r\n this.state.manualItineraryData.segmentData.map((segment, index) => (\r\n <>\r\n \r\n \r\n {this.state.airportData\r\n ? this.state.airportData.map(function(item) {\r\n return (\r\n \r\n {item.displayName}\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n \r\n \r\n {this.state.airportData\r\n ? this.state.airportData.map(function(item) {\r\n return (\r\n \r\n {item.displayName}\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n \r\n\r\n \r\n {getFieldDecorator(\"fromDate\", {\r\n rules: [],\r\n initialValue:\r\n this.state.manualItineraryData.segmentData[index]\r\n .fromDate\r\n })()}\r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"toDate\", {\r\n rules: [],\r\n initialValue:\r\n this.state.manualItineraryData.segmentData[index]\r\n .toDate\r\n })()}\r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"airlinecode\", {\r\n rules: [],\r\n initialValue: this.state.manualItineraryData.segmentData[index].airlineCode !== null &&\r\n this.state.manualItineraryData.segmentData[index].airlineCode !== \"\"\r\n ? this.state.manualItineraryData.segmentData[index].airlineCode\r\n : \"NAN\"\r\n \r\n })(\r\n \r\n {getFieldDecorator(\"flightNumber\", {\r\n rules: [],\r\n initialValue: this.state.manualItineraryData.segmentData[index].flightNumber !== null &&\r\n this.state.manualItineraryData.segmentData[index].flightNumber !== \"\"\r\n ? this.state.manualItineraryData.segmentData[index].flightNumber\r\n : \"NAN\"\r\n \r\n })(\r\n \r\n this.updateFlightSegment(e, index, \"update\")\r\n }\r\n >\r\n Edit\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n this.removeFlightSegment(e, index)}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n className=\"modalStyle\"\r\n >\r\n this.updateFlightSegment(e, index)}\r\n >\r\n Edit \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n
\r\n \r\n ))}\r\n\r\n {this.state.isAddFlightSegment ? (\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\n {this.state.travellerIternaryId === null ||\r\n this.state.travellerIternaryId === 0 ? (\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.manualItineraryData.segmentData &&\r\n this.state.manualItineraryData.segmentData.length > 0 &&\r\n !this.state.isAddFlightSegment ? (\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n Are You Sure! You want to Remove Flight Segment.
\r\n \r\n {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\" ? (\r\n\r\n \r\n ))}\r\n\r\n {this.state.isAddFlightSegment ? (\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 [+] Add Trip Segment\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\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...itiniaryActions, ...userActions, ...travellerActions, ...orgActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"Update-itinerary\" })(\r\n UpdateManualItinerary\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography } from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as geoFenceAction from \"../../../redux/actions/geofence-action\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport moment from \"moment\";\r\nclass GeoFencing extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'geofencing';\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n {this.state.travellerIternaryId === null ||\r\n this.state.travellerIternaryId === 0 ? (\r\n \r\n ) : (\r\n
\r\n \r\n \r\n \r\n [+] Add Trip Segment\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nGeoFencing.propTypes = {\r\n location: PropTypes.object,\r\n getGeoFenceData: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...geoFenceAction, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n GeoFencing\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n\r\nconst getAlertTypes = data => {\r\n return Axios.get(\"/api/AlertTypes?search=\" + encodeURIComponent(JSON.stringify(data)));\r\n};\r\n\r\nexport default {\r\n getAlertTypes\r\n};\r\n","import API from \"../api/alert-types-api\";\r\n\r\nexport function getAlertTypes(data) {\r\n return async function(dispatch, getAction) {\r\n try {\r\n let resp = await API.getAlertTypes(data);\r\n return resp;\r\n\r\n } catch (error) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport moment from \"moment\";\r\nimport {\r\n Form,\r\n DatePicker,\r\n Typography,\r\n Button,\r\n Row,\r\n Col,\r\n Input,\r\n Checkbox,\r\n Select,\r\n Table,\r\n Switch,\r\n TreeSelect,\r\n Tag,\r\n Tooltip,\r\n Icon,\r\n} from \"antd\";\r\nimport { EditCell, ViewCell } from \"../../shared/components/helperCells\";\r\nimport TextArea from \"antd/lib/input/TextArea\";\r\nimport * as geoFenceAction from \"../../../redux/actions/geofence-action\";\r\nimport * as OrgActions from \"../../../redux/actions/organization-actions\";\r\nimport * as userActions from \"../../../redux/actions/travellers-actions\";\r\nimport * as UsrActions from \"../../../redux/actions/user-actions\";\r\nimport * as alertTypeActions from \"../../../redux/actions/alert-types-actions\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as Permissions from \"../../../services/permissions\";\r\nimport * as UserService from \"../../../services/user-service\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY HH:mm:00\";\r\nconst dateFormathh = \"YYYY-MM-DD HH:mm:ss\";\r\nconst { RangePicker } = DatePicker;\r\n let lastApiCall = 0;\r\n\r\nfunction range(start, end) {\r\n const result = [];\r\n for (let i = start; i < end; i++) {\r\n result.push(i);\r\n }\r\n return result;\r\n}\r\nfunction disabledDate(current) {\r\n // Can not select days before today and today\r\n return (\r\n current &&\r\n current <\r\n moment()\r\n .endOf(\"day\")\r\n .subtract(1, \"days\")\r\n );\r\n}\r\n\r\nclass GeoFenceRules extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.textInput = React.createRef();\r\n this.state = {\r\n loading: false,\r\n isShowRulesFrom: false,\r\n isShowRulesList: true,\r\n geofencingId: 0,\r\n fetching: false,\r\n orgData: [],\r\n travellerData: [],\r\n alertTypes: [],\r\n isDisable: false,\r\n checkedcommunicatonModes: [],\r\n defaultSelectedOrgnizations: [],\r\n defaultSelectedTravellers: [],\r\n totalPages: 1,\r\n notifyToUsers: [],\r\n loadMoreNotifyTo: true,\r\n notifyToPagerCurrent: 1,\r\n isBothAlertChecked: false,\r\n sendAlertToTargeted: false,\r\n stateuser: 1,\r\n divisionList: [],\r\n travelerdata: [],\r\n stateuser2: 1,\r\n enterr: false,\r\n exitr: false,\r\n assignedDivisionsAuto: false,\r\n expired: false,\r\n showadd: true,\r\n orgdiv: false,\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {this.state.isShowRulesList && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nGeoFenceRules.propTypes = {\r\n getUserListing: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n ...geoFenceAction,\r\n ...OrgActions,\r\n ...userActions,\r\n ...alertTypeActions,\r\n ...UsrActions,\r\n ...travellerActions,\r\n },\r\n dispatch\r\n );\r\n}\r\nconst WrappedGeoRulesForm = Form.create({ name: \"geo-fence-rules\" })(\r\n GeoFenceRules\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedGeoRulesForm\r\n )\r\n);\r\n","import React, { PureComponent } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n Button,\r\n Row,\r\n Col,\r\n Select,\r\n Input,\r\n Switch,\r\n Tabs,\r\n Form\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n withScriptjs,\r\n withGoogleMap,\r\n GoogleMap,\r\n Circle,\r\n Polygon\r\n} from \"react-google-maps\";\r\nimport * as geoFenceAction from \"../../../redux/actions/geofence-action\";\r\nimport * as userAction from \"../../../redux/actions/user-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport GeoFenceRules from \"./geo-fence-rules\";\r\nimport Geocode from \"react-geocode\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\nconst mapRefsCustom = {\r\n map: undefined,\r\n circle: undefined,\r\n polygon: undefined\r\n};\r\n\r\nconst Option = { Select };\r\nconst { TabPane } = Tabs;\r\n// cicle = {lanlng : {lat: lng: }, radius: \r\n \r\n \r\n Manage Geofences Rules\r\n */}\r\n \r\n this.props.history.push('../')}\r\n style={{ margin: '0 10px' }}\r\n >\r\n
\r\n
\r\n\r\n record.id}\r\n dataSource={this.state.geoFenceRules}\r\n loading={this.state.loading}\r\n pagination={this.state.pagination}\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {this.state.isShowRulesFrom && (\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Locate\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.props.history.goBack()}\r\n //onClick={() => this.props.history.push(\"../\")}\r\n >\r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"new\" &&\r\n this.state.isFenceActive ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMaps.propTypes = {};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...geoFenceAction, ...userAction }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-user\" })(Maps);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { InfoWindow } from \"google-maps-react\";\r\n\r\nexport default class InfoWindows extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.infoWindowRef = React.createRef();\r\n this.contentElement = document.createElement(`div`);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.children !== prevProps.children) {\r\n ReactDOM.render(\r\n React.Children.only(this.props.children),\r\n this.contentElement\r\n );\r\n this.infoWindowRef.current.infowindow.setContent(this.contentElement);\r\n }\r\n }\r\n\r\n render() {\r\n return \r\n
\r\n \r\n {this.state.isShowRulesList && (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAssetTrackngRules.propTypes = {\r\n userData: PropTypes.object,\r\n getUserData: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n ...geoFenceAction,\r\n ...OrgActions,\r\n ...userActions,\r\n ...alertTypeActions,\r\n ...travellerActions,\r\n ...AssetTrackingActions,\r\n },\r\n dispatch\r\n );\r\n}\r\nconst WrappedGeoRulesForm = Form.create({ name: \"asset-tracking-rules\" })(\r\n AssetTrackngRules\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedGeoRulesForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Map, GoogleApiWrapper, Marker } from \"google-maps-react\";\r\nimport InfoWindows from \"./info-windows\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n Button,\r\n Row,\r\n Col,\r\n Input,\r\n Form,\r\n Tabs,\r\n Select,\r\n InputNumber,\r\n Checkbox,\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as assetTrackingAction from \"../../../redux/actions/asset-tracking-action\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as geoFenceAction from \"../../../redux/actions/geofence-action\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport Geocode from \"react-geocode\";\r\nimport AssetTrackngRules from \"./asset-tracking-rules\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\nimport * as Permission from \"../../../services/permissions\";\r\n\r\nconst { Option } = Select;\r\nlet userCountry = \"\";\r\nlet userCity = \"\";\r\nlet userState = \"\";\r\nvar mapStyles = {\r\n container: {\r\n position: \"relative\",\r\n width: \"100%\",\r\n height: \"70vh\",\r\n },\r\n map: {\r\n position: \"relative\",\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n top: 0,\r\n },\r\n};\r\nconst mapRefsCustom = {\r\n marker: undefined,\r\n};\r\nconst { TabPane } = Tabs;\r\nvar UserId;\r\n\r\nGeocode.setApiKey(\"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\");\r\n//Geocode.enableDebug();\r\n\r\nclass AreaInterest extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.textInput = React.createRef();\r\n this.addressInput = React.createRef();\r\n this.state = {\r\n markers: [],\r\n cloneMarkers: [],\r\n locations: [],\r\n showingInfoWindow: true,\r\n activeMarker: {},\r\n loading:false,\r\n selectedPlace: {},\r\n showingDetails: true,\r\n assetTrackingId: 0,\r\n center: {},\r\n // onMarkerMounted: this.onMarkerMounted,\r\n address: \"\",\r\n latLngFromAddress: {},\r\n zoom: 3,\r\n companyId: 0,\r\n ruleexits: false,\r\n tabkey: \"1\",\r\n travellersData: [],\r\n selectedOrgId: 0,\r\n selectedTravelers: [],\r\n formData: \"\",\r\n radiusdata: [],\r\n city: \"\",\r\n state: \"\",\r\n country: \"\",\r\n isCheckbox: false,\r\n btnDisable:false\r\n };\r\n\r\n this.onMarkerDrag = this.onMarkerDrag.bind(this);\r\n this.getAssetArea = this.getAssetArea.bind(this);\r\n this._map = null;\r\n }\r\n\r\n autoCenterMap = ({ google }, map) => {\r\n this._map = map;\r\n const bounds = new google.maps.LatLngBounds();\r\n if (\r\n typeof this.state.markers !== \"undefined\" &&\r\n this.state.markers.length > 0\r\n ) {\r\n this.state.markers.forEach((mrk) => {\r\n const { lat, lng } = mrk;\r\n map.panTo({ lat, lng });\r\n bounds.extend(new google.maps.LatLng(lat, lng));\r\n });\r\n }\r\n };\r\n\r\n async componentDidMount() {\r\n await this.props.getUserData();\r\n\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ assetTrackingId: this.props.match.params.id });\r\n await this.getAssetArea();\r\n await this.props\r\n .getAssetTrackingById(this.props.match.params.id)\r\n .then((resp) => {\r\n if (resp.data && resp.data.message !== \"AssetTracking not found\") {\r\n let assetData = resp.data;\r\n this.setState({\r\n formData: assetData,\r\n selectedOrgId: assetData.orgId,\r\n });\r\n UserId = assetData.insertUserId;\r\n let position = {\r\n lat: JSON.parse(assetData.points).lat,\r\n lng: JSON.parse(assetData.points).lng,\r\n title: assetData.title,\r\n };\r\n this.setState(() => ({\r\n cloneMarkers: [position],\r\n markers: [position],\r\n zoom: 13,\r\n }));\r\n\r\n this.getAddressfromLatLng(position);\r\n this.getOrgnizationUser(assetData.orgId);\r\n\r\n if (assetData && assetData.alertRecipients.length > 0) {\r\n var _dataRecep = [];\r\n for (var i = 0; i < assetData.alertRecipients.length; i++) {\r\n if (\r\n assetData.alertRecipients[i].recipientOrgId !== 0 &&\r\n assetData.alertRecipients[i].recipientOrgId !== 0\r\n ) {\r\n _dataRecep.push({\r\n label: assetData.alertRecipients[i].employeeName,\r\n value: assetData.alertRecipients[i].recipientUserId,\r\n key: assetData.alertRecipients[i].recipientUserId,\r\n companyId: assetData.alertRecipients[i].recipientOrgId,\r\n userId: assetData.alertRecipients[i].recipientUserId,\r\n });\r\n }\r\n }\r\n this.setState({\r\n selectedTravelers: _dataRecep,\r\n isCheckbox: true,\r\n });\r\n }\r\n }\r\n });\r\n } else {\r\n let position = {\r\n lat: 43.653225,\r\n lng: -79.383186,\r\n title: \"\",\r\n };\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(\r\n (pos) => {\r\n position.lat = pos.coords.latitude;\r\n position.lng = pos.coords.longitude;\r\n\r\n this.getAddressfromLatLng(position);\r\n this.setState({\r\n markers: [position],\r\n zoom: 13,\r\n });\r\n },\r\n () => {\r\n position.lat = 43.653225;\r\n position.lng = -79.383186;\r\n position.title = \"\";\r\n this.getAddressfromLatLng(position);\r\n this.setState({\r\n markers: [position],\r\n zoom: 13,\r\n });\r\n }\r\n );\r\n } else {\r\n position.lat = 43.653225;\r\n position.lng = -79.383186;\r\n this.getAddressfromLatLng(position);\r\n this.setState({\r\n markers: [position],\r\n zoom: 13,\r\n });\r\n }\r\n this.getOrgnizationUser(this.props.match.params.orgid);\r\n this.setState({ selectedOrgId: this.props.match.params.orgid });\r\n }\r\n var dat = [];\r\n for (var i = 2; i <= 60; i++) {\r\n dat.push(50 * i);\r\n }\r\n this.setState({ radiusdata: dat });\r\n\r\n this.setState({\r\n tabkey: window.location.hash\r\n ? window.location.hash.replace(\"#\", \"\").toString()\r\n : \"1\",\r\n });\r\n }\r\n\r\n getOrgnizationUser(orgId) {\r\n this.props\r\n .getUserListing({\r\n orgId: orgId ? orgId : this.props.match.params.orgid,\r\n filters: { isActiveMembership: true, isSelfInclude: true },\r\n pagination: { page: 1, pageSize: 1000 },\r\n })\r\n .then((resp) => {\r\n this.setState({\r\n travellersData: resp.data,\r\n });\r\n });\r\n }\r\n\r\n fetchTraveler = (value) => {\r\n this.props\r\n .getUserListing({\r\n orgId: this.state.selectedOrgId\r\n ? this.state.selectedOrgId\r\n : this.props.match.params.orgid,\r\n filters: {\r\n firstName: value,\r\n isActiveMembership: true,\r\n isSelfInclude: true,\r\n },\r\n pagination: { page: 1, pageSize: 1000 },\r\n sorter: {},\r\n })\r\n .then((data) => {\r\n this.setState({ travellersData: data.data });\r\n });\r\n };\r\n\r\n onTravelersSelect = (_idx, option) => {\r\n let assignedUsersList = [];\r\n if (this.state.selectedTravelers) {\r\n assignedUsersList = this.state.selectedTravelers;\r\n }\r\n\r\n assignedUsersList.push({\r\n userId: option.props.value,\r\n companyId: option.props.companyid,\r\n });\r\n\r\n this.setState({ selectedTravelers: assignedUsersList });\r\n };\r\n\r\n onRemoveTravelers = (uid) => {\r\n let assignedUsersList = this.state.selectedTravelers;\r\n let removedEmployee = -1;\r\n removedEmployee = assignedUsersList.findIndex(\r\n (e) => e.userId == (uid.key === \"all\" ? parseInt(\"0\") : uid.key)\r\n );\r\n if (removedEmployee > -1) {\r\n assignedUsersList.splice(removedEmployee, 1);\r\n }\r\n\r\n this.setState({ selectedTravelers: assignedUsersList });\r\n };\r\n\r\n handleCheckBoxChange = (e) => {\r\n \r\n if (!e.target.checked) {\r\n let tempArray = this.state.formData;\r\n if (tempArray[\"monetaryValue\"]) {\r\n tempArray[\"monetaryValue\"] = \"\";\r\n }\r\n if (tempArray[\"maxRadius\"]) {\r\n tempArray[\"maxRadius\"] = \"\";\r\n }\r\n this.props.form.setFieldsValue({\r\n travellers: [],\r\n });\r\n this.setState({ selectedTravelers: [], formData: tempArray });\r\n }\r\n this.setState({\r\n isCheckbox: e.target.checked,\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.setState({ loading: true });\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n\r\n let data = {};\r\n\r\n var alertRecipientsArr = [];\r\n this.state.selectedTravelers.map((row) =>\r\n alertRecipientsArr.push({\r\n recipientOrgId: row.companyId,\r\n recipientUserId: row.userId,\r\n })\r\n );\r\n\r\n let latlng = {\r\n lat: this.state.markers[0].lat,\r\n lng: this.state.markers[0].lng,\r\n };\r\n data[\"orgId\"] = this.state.selectedOrgId\r\n ? this.state.selectedOrgId\r\n : this.props.match.params.orgid;\r\n data[\"monetaryValue\"] = values[\"monetaryValue\"];\r\n data[\"title\"] = values[\"title\"];\r\n data[\"maxRadius\"] = values[\"maxRadius\"];\r\n data[\"alertRecipients\"] = alertRecipientsArr;\r\n data[\"latitude\"] = latlng.lat.toString();\r\n data[\"longitude\"] = latlng.lng.toString();\r\n data[\"city\"] = this.state.city;\r\n data[\"state\"] = this.state.state;\r\n data[\"country\"] = this.state.country;\r\n data[\"points\"] = JSON.stringify(latlng);\r\n data[\"type\"] = \"assettracking\";\r\n\r\n this.props\r\n .updateAssetTracking(data, parseInt(this.state.assetTrackingId))\r\n .then((response) => {\r\n if (response.error) {\r\n } else {\r\n if (parseInt(this.state.assetTrackingId) === 0) {\r\n this.props.history.push(\r\n \"../\" + response.data.assettrackingId + \"/#2\"\r\n );\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.assettracking.add\"],\r\n \"success\"\r\n );\r\n } else {\r\n \r\n this.props.history.push(\"../\");\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.assettracking.update\"],\r\n \"success\"\r\n );\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n });\r\n };\r\n\r\n getAssetArea(e) {\r\n this.props\r\n .getGeoFenceRulesByGeoFenceId(this.props.match.params.id, {})\r\n .then((resp) => {\r\n if (\r\n (resp.data && resp.data.length > 0) ||\r\n UserId !== this.props.userData.userID\r\n ) {\r\n this.setState({ ruleexits: true });\r\n } else {\r\n this.setState({ ruleexits: false });\r\n }\r\n });\r\n if (e) {\r\n this.setState({ tabkey: e });\r\n }\r\n }\r\n\r\n getLatLngFromAddress = () => {\r\n let address = this.addressInput.current.state.value;\r\n Geocode.fromAddress(address).then(\r\n (response) => {\r\n this.setState({\r\n latLngFromAddress: response.results[0].geometry.location,\r\n });\r\n this.setState({\r\n markers: [\r\n {\r\n lat: response.results[0].geometry.location.lat,\r\n lng: response.results[0].geometry.location.lng,\r\n title: this.state.markers[0].title,\r\n },\r\n ],\r\n showingInfoWindow: true,\r\n showingDetails: true,\r\n zoom: 13,\r\n });\r\n this.getAddressfromLatLng(response.results[0].geometry.location);\r\n this._map.panTo(response.results[0].geometry.location);\r\n },\r\n (error) => {}\r\n );\r\n };\r\n\r\n getAddressfromLatLng = (position) => {\r\n Geocode.fromLatLng(position.lat, position.lng).then(\r\n (response) => {\r\n if (response.status == \"OK\") {\r\n response.results.map((element) => {\r\n element.address_components.map((element2) => {\r\n element2.types.map((element3) => {\r\n if (element3 === \"country\") {\r\n userCountry = element2.long_name;\r\n }\r\n if (element3 === \"locality\") {\r\n userCity = element2.long_name;\r\n }\r\n if (element3 === \"administrative_area_level_1\") {\r\n userState = element2.long_name;\r\n }\r\n });\r\n });\r\n });\r\n let address = response.results[0].formatted_address;\r\n\r\n this.setState({\r\n city: userCity ? userCity : \"\",\r\n state: userState ? userState : \"\",\r\n country: userCountry ? userCountry : \"\",\r\n address: address ? address : \"\",\r\n });\r\n }\r\n },\r\n (error) => {}\r\n );\r\n };\r\n\r\n onMarkerDrag = (props, marker, e) => {\r\n if (!this.state.ruleexits) {\r\n let tempMarker = this.state.markers[0];\r\n let position = {\r\n lat: marker.position.lat(),\r\n lng: marker.position.lng(),\r\n title: marker.place_.title,\r\n };\r\n tempMarker.lat = position.lat;\r\n tempMarker.lng = position.lng;\r\n tempMarker.title = position.title;\r\n this.getAddressfromLatLng(tempMarker);\r\n this.setState({ markers: [tempMarker] });\r\n }\r\n };\r\n\r\n onChangeOrganizationTree = (orgId) => {\r\n this.props.form.setFieldsValue({\r\n travellers: [],\r\n });\r\n this.props\r\n .getUserListing({\r\n orgId: orgId ? orgId : this.props.match.params.orgid,\r\n pagination: { page: 1, pageSize: 1000 },\r\n filters: { isActiveMembership: true },\r\n })\r\n .then((resp) => {\r\n this.setState({\r\n travellersData: resp.data,\r\n selectedOrgId: orgId,\r\n selectedTravelers: [],\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const formItemLayout = {\r\n labelCol: { span: 6 },\r\n wrapperCol: { span: 14 },\r\n };\r\n\r\n return (\r\n \r\n \r\n */}\r\n {/* Manage Asset Tracking Rules */}\r\n {/* */}\r\n \r\n this.props.history.push(\"../\")}\r\n style={{ margin: \"0 10px\" }}\r\n >\r\n this.addItem()}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n record.id}\r\n dataSource={this.state.geoFenceRules}\r\n loading={this.state.loading}\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {this.state.isShowRulesFrom && (\r\n \r\n )}\r\n \r\n
\r\n \r\n }\r\n key={1}\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 this.props.history.push(\"../\")}\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n\r\n {this.props.match.params.id !== \"new\" ? (\r\n }\r\n key={2}\r\n >\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAreaInterest.propTypes = {};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...assetTrackingAction, ...userActions, ...geoFenceAction },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-user\" })(AreaInterest);\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(\r\n GoogleApiWrapper({\r\n apiKey: \"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\",\r\n })(WrappedForm)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography } from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as assetTrackingAction from \"../../../redux/actions/asset-tracking-action\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport * as userAction from \"../../../redux/actions/user-actions\";\r\nimport moment from \"moment\";\r\n\r\nclass AssetTracking extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'asset_tracking';\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n // hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {this.state.markers.length > 0 && (\r\n \r\n {this.state.markers.map((place, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n )}\r\n
\r\n \r\n\r\n \r\n {this.state.selectedOrgId > 0 && (\r\n \r\n )}\r\n
\r\n \r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n\r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nAssetTracking.propTypes = {\r\n location: PropTypes.object,\r\n getAssetTracking: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...assetTrackingAction, ...userAction, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n AssetTracking\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n Col,\r\n Row,\r\n Typography,\r\n Button,\r\n Table,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { EditCell } from \"../../../shared/components/helperCells\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as userActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\n\r\nclass ListDivisonOrganization extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\",\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n\r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n record.organizationId}\r\n loading={this.state.loading}\r\n pagination={this.state.pagination}\r\n dataSource={this.state.data}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...OrgActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(ListDivisonOrganization)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../../redux/actions/organization-actions\";\r\nimport AppLocale from \"../../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport API from \"../../../../../redux/api/admin-api\";\r\nimport * as userActions from \"../../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../../redux/actions/admin-actions\";\r\nimport OrgTree from \"../../../../shared/components/orgTree\";\r\nimport { notifyUser } from \"../../../../../services/notification-service\";\r\nconst { Option } = Select;\r\n\r\nclass EditDivisonOrganization extends Component {\r\n state = {\r\n loading: false,\r\n isBillingRequired: false,\r\n formLayout: undefined,\r\n data: {},\r\n countries: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n users: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n - \r\n
- \r\n
\r\n {' '}\r\n \r\n\r\n {!Permission.isRole('Division Manager') ? (\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\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions, ...userActions, ...OrgActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-division\" })(\r\n EditDivisonOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Col, Row, Button, Result } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nclass DivisonSucess extends Component {\r\n render() {\r\n let parentOrgId = this.props.match.params.id;\r\n let orgId = this.props.divisionId;\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(DivisonSucess)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../../redux/actions/organization-actions\";\r\n\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport API from \"../../../../../redux/api/admin-api\";\r\nimport * as userActions from \"../../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../../redux/actions/admin-actions\";\r\nimport DivisonSucess from \"../sucess\";\r\nimport OrgTree from \"../../../../shared/components/orgTree\";\r\nconst { Option } = Select;\r\n\r\nclass AddDivisonOrganization extends Component {\r\n state = {\r\n isBillingRequired: false,\r\n parentOrgId: 0,\r\n formLayout: undefined,\r\n submittedSuccessfully: false,\r\n data: {},\r\n countries: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n users:[],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n \r\n \r\n this.props.history.push('./../add/')}\r\n style={{ width: \"200px\" }}\r\n >\r\n Add New Division\r\n \r\n \r\n this.props.history.push('../../../edit/'+orgId+'/employees/new/', {oldPath: '../../../../'+parentOrgId+'/divisions/'})}\r\n >\r\n \r\n \r\n this.props.history.push('../../../edit/'+orgId+'/employees/new/', {oldPath: '../../../../'+parentOrgId+'/divisions/'})}\r\n >\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n {submittedSuccessfully === true ? \r\n \r\n
\r\n );\r\n }\r\n}\r\nAddDivisonOrganization.propTypes = {\r\n getUserData: PropTypes.func,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...OrgActions, ...AdminActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"add-division\" })(\r\n AddDivisonOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../audit-logs/audit-logs\";\r\n\r\nclass OrganizationAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n Reset All\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"startDate\", {\r\n initialValue: this.props.savedState.startDate\r\n ? moment(this.props.savedState.startDate)\r\n : moment()\r\n })(\r\n \r\n {getFieldDecorator(\"endDate\", {\r\n initialValue: this.props.savedState.endDate\r\n ? moment(this.props.savedState.endDate)\r\n : moment()\r\n })(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"byairport\", {\r\n initialValue: \"departure\"\r\n })(\r\n \r\n Departure \r\n Arrival \r\n \r\n )}\r\n \r\n \r\n {getFieldDecorator(\"airportCodes\", {\r\n initialValue:\r\n this.props.savedState &&\r\n this.props.savedState.airportCodes\r\n ? this.props.savedState.airportCodes\r\n : \"\"\r\n })(\r\n }\r\n onSelect={this.getAirportUpdate}\r\n style={{ width: \"100%\", marginTop: \"-30px\" }}\r\n onChange={e => this.handleAirportChange(e)}\r\n filterOption={(input, option) =>\r\n option.props.children\r\n .toLowerCase()\r\n .indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n {this.state.airportData\r\n ? this.state.airportData.map(function(item) {\r\n return (\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n )}\r\n \r\n {/* \r\n {getFieldDecorator(\"airportCodes\", {})()}\r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"firstName\", {\r\n initialValue: this.props.savedState.firstName\r\n ? this.props.savedState.firstName\r\n : \"\"\r\n })()}\r\n \r\n \r\n {getFieldDecorator(\"lastName\", {\r\n initialValue: this.props.savedState.lastName\r\n ? this.props.savedState.lastName\r\n : \"\"\r\n })()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"airVendorCode\", {\r\n initialValue: this.props.savedState.airVendorCode\r\n ? this.props.savedState.airVendorCode\r\n : \"\"\r\n })()}\r\n \r\n \r\n {getFieldDecorator(\"flightNumber\", {\r\n initialValue: this.props.savedState.flightNumber\r\n ? this.props.savedState.flightNumber\r\n : \"\"\r\n })()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"byDestination\", {\r\n initialValue: this.props.savedState.byDestination\r\n ? this.props.savedState.byDestination\r\n : \"\"\r\n })()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"pnrNumber\", {\r\n initialValue: this.props.savedState.pnrNumber\r\n ? this.props.savedState.pnrNumber\r\n : \"\"\r\n })()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {(Permission.isRole(\"Administrator\") ||\r\n Permission.isRole(\"CSR\")) &&\r\n getFieldDecorator(\"parentOrgId\", {\r\n //initialValue: \"all\"\r\n })(\r\n \r\n {this.state.currentSelectedParentOrg !== 0 ? (\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 {getFieldDecorator(\"byAgent\")()}\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\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions, ...itiniaryActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"travelfilter\" })(TravelFilter);\r\n\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(WrappedForm)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Select, Menu, Switch, Button, Checkbox } from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nconst dateFormat = \"DD MMM YYYY\";\r\nconst { Option } = Select;\r\nlet riskLevel = {\r\n Low: \"#00A651\",\r\n Moderate: \"#85C441\",\r\n Medium: \"#D6D625\",\r\n High: \"#F7963E\",\r\n Extreme: \"#CA252B\"\r\n};\r\n\r\nclass AlertFilter extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n defaultCountry: \"All\",\r\n defaultCategory: \"All\",\r\n selectedRiskLevel: \"\",\r\n selectedDuration: \"\"\r\n };\r\n }\r\n async componentDidMount() {}\r\n\r\n handleCountryChange = code => {\r\n this.setState({ defaultCountry: code });\r\n this.props.countryChange(code);\r\n };\r\n handleCategoryChange = catname => {\r\n this.setState({ defaultCategory: catname });\r\n this.props.categoryChange(catname);\r\n };\r\n handleRiskLevelChange = risklevel => {\r\n this.setState({ selectedRiskLevel: risklevel.key });\r\n this.props.riskLevelChange(risklevel);\r\n };\r\n handleDurationChange = time => {\r\n this.setState({ selectedDuration: time.key });\r\n this.props.durationChange(time);\r\n };\r\n handleShowNoticesChange = checked => {\r\n this.props.showNoticesChange(checked);\r\n };\r\n update = e => {\r\n this.props.onChangeAlertCheckBox(e);\r\n };\r\n handleResetAlertsFilter = () => {\r\n this.setState({\r\n defaultCountry: \"All\",\r\n defaultCategory: \"All\",\r\n selectedRiskLevel: \"\",\r\n selectedDuration: \"\"\r\n });\r\n this.props.onResetAlertsFilter();\r\n };\r\n\r\n handleSingleAlertListClick = alert => {\r\n this.props.handleSingleAlertListClick(alert);\r\n };\r\n\r\n render() {\r\n return (\r\n Filters
\r\n \r\n\r\n \r\n \r\n {this.state.parentOrganizations\r\n ? this.state.parentOrganizations.map(function(\r\n item\r\n ) {\r\n return (\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n option.props.children\r\n .toLowerCase()\r\n .indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n \r\n {this.props.countriesList.map(c => (\r\n \r\n ))}\r\n \r\n \r\n \r\n option.props.children\r\n .toLowerCase()\r\n .indexOf(input.toLowerCase()) >= 0\r\n }\r\n >\r\n \r\n {this.props.categoryList.map(c => (\r\n \r\n ))}\r\n \r\n \r\n \r\n Alerts\r\n \r\n \r\n \r\n Show notices\r\n \r\n \r\n \r\n Reset\r\n \r\n \r\n \r\n \r\n Low\r\n \r\n \r\n Moderate\r\n \r\n \r\n Medium\r\n \r\n \r\n High\r\n \r\n \r\n Extreme\r\n \r\n \r\n \r\n \r\n 1d\r\n \r\n \r\n 2d\r\n \r\n \r\n 3d\r\n \r\n \r\n 1w\r\n \r\n \r\n 2w\r\n \r\n \r\n 3w\r\n \r\n \r\n 1m\r\n \r\n \r\n \r\n \r\n this.handleSingleAlertListClick(alert)}\r\n >\r\n \r\n {alert.title}\r\n
\r\n \r\n \r\n {alert.countryName}\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nRiskLevelFilter.propTypes = {};\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n RiskLevelFilter\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n\r\nconst getTravelersList = data => {\r\n return Axios.get(\"/users/?search=\" + JSON.stringify(data), undefined);\r\n};\r\n\r\nexport default {\r\n getTravelersList\r\n};\r\n","import API from \"../api/traveler-location-api\";\r\n\r\nexport function getTravelersList(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersList(data);\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Tabs, Button } from \"antd\";\r\nimport moment from \"moment\";\r\nimport config from \"../../../../../../config\";\r\n\r\nconst { TabPane } = Tabs;\r\nconst dateFormat = \"MM/DD/YYYY HH:mm\";\r\nlet flightStatus = {\r\n L: \"LANDED\",\r\n l: \"LANDED\",\r\n LANDED: \"LANDED\",\r\n SCHEDULED: \"SCHEDULED\",\r\n S: \"SCHEDULED\",\r\n s: \"SCHEDULED\",\r\n A: \"In-Transit\",\r\n U: \"Unknown\",\r\n PAXC: \"Cancelled By Passenger\",\r\n C: \"CANCELED\",\r\n c: \"CANCELED\"\r\n};\r\n\r\nexport default class TravelerDetailsByAirport extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n travelerData: \"\"\r\n };\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n onInfoWindowPersonTabClick = key => {\r\n let arr = key.split(\"-\");\r\n let pnrId = arr[1];\r\n this.props.onInfoWindowPersonTabClick(pnrId);\r\n };\r\n\r\n _bindTravelerInfoWindowContent(data) {\r\n return (\r\n - \r\n
- \r\n
- \r\n Show/Hide all Risk Levels\r\n \r\n
\r\n
- \r\n
- \r\n
- \r\n Low\r\n \r\n
- \r\n
- \r\n
- \r\n Moderate\r\n \r\n
- \r\n
- \r\n
- \r\n Medium\r\n \r\n
- \r\n
- \r\n
- \r\n High\r\n \r\n
- \r\n
- \r\n
- \r\n Extreme\r\n \r\n
\r\n {\" \"}\r\n {value.firstName +\" \"+ value.lastName}\r\n
\r\n - \r\n
- \r\n Status: {flightStatus[value.status]}\r\n \r\n
- \r\n Departure:{\" \"}\r\n {value.departureAirportCode + \" \" + value.departureAirport}\r\n \r\n
- \r\n Date/Time:{\" \"}\r\n {moment(value.departureDateTime).format(dateFormat)}\r\n \r\n
- \r\n Arrival:{\" \"}\r\n {value.arrivalAirportCode + \" \" + value.arrivalAirport}\r\n \r\n
- \r\n Date/Time:{\" \"}\r\n {moment(value.arrivalDateTime).format(dateFormat)}\r\n \r\n {this._bindEmergencyContactDetails(value)}\r\n {value.source !== \"Manual\" && (\r\n
- \r\n
\r\n {value.travelerName}\r\n
\r\n - \r\n
- \r\n Check-in date:\r\n {moment(value.checkinDate).format(dateFormat)}\r\n \r\n
- \r\n Check-out date:\r\n {moment(value.checkoutDate).format(dateFormat)}\r\n \r\n
- \r\n Address:\r\n {value.address}\r\n \r\n
- \r\n Phone number:\r\n {value.phoneNumber}\r\n \r\n\r\n
- \r\n
\r\n
\r\n ) : this.props.infoWindowData && this.props.type === \"traveler-location\" ? (\r\n Assist
\r\n- \r\n
- Name: {this.props.infoWindowData.userName} \r\n
- \r\n City:{\" \"}\r\n {this.props.infoWindowData.city\r\n ? this.props.infoWindowData.city\r\n : \"Unnamed location\"}\r\n \r\n
- \r\n State:{\" \"}\r\n {this.props.infoWindowData.state\r\n ? this.props.infoWindowData.state\r\n : \"Unnamed location\"}\r\n \r\n
- \r\n Country:{\" \"}\r\n {this.props.infoWindowData.country\r\n ? this.props.infoWindowData.country\r\n : \"Unnamed location\"}\r\n \r\n
- \r\n Date:{\" \"}\r\n {moment(this.props.infoWindowData.creationDateTime).format(\r\n dateFormathh\r\n )}\r\n \r\n
\r\n
\r\n ) : (\r\n Traveler Details
\r\n- \r\n
- \r\n Name:{\" \"}\r\n {this.props.infoWindowData.firstName +\r\n \" \" +\r\n this.props.infoWindowData.lastName}\r\n \r\n
- \r\n State:{\" \"}\r\n {this.props.infoWindowData.state\r\n ? this.props.infoWindowData.state\r\n : \"Unnamed location\"}\r\n \r\n
- \r\n Country:{\" \"}\r\n {this.props.infoWindowData.country\r\n ? this.props.infoWindowData.country\r\n : \"Unnamed location\"}\r\n \r\n
- \r\n Date:{\" \"}\r\n {moment(this.props.infoWindowData.creationDateTime).format(\r\n dateFormathh\r\n )}\r\n \r\n
- Contact: {this.props.infoWindowData.contact} \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { InfoWindow } from \"google-maps-react\";\r\n\r\nexport default class InfoWindowEx extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.infoWindowRef = React.createRef();\r\n this.contentElement = document.createElement(`div`);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.children !== prevProps.children) {\r\n ReactDOM.render(\r\n React.Children.only(this.props.children),\r\n this.contentElement\r\n );\r\n this.infoWindowRef.current.infowindow.setContent(this.contentElement);\r\n }\r\n }\r\n\r\n render() {\r\n return Asset Tracking
\r\n- \r\n
- Title: {this.props.infoWindowData.title} \r\n
\r\n \r\n Travelers} key=\"1\">\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return this._bindTravellerDetails(this.props.itineraries);\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travelerItineraryActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n TravelerListItem\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Select, Modal, Popconfirm } from \"antd\";\r\nimport moment from \"moment\";\r\nimport * as assistTravelerActions from \"../../../../redux/actions/assist-traveler-actions\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\n\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nconst dbDateFormat = \"YYYY-MM-DD\";\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\nlet statusArray = {\r\n 0: \"Pending\",\r\n 1: \"Assisting\",\r\n 2: \"Resolved\"\r\n};\r\n\r\nclass AssistTravelersList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false\r\n };\r\n this.onAssistStatusChange = this.onAssistStatusChange.bind(this);\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"userName\",\r\n render: (text, record) => (\r\n this.handleAssistTravlerClick(record)}>\r\n {record.userName}\r\n \r\n )\r\n },\r\n {\r\n title: \"Contact No\",\r\n dataIndex: \"contactNumber\"\r\n },\r\n {\r\n title: \"City\",\r\n dataIndex: \"city\",\r\n render: (text, record) =>\r\n record.city ? record.city : \"Unnamed location\"\r\n },\r\n {\r\n title: \"State\",\r\n dataIndex: \"state\",\r\n render: (text, record) =>\r\n record.state ? record.state : \"Unnamed location\"\r\n },\r\n {\r\n title: \"Country\",\r\n dataIndex: \"country\",\r\n render: (text, record) =>\r\n record.country ? record.country : \"Unnamed location\"\r\n },\r\n {\r\n title: \"Organization\",\r\n dataIndex: \"organizationName\"\r\n },\r\n {\r\n title: \"Division\",\r\n dataIndex: \"divisionName\"\r\n },\r\n {\r\n title: \"Date\",\r\n dataIndex: \"creationDateTime\",\r\n render: (text, record) => (\r\n {moment(record.creationDateTime).format(dateFormathh)}\r\n )\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n render: (text, record) =>\r\n Permission.isRole(\"Administrator\") || Permission.isRole(\"CSR\") ? (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...assistTravelerActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n AssistTravelersList\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Form,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n DatePicker,\r\n Collapse,\r\n TreeSelect\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport * as itiniaryActions from \"../../../../redux/actions/itinerary-actions\";\r\nimport * as assistTravelerActions from \"../../../../redux/actions/assist-traveler-actions\";\r\n\r\nconst { Panel } = Collapse;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dbDateFormat = \"YYYY-MM-DD\";\r\nconst { Option } = Select;\r\n\r\nclass AssistTravelFilter extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentUserOrgId: 0,\r\n parentOrgCurrentPage: 1,\r\n selectedOrgId: 0,\r\n currentSelectedParentOrg: 0,\r\n parentOrganizations: [],\r\n parentOrganizationId: { key: \"all\", label: \"All\" },\r\n childOrganizationId: \"\",\r\n startValue: null\r\n };\r\n this.onResetTravelerFilter = this.onResetTravelerFilter.bind(this);\r\n }\r\n\r\n disabledEndDate = endValue => {\r\n const { startValue } = this.state;\r\n if (!endValue || !startValue) {\r\n return false;\r\n }\r\n return endValue.valueOf() <= startValue.valueOf();\r\n };\r\n\r\n onChange = (field, value) => {\r\n this.setState({\r\n [field]: value\r\n });\r\n };\r\n onStartChange = value => {\r\n this.onChange(\"startValue\", value);\r\n };\r\n\r\n componentDidMount() {\r\n let currentUser = UserService.getUser();\r\n let orgId = currentUser.companyID;\r\n\r\n if (Permission.isRole(\"Administrator\") || Permission.isRole(\"CSR\")) {\r\n this.loadParentOrganizations();\r\n } else {\r\n let list = [];\r\n this.props.getDivisionsList(orgId).then(resp => {\r\n let parentId;\r\n for (var i in resp.data) {\r\n if (resp.data[i].organizationId == orgId) {\r\n parentId = resp.data[i].parentOrgId;\r\n }\r\n }\r\n list = this.getNestedChildren(resp.data, parentId);\r\n this.setState({ currentSelectedParentOrg: orgId });\r\n this.setState({\r\n childOrgs: list\r\n });\r\n });\r\n }\r\n if (Object.keys(this.props.savedState).length !== 0) {\r\n if (\r\n this.props.savedState.childOrgId != \"\" &&\r\n this.props.savedState.childOrgId != undefined\r\n ) {\r\n this.setState({\r\n childOrganizationId: {\r\n key: this.props.savedState.childOrgId.value,\r\n label: this.props.savedState.childOrgId.label\r\n },\r\n currentSelectedParentOrg: this.props.savedState.parentOrgId.key\r\n });\r\n }\r\n }\r\n\r\n this.setState({ currentUserOrgId: orgId });\r\n }\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n let filters = {};\r\n\r\n if (\r\n values.parentOrgId !== undefined &&\r\n values.parentOrgId.key !== \"all\"\r\n ) {\r\n filters.orgId = values.parentOrgId.key;\r\n }\r\n if (values.childOrgId !== undefined && values.childOrgId !== \"\") {\r\n filters.orgId = values.childOrgId.value;\r\n }\r\n if (values.startDate !== \"\" && values.endDate !== \"\") {\r\n filters.startDate = moment(values.startDate).format(dbDateFormat);\r\n filters.endDate = moment(values.endDate).format(dbDateFormat);\r\n values.startDate = moment(values.startDate).format(dateFormat);\r\n values.endDate = moment(values.endDate).format(dateFormat);\r\n }\r\n if (\r\n values.assistStatus !== undefined &&\r\n values.assistStatus !== \"all\"\r\n ) {\r\n filters.assistStatus = values.assistStatus;\r\n }\r\n\r\n this.getAssistTravelersByFilters(filters);\r\n this.props.handleAssistStateSave(values);\r\n }\r\n });\r\n };\r\n\r\n getAssistTravelersByFilters(filter) {\r\n this.props\r\n .getAssistTravelersList({\r\n filters: filter ? filter : {},\r\n pagination: { page: 1, pageSize: 5 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.props.handleTableChange(resp.data);\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n onResetTravelerFilter() {\r\n this.props.form.resetFields();\r\n this.setState({ childOrganizationId: \"\" });\r\n if (Permission.isRole(\"Administrator\") || Permission.isRole(\"CSR\")) {\r\n this.setState({ currentSelectedParentOrg: 0 });\r\n }\r\n this.setState({\r\n parentOrganizationId: \"all\",\r\n startValue: null,\r\n childId: \"\"\r\n });\r\n this.props.handleAssistStateSave();\r\n this.getAssistTravelersByFilters();\r\n }\r\n\r\n loadParentOrganizations = () => {\r\n this.props\r\n .getOrganizations({\r\n filters: {},\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.setState({\r\n parentOrganizations: resp.data\r\n });\r\n });\r\n };\r\n\r\n getNestedChildren = (arr, parent) => {\r\n var out = [];\r\n for (var i in arr) {\r\n if (arr[i].parentOrgId == parent) {\r\n var children = this.getNestedChildren(arr, arr[i].organizationId);\r\n if (children.length) {\r\n arr[i].children = children;\r\n }\r\n arr[i].title = arr[i].name;\r\n arr[i].value = arr[i].organizationId;\r\n arr[i].label = arr[i].name;\r\n arr[i].key = arr[i].organizationId;\r\n out.push(arr[i]);\r\n }\r\n }\r\n return out;\r\n };\r\n\r\n onChangeParentOrganizationTree = selected => {\r\n console.log(selected);\r\n this.setState({ parentOrganizationId: selected });\r\n this.setState({ childId: \"\" });\r\n this.props.form.setFieldsValue({ childOrgId: \"\" });\r\n let list = [];\r\n this.props.getDivisionsList(selected.key).then(resp => {\r\n let parentId;\r\n for (var i in resp.data) {\r\n if (resp.data[i].organizationId == selected) {\r\n parentId = resp.data[i].parentOrgId;\r\n }\r\n }\r\n list = this.getNestedChildren(resp.data, parentId);\r\n this.setState({\r\n childOrgs: list\r\n });\r\n });\r\n this.loadParentOrganizations();\r\n this.setState({ currentSelectedParentOrg: selected });\r\n this.props.form.setFieldsValue({ childOrgs: list });\r\n };\r\n\r\n onChangeChildOrganizationTree = (value, label) => {\r\n this.setState({ onChangeChildOrganizationValue: value });\r\n };\r\n fetchParentOrganizations = e => {\r\n if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) {\r\n var datas = this.state.parentOrgCurrentPage + 1;\r\n this.props\r\n .getOrganizations({\r\n filters: {},\r\n pagination: { page: datas, pageSize: 10 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.setState({ parentOrgCurrentPage: datas });\r\n let data = this.state.parentOrganizations;\r\n this.setState({\r\n parentOrganizations: data.concat(resp.data)\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n };\r\n\r\n searchParentOrganizations = async value => {\r\n let args = {\r\n filters: { companyName: value },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {}\r\n };\r\n this.props\r\n .getOrganizations(args)\r\n .then(resp => {\r\n this.setState({\r\n parentOrganizations: resp.data\r\n });\r\n })\r\n .catch(_ex => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const formItemLayout = {\r\n labelCol: {\r\n xs: { span: 24 },\r\n sm: { span: 24 }\r\n },\r\n wrapperCol: {\r\n xs: { span: 24 },\r\n sm: { span: 24 }\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n Reset All\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {getFieldDecorator(\"startDate\", {\r\n initialValue: this.props.savedState.startDate\r\n ? moment(this.props.savedState.startDate)\r\n : moment()\r\n })(\r\n \r\n {getFieldDecorator(\"endDate\", {\r\n initialValue: this.props.savedState.endDate\r\n ? moment(this.props.savedState.endDate)\r\n : moment()\r\n })(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {(Permission.isRole(\"Administrator\") ||\r\n Permission.isRole(\"CSR\")) &&\r\n getFieldDecorator(\"parentOrgId\", {\r\n initialValue: this.props.savedState.parentOrgId\r\n ? this.props.savedState.parentOrgId\r\n : this.state.parentOrganizationId\r\n })(\r\n \r\n \r\n {this.state.parentOrganizations\r\n ? this.state.parentOrganizations.map(function(\r\n item\r\n ) {\r\n return (\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n {this.state.currentSelectedParentOrg !== 0 ? (\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 {getFieldDecorator(\"assistStatus\", {\r\n initialValue: this.props.savedState.assistStatus\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\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...OrgActions, ...itiniaryActions, ...assistTravelerActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"assistfilter\" })(AssistTravelFilter);\r\n\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(WrappedForm)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Checkbox } from \"antd\";\r\n\r\nclass TravelerLocationList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false\r\n };\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"firstName\",\r\n render: (text, record) => (\r\n this.handleTravlerLocationClick(record)}>\r\n {record.firstName + \" \" + record.lastName}\r\n \r\n )\r\n },\r\n {\r\n title: \"Contact No\",\r\n dataIndex: \"contact\"\r\n },\r\n {\r\n title: \"State\",\r\n dataIndex: \"state\",\r\n render: (text, record) =>\r\n record.state ? record.state : \"Unnamed location\"\r\n },\r\n {\r\n title: \"Organization\",\r\n dataIndex: \"companyName\"\r\n }\r\n ];\r\n };\r\n\r\n handleTravlerLocationClick(record) {\r\n this.props.handleTravlerLocationClick(record);\r\n }\r\n\r\n update = e => {\r\n this.props.onChangeTravelerLocationCheckBox(e);\r\n };\r\n\r\n componentDidMount() {}\r\n\r\n render() {\r\n return (\r\n Filters
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n TravelerLocationList\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n Collapse,\r\n TreeSelect\r\n} from \"antd\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport * as travelerLocationActions from \"../../../../redux/actions/traveler-location-actions\";\r\n\r\nconst { Panel } = Collapse;\r\nconst { Option } = Select;\r\n\r\nclass TravelerLocationFilter extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentSelectedParentOrg: 0,\r\n parentOrganizationId: { key: \"all\", label: \"All\" },\r\n parentOrganizations: [],\r\n childOrganizationId: \"\"\r\n };\r\n this.onResetTravelerFilter = this.onResetTravelerFilter.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n let currentUser = UserService.getUser();\r\n let orgId = currentUser.companyID;\r\n\r\n if (Permission.isRole(\"Administrator\") || Permission.isRole(\"CSR\")) {\r\n this.loadParentOrganizations();\r\n } else {\r\n let list = [];\r\n this.props.getDivisionsList(orgId).then(resp => {\r\n let parentId;\r\n for (var i in resp.data) {\r\n if (resp.data[i].organizationId == orgId) {\r\n parentId = resp.data[i].parentOrgId;\r\n }\r\n }\r\n list = this.getNestedChildren(resp.data, parentId);\r\n this.setState({ currentSelectedParentOrg: orgId });\r\n this.setState({\r\n childOrgs: list\r\n });\r\n });\r\n }\r\n\r\n if (Object.keys(this.props.savedState).length !== 0) {\r\n if (\r\n this.props.savedState.childOrgId != \"\" &&\r\n this.props.savedState.childOrgId != undefined\r\n ) {\r\n this.setState({\r\n childOrganizationId: {\r\n key: this.props.savedState.childOrgId.value,\r\n label: this.props.savedState.childOrgId.label\r\n },\r\n currentSelectedParentOrg: this.props.savedState.parentOrgId.key\r\n });\r\n }\r\n }\r\n }\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n let filter = {};\r\n if (\r\n values.parentOrgId !== undefined &&\r\n values.parentOrgId.key !== \"all\"\r\n ) {\r\n filter.companyId = values.parentOrgId.key;\r\n }\r\n if (values.childOrgId !== undefined && values.childOrgId !== \"\") {\r\n filter.companyId = values.childOrgId.value;\r\n }\r\n if (values.firstName !== undefined && values.firstName !== \"\") {\r\n filter.firstName = values.firstName;\r\n }\r\n if (values.lastName !== undefined && values.lastName !== \"\") {\r\n filter.lastName = values.lastName;\r\n }\r\n\r\n this.getTravelerLocationListByFilters(filter, values);\r\n }\r\n });\r\n };\r\n\r\n getTravelerLocationListByFilters(filter, values) {\r\n this.props\r\n .getTravelersList({\r\n filters: filter ? filter : {},\r\n pagination: { page: 1, pageSize: 1000 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.props.handleFilterChange(resp.data, values);\r\n })\r\n .catch(ex => {});\r\n }\r\n\r\n onResetTravelerFilter() {\r\n this.props.form.resetFields();\r\n this.setState({\r\n parentOrganizationId: { key: \"all\", label: \"All\" },\r\n childOrganizationId: \"\"\r\n });\r\n this.getTravelerLocationListByFilters({}, {});\r\n }\r\n\r\n loadParentOrganizations = () => {\r\n this.props\r\n .getOrganizations({\r\n filters: {},\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.setState({\r\n parentOrganizations: resp.data\r\n });\r\n });\r\n };\r\n\r\n getNestedChildren = (arr, parent) => {\r\n var out = [];\r\n for (var i in arr) {\r\n if (arr[i].parentOrgId == parent) {\r\n var children = this.getNestedChildren(arr, arr[i].organizationId);\r\n if (children.length) {\r\n arr[i].children = children;\r\n }\r\n arr[i].title = arr[i].name;\r\n arr[i].value = arr[i].organizationId;\r\n arr[i].label = arr[i].name;\r\n arr[i].key = arr[i].organizationId;\r\n out.push(arr[i]);\r\n }\r\n }\r\n return out;\r\n };\r\n\r\n onChangeParentOrganizationTree = selected => {\r\n this.setState({ parentOrganizationId: selected });\r\n this.setState({ childId: \"\" });\r\n this.props.form.setFieldsValue({ childOrgId: \"\" });\r\n let list = [];\r\n this.props.getDivisionsList(selected.key).then(resp => {\r\n let parentId;\r\n for (var i in resp.data) {\r\n if (resp.data[i].organizationId == selected) {\r\n parentId = resp.data[i].parentOrgId;\r\n }\r\n }\r\n list = this.getNestedChildren(resp.data, parentId);\r\n this.setState({\r\n childOrgs: list\r\n });\r\n });\r\n this.loadParentOrganizations();\r\n this.setState({ currentSelectedParentOrg: selected });\r\n this.props.form.setFieldsValue({ childOrgs: list });\r\n };\r\n\r\n onChangeChildOrganizationTree = (value, label) => {\r\n this.setState({ onChangeChildOrganizationValue: value });\r\n };\r\n\r\n searchParentOrganizations = async value => {\r\n let args = {\r\n filters: { companyName: value },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {}\r\n };\r\n this.props\r\n .getOrganizations(args)\r\n .then(resp => {\r\n this.setState({\r\n parentOrganizations: resp.data\r\n });\r\n })\r\n .catch(_ex => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const formItemLayout = {\r\n labelCol: {\r\n xs: { span: 24 },\r\n sm: { span: 24 }\r\n },\r\n wrapperCol: {\r\n xs: { span: 24 },\r\n sm: { span: 24 }\r\n }\r\n };\r\n return (\r\n - \r\n
- \r\n
- \r\n Show/Hide Traveler Location\r\n \r\n
\r\n \r\n \r\n \r\n Reset All\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {(Permission.isRole(\"Administrator\") ||\r\n Permission.isRole(\"CSR\")) &&\r\n getFieldDecorator(\"parentOrgId\", {\r\n initialValue: this.props.savedState.parentOrgId\r\n ? this.props.savedState.parentOrgId\r\n : this.state.parentOrganizationId\r\n })(\r\n \r\n \r\n {this.state.parentOrganizations\r\n ? this.state.parentOrganizations.map(function(\r\n item\r\n ) {\r\n return (\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n {this.state.currentSelectedParentOrg !== 0 ? (\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 {getFieldDecorator(\"firstName\", {\r\n initialValue: this.props.savedState.firstName\r\n ? this.props.savedState.firstName\r\n : \"\"\r\n })()}\r\n \r\n \r\n {getFieldDecorator(\"lastName\", {\r\n initialValue: this.props.savedState.lastName\r\n ? this.props.savedState.lastName\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\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...OrgActions, ...travelerLocationActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"assistfilter\" })(\r\n TravelerLocationFilter\r\n);\r\n\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(WrappedForm)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Checkbox } from \"antd\";\r\n\r\nclass AssetTrackingList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false\r\n };\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \"Title\",\r\n dataIndex: \"title\",\r\n render: (text, record) => (\r\n this.handleAssetTrackingClick(record)}>\r\n {record.title}\r\n \r\n )\r\n },\r\n {\r\n title: \"City\",\r\n dataIndex: \"city\",\r\n render: (text, record) =>\r\n record.city ? record.city : \"Unnamed location\"\r\n },\r\n {\r\n title: \"State\",\r\n dataIndex: \"state\",\r\n render: (text, record) =>\r\n record.state ? record.state : \"Unnamed location\"\r\n },\r\n {\r\n title: \"Organization\",\r\n dataIndex: \"orgName\"\r\n }\r\n ];\r\n };\r\n\r\n handleAssetTrackingClick(record) {\r\n this.props.handleAssetTrackingClick(record);\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n render() {\r\n return (\r\n Filters
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n AssetTrackingList\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Row, Col, Card, Switch, Spin } from \"antd\";\r\nimport {\r\n Map,\r\n GoogleApiWrapper,\r\n Marker,\r\n Polyline,\r\n InfoWindow\r\n} from \"google-maps-react\";\r\nimport MarkerCluster from \"../../user-map/Cluster\";\r\nimport TravelFilter from \"./travel-filter\";\r\nimport AlertFilter from \"./alert-filter\";\r\nimport RiskLevelFilter from \"./risk-level-filter\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport * as travelerItineraryActions from \"../../../../redux/actions/travelers-itinerary-action\";\r\nimport * as assistTravelerActions from \"../../../../redux/actions/assist-traveler-actions\";\r\nimport * as travelerLocationActions from \"../../../../redux/actions/traveler-location-actions\";\r\nimport * as assetTrackingAction from \"../../../../redux/actions/asset-tracking-action\";\r\nimport ShowTravelerInfoWindow from \"./traveler-info-window\";\r\nimport ShowTravelerHotelInfoWindow from \"./traveler-hotel-info-window\";\r\nimport ShowCommonInfoWindow from \"./assist-traveler-info-window\";\r\nimport Config from \"../../../../../../config\";\r\nimport InfoWindowEx from \"./infoWindowEx\";\r\nimport HotelInfoWindowEx from \"./hotel-infoWindowEx\";\r\nimport TravelerListItem from \"./traveler-list-item\";\r\nimport AssistTravelersList from \"./assist-travelers-list\";\r\nimport API from \"../../../../redux/api/admin-api\";\r\nimport riskLineApi from \"../../../../redux/api/risk-line-api\";\r\nimport AssistTravelFilter from \"./assist-traveler-filter\";\r\nimport moment from \"moment\";\r\nimport config from \"../../../../../../config\";\r\nimport TravelerLocationList from \"./travelers-location-list\";\r\nimport TravelerLocationFilter from \"./traveler-location-filter\";\r\nimport AssetTrackingList from \"./asset-tracking-list\";\r\n\r\nconst dbDateFormat = \"YYYY-MM-DD\";\r\nconst mapStyles = {\r\n height: \"90vh\",\r\n width: \"100%\",\r\n position: \"absolute\"\r\n};\r\n\r\nconst refs = {\r\n map: undefined,\r\n alertInfoWindow: undefined\r\n};\r\n\r\nlet riskLevelColors = {\r\n Low: \"#00a551\",\r\n Moderate: \"#84c341\",\r\n Medium: \"#d6d625\",\r\n High: \"#f7953e\",\r\n Extreme: \"#c9252b\"\r\n};\r\nlet orgId = 0;\r\nlet currentStartDate = moment().format(dbDateFormat);\r\nlet currentEndDate = moment().format(dbDateFormat);\r\nclass TravellerItinerayDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n airportLocation: \"\",\r\n hotelLocation: \"\",\r\n manageTravellers: \"\",\r\n magnaTravelerHtoels: \"\",\r\n travelersLocationList: \"\",\r\n flightPaths: \"\",\r\n singleFlightPath: \"\",\r\n showFlightPath: false,\r\n travelerInfoWindowData: \"\",\r\n travelerHotelInfoWindowData: \"\",\r\n itineraries: [],\r\n assistTravelers: [],\r\n loading: false,\r\n showTravelerFilter: false,\r\n showTravelerListFilter: false,\r\n showAlertFilter: false,\r\n showAssistFilter: false,\r\n showTraverLocationFilter: false,\r\n showRiskLevelFilter: false,\r\n showAssetTrackingFilter: false,\r\n showingInfoWindow: false,\r\n showingHotelInfoWindow: false,\r\n showingCommonInfoWindow: false,\r\n infoWindowData: \"\",\r\n activeMarker: {},\r\n infoWindowPosition: null,\r\n countriesListByRiskLevel: [],\r\n countriesList: [],\r\n shownRiskLevelsArray: [\"Low\", \"Moderate\", \"Medium\", \"High\", \"Extreme\"],\r\n alertStore: [],\r\n cloneStore: [],\r\n categoryList: [],\r\n selectedCountries: \"\",\r\n selectedRiskLevels: \"\",\r\n selectedCategoryName: \"\",\r\n selectedAlertTypeName: \"\",\r\n isAlert: true,\r\n filters: {},\r\n currentUserOrgId: 0,\r\n currentUserRole: \"\",\r\n selectedDuration: \"1d\",\r\n isLowRiskLevelsChecked: true,\r\n isModerateRiskLevelsChecked: true,\r\n isMediumRiskLevelsChecked: true,\r\n isHighRiskLevelsChecked: true,\r\n isExtremeRiskLevelsChecked: true,\r\n isRiskLevel: true,\r\n infoWindowType: \"\",\r\n travellerFilterValues: {\r\n startDate: \"\",\r\n endDate: \"\",\r\n airVendorCode: \"\",\r\n airportCodes: \"\",\r\n byairport: \"departure\",\r\n byDestination: \"\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n flightNumber: \"\",\r\n parentOrgId: \"\",\r\n pnrNumber: \"\",\r\n allOrgs: true,\r\n parentOrganizationId: \"all\",\r\n currentSelectedParentOrg: 0,\r\n childOrg: \"\"\r\n },\r\n assitFilterValues: {},\r\n travelerLocationFilters: {},\r\n isShowTravelerLocations: true,\r\n assetTrackingList: []\r\n };\r\n this.onAirPortLocationMarkerClick = this.onAirPortLocationMarkerClick.bind(\r\n this\r\n );\r\n }\r\n\r\n storeStatesOfAssistTravelers = filter => {\r\n this.setState({\r\n assitFilterValues: filter ? filter : {}\r\n });\r\n };\r\n\r\n storeStatesOfTravelers = filter => {\r\n if (filter !== undefined) {\r\n this.setState({\r\n travellerFilterValues: {\r\n ...this.state.travellerFilterValues,\r\n startDate: filter.startDate,\r\n endDate: filter.endDate,\r\n airVendorCode: filter.airVendorCode,\r\n airportCodes: filter.airportCodes,\r\n byairport: filter.byairport,\r\n byDestination: filter.byDestination,\r\n firstName: filter.firstName,\r\n lastName: filter.lastName,\r\n flightNumber: filter.flightNumber,\r\n parentOrgId: filter.parentOrgId,\r\n pnrNumber: filter.pnrNumber,\r\n parentOrganizationId: filter.parentOrganizationId,\r\n currentSelectedParentOrg: filter.currentSelectedParentOrg,\r\n childOrg: filter.childOrgId\r\n }\r\n });\r\n } else {\r\n this.setState({\r\n travellerFilterValues: {\r\n ...this.state.travellerFilterValues,\r\n startDate: \"\",\r\n endDate: \"\",\r\n airVendorCode: \"\",\r\n airportCodes: \"\",\r\n byairport: \"\",\r\n byDestination: \"\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n flightNumber: \"\",\r\n parentOrgId: \"\",\r\n pnrNumber: \"\",\r\n parentOrganizationId: \"all\",\r\n currentSelectedParentOrg: 0,\r\n childOrg: \"\"\r\n }\r\n });\r\n }\r\n };\r\n\r\n onTravelerFilterButtonClick = event => {\r\n this.setState({\r\n showTravelerFilter: event\r\n });\r\n };\r\n\r\n onTravelerListButtonClick = event => {\r\n this.setState({\r\n showTravelerListFilter: event\r\n });\r\n };\r\n\r\n onAlertFilterButtonClick = event => {\r\n this.setState({\r\n showAlertFilter: event\r\n });\r\n };\r\n onRiskLevelFilterButtonClick = event => {\r\n this.setState({\r\n showRiskLevelFilter: event\r\n });\r\n };\r\n onAssistFilterButtonClick = event => {\r\n this.setState({\r\n showAssistFilter: event\r\n });\r\n };\r\n onTravelerLocationFilterButtonClick = event => {\r\n this.setState({\r\n showTravelerLocationFilter: event\r\n });\r\n };\r\n onAssetTrackingFilterButtonClick = event => {\r\n this.setState({\r\n showAssetTrackingFilter: event\r\n });\r\n };\r\n\r\n onAirPortLocationMarkerClick = (props, marker, i) => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n\r\n let data = this.state.manageTravellers[props.code];\r\n let flightPathData = this.state.flightPaths[data[0].pnrId];\r\n\r\n this.setState({\r\n activeMarker: marker,\r\n showingInfoWindow: true,\r\n showingHotelInfoWindow: false,\r\n showingCommonInfoWindow: false,\r\n travelerInfoWindowData: data,\r\n singleFlightPath: flightPathData,\r\n showFlightPath: true,\r\n infoWindowPosition: null\r\n });\r\n };\r\n/*\r\nStatus: LANDED\r\nDeparture: ADD BOLE INTL\r\nDate/Time: 07/03/2021 00:16\r\nArrival: FRA FRANKFURT MAIN\r\nDate/Time: 07/03/2021 05:41\r\nMedical:112\r\n*/\r\n onHotelLocationMarkerClick = (props, marker, i) => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n\r\n let data = this.state.magnaTravelerHtoels[props.code];\r\n\r\n this.setState({\r\n activeMarker: marker,\r\n showingInfoWindow: false,\r\n showingCommonInfoWindow: false,\r\n showingHotelInfoWindow: true,\r\n travelerHotelInfoWindowData: data,\r\n infoWindowPosition: null\r\n });\r\n };\r\n\r\n onLocationMarkerClick = (props, marker, e) => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n this.setState({\r\n infoWindowData: props.infoData,\r\n infoWindowType: props.type,\r\n activeMarker: marker,\r\n showingCommonInfoWindow: true,\r\n showingHotelInfoWindow: false,\r\n showingInfoWindow: false\r\n });\r\n };\r\n\r\n handleAssistTravlerClick = data => {\r\n this.setState({\r\n activeMarker: null,\r\n showingCommonInfoWindow: true,\r\n showingHotelInfoWindow: false,\r\n showingInfoWindow: false,\r\n infoWindowData: data,\r\n infoWindowType: \"assist\",\r\n infoWindowPosition: new window.google.maps.LatLng(data.lat, data.lng),\r\n showAssistFilter: false\r\n });\r\n };\r\n handleTravlerLocationClick = data => {\r\n this.setState({\r\n activeMarker: null,\r\n showingCommonInfoWindow: true,\r\n showingHotelInfoWindow: false,\r\n showingInfoWindow: false,\r\n infoWindowData: data,\r\n infoWindowType: \"traveler-location\",\r\n infoWindowPosition: new window.google.maps.LatLng(\r\n data.latitude,\r\n data.longitude\r\n ),\r\n showTravelerLocationFilter: false\r\n });\r\n };\r\n\r\n handleAssetTrackingClick = data => {\r\n let latlng = JSON.parse(data.points);\r\n this.setState({\r\n activeMarker: null,\r\n showingCommonInfoWindow: true,\r\n showingHotelInfoWindow: false,\r\n showingInfoWindow: false,\r\n infoWindowData: data,\r\n infoWindowType: \"asset-tracking\",\r\n infoWindowPosition: new window.google.maps.LatLng(latlng.lat, latlng.lng),\r\n showAssetTrackingFilter: false\r\n });\r\n };\r\n\r\n handleSingleAlertListClick = alert => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n var infowindow = new window.google.maps.InfoWindow();\r\n infowindow.setContent(\r\n \"- Alert: \" +\r\n alert.title +\r\n \"
- Date: \" +\r\n moment(new Date(alert.startDate * 1000).toUTCString()).format(\r\n \"MM/DD/YYYY\"\r\n ) +\r\n \"
- Location: \" +\r\n alert.location_explanation +\r\n \" \"\r\n );\r\n infowindow.setPosition({ lat: alert.geo.lat, lng: alert.geo.lng });\r\n infowindow.open(refs.map);\r\n refs.alertInfoWindow = infowindow;\r\n this.setState({ showAlertFilter: false });\r\n };\r\n\r\n onInfoWindowPersonTabClick = pnrId => {\r\n let flightPathData = this.state.flightPaths[pnrId];\r\n this.setState({\r\n singleFlightPath: flightPathData\r\n });\r\n };\r\n\r\n update = e => {\r\n if (e.target.checked) {\r\n if (\"alert\" === e.target.name) {\r\n this.setState({ isAlert: true });\r\n }\r\n if (\"person\" === e.target.name) {\r\n this.setState({ isPerson: true });\r\n }\r\n if (\"flight\" === e.target.name) {\r\n this.setState({ isFlight: true });\r\n }\r\n if (\"traveler-location\" === e.target.name) {\r\n this.setState({ isShowTravelerLocations: true });\r\n } else if (\"risklevel\" === e.target.name) {\r\n this.setStyle(\r\n refs.map,\r\n true,\r\n this.state.countriesListByRiskLevel,\r\n this.state.shownRiskLevelsArray\r\n );\r\n this.setState({\r\n isLowRiskLevelsChecked: true,\r\n isModerateRiskLevelsChecked: true,\r\n isMediumRiskLevelsChecked: true,\r\n isHighRiskLevelsChecked: true,\r\n isExtremeRiskLevelsChecked: true,\r\n isRiskLevel: true\r\n });\r\n }\r\n } else {\r\n if (\"alert\" === e.target.name) {\r\n this.setState({ isAlert: false });\r\n }\r\n if (\"person\" === e.target.name) {\r\n this.setState({ isPerson: false });\r\n }\r\n if (\"flight\" === e.target.name) {\r\n this.setState({ isFlight: false });\r\n }\r\n if (\"traveler-location\" === e.target.name) {\r\n this.setState({ isShowTravelerLocations: false });\r\n }\r\n if (\"risklevel\" === e.target.name) {\r\n this.setStyle(refs.map, false);\r\n this.setState({\r\n isLowRiskLevelsChecked: false,\r\n isModerateRiskLevelsChecked: false,\r\n isMediumRiskLevelsChecked: false,\r\n isHighRiskLevelsChecked: false,\r\n isExtremeRiskLevelsChecked: false,\r\n isRiskLevel: false\r\n });\r\n }\r\n }\r\n };\r\n\r\n handleCountryChange = code => {\r\n if (code === \"all\") {\r\n this.setState({ loading: true, selectedCountries: \"\" });\r\n } else {\r\n this.setState({ loading: true, selectedCountries: code });\r\n }\r\n\r\n this.getRiskLineAlertsByFilter(code, \"\", \"\", \"\", \"\");\r\n };\r\n\r\n handleRiskLevelChange = risklevel => {\r\n this.setState({ loading: true, selectedRiskLevels: risklevel.key });\r\n this.getRiskLineAlertsByFilter(\"\", risklevel.key, \"\", \"\", \"\");\r\n };\r\n\r\n handleDurationChange = time => {\r\n this.setState({ loading: true, selectedDuration: time.key });\r\n this.getRiskLineAlertsByFilter(\"\", \"\", time.key, \"\", \"\");\r\n };\r\n\r\n handleCategoryChange = catname => {\r\n if (catname === \"all\") {\r\n this.setState({ loading: true, selectedCategoryName: \"\" });\r\n } else {\r\n this.setState({ loading: true, selectedCategoryName: catname });\r\n }\r\n\r\n this.getRiskLineAlertsByFilter(\"\", \"\", \"\", catname, \"\");\r\n };\r\n\r\n handleShowNoticesChange = checked => {\r\n var alertType;\r\n if (checked) {\r\n alertType = \"Notices\";\r\n } else {\r\n alertType = \"All\";\r\n }\r\n this.setState({ loading: true, selectedAlertTypeName: alertType });\r\n this.getRiskLineAlertsByFilter(\"\", \"\", \"\", \"\", alertType);\r\n };\r\n\r\n onFilterRiskLevelColor = (levels, checked, name) => {\r\n if (levels.length == 5) {\r\n this.setState({ isRiskLevel: true });\r\n } else {\r\n this.setState({ isRiskLevel: false });\r\n }\r\n if (name === \"Low\") {\r\n this.setState({ isLowRiskLevelsChecked: checked });\r\n } else if (name === \"Moderate\") {\r\n this.setState({ isModerateRiskLevelsChecked: checked });\r\n } else if (name === \"Medium\") {\r\n this.setState({ isMediumRiskLevelsChecked: checked });\r\n } else if (name === \"High\") {\r\n this.setState({ isHighRiskLevelsChecked: checked });\r\n } else if (name === \"Extreme\") {\r\n this.setState({ isExtremeRiskLevelsChecked: checked });\r\n }\r\n this.setState({ shownRiskLevelsArray: levels });\r\n this.setStyle(refs.map, true, this.state.countriesListByRiskLevel, levels);\r\n };\r\n\r\n getRiskLineAlertsByFilter(ccode, risklevel, duration, category, type) {\r\n riskLineApi\r\n .risklineAlerts({\r\n filters: {\r\n countries:\r\n ccode === \"all\" ? \"\" : ccode ? ccode : this.state.selectedCountries,\r\n riskLevel: risklevel ? risklevel : this.state.selectedRiskLevels,\r\n days: duration ? duration : this.state.selectedDuration,\r\n categoryName:\r\n category === \"all\"\r\n ? \"\"\r\n : category\r\n ? category\r\n : this.state.selectedCategoryName,\r\n type: type ? type : this.state.selectedAlertTypeName\r\n },\r\n pagination: { page: 1, pageSize: 1000 },\r\n sorter: {}\r\n })\r\n .then(riskAlerts => {\r\n this._bindCordinates(riskAlerts.data);\r\n })\r\n .catch(ex => {});\r\n }\r\n\r\n handleResetAlertFilter = () => {\r\n this.setState({\r\n loading: true,\r\n selectedCountries: \"\",\r\n selectedRiskLevels: \"\",\r\n selectedCategoryName: \"\",\r\n selectedAlertTypeName: \"\",\r\n selectedDuration: \"1d\"\r\n });\r\n riskLineApi\r\n .risklineAlerts({\r\n filters: {\r\n countries: \"\",\r\n riskLevel: \"\",\r\n days: \"1d\",\r\n categoryName: \"\",\r\n type: \"\"\r\n },\r\n pagination: { page: 1, pageSize: 1000 },\r\n sorter: {}\r\n })\r\n .then(riskAlerts => {\r\n this._bindCordinates(riskAlerts.data);\r\n })\r\n .catch(ex => {});\r\n };\r\n\r\n handleTravlerClick = data => {\r\n let marker = new window.google.maps.Marker({\r\n position: new window.google.maps.LatLng(data[0].lat, data[0].lng),\r\n map: refs.map,\r\n vsible: false\r\n });\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n let flightPathData = this.state.flightPaths[data[0].pnrId];\r\n this.setState({\r\n activeMarker: null,\r\n showingInfoWindow: true,\r\n showingHotelInfoWindow: false,\r\n showingCommonInfoWindow: false,\r\n travelerInfoWindowData: data,\r\n showTravelerListFilter: false,\r\n infoWindowPosition: new window.google.maps.LatLng(\r\n data[0].lat,\r\n data[0].lng\r\n ),\r\n singleFlightPath: flightPathData,\r\n showFlightPath: true\r\n });\r\n };\r\n\r\n handleAssistDetailsTableChange = data => {\r\n this.setState({ assistTravelers: data });\r\n };\r\n\r\n handleTravelerDetailsTableChange = filter => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n //filter.startDate =moment(values.startDate).format(dbDateFormat)\r\n if (filter !== undefined) {\r\n filter.startDate =\r\n filter.startDate !== \"Invalid date\" &&\r\n filter.startDate !== \"\" &&\r\n filter.startDate !== undefined\r\n ? moment(filter.startDate).format(dbDateFormat)\r\n : \"\";\r\n filter.endDate =\r\n filter.endDate !== \"Invalid date\" &&\r\n filter.endDate !== \"\" &&\r\n filter.endDate !== undefined\r\n ? moment(filter.endDate).format(dbDateFormat)\r\n : \"\";\r\n }\r\n\r\n // Close Alert InfoWindow End\r\n this.props\r\n .getTravelersItinerariesByOrgId(\r\n this.state.currentUserOrgId,\r\n this.state.currentUserRole,\r\n {\r\n filters: filter ? filter : {},\r\n pagination: { page: 1, pageSize: 5 },\r\n sorter: {}\r\n }\r\n )\r\n .then(resp => {\r\n this.setState({\r\n airportLocation: resp.airportLocation,\r\n manageTravellers: resp.magnaTravellers,\r\n magnaTravelerHtoels: resp.magnaTravelerHtoels,\r\n hotelLocation: resp.hotelLocation,\r\n itineraries: resp.itineraries,\r\n flightPaths: resp.flightPaths,\r\n showingInfoWindow: false,\r\n showingCommonInfoWindow: false,\r\n showingHotelInfoWindow: false,\r\n singleFlightPath: \"\"\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleTravelerLocationFilterChange = (data, filters) => {\r\n this.setState({\r\n travelersLocationList: data,\r\n travelerLocationFilters: filters\r\n });\r\n };\r\n\r\n closeOtherInfoWindows = alerInfoWindow => {\r\n // Close Alert InfoWindow Start\r\n if (refs.alertInfoWindow && refs.alertInfoWindow !== alerInfoWindow) {\r\n refs.alertInfoWindow.close();\r\n }\r\n // Close Alert InfoWindow End\r\n\r\n refs.alertInfoWindow = alerInfoWindow;\r\n this.setState({\r\n showingInfoWindow: false,\r\n showingHotelInfoWindow: false,\r\n showingCommonInfoWindow: false\r\n });\r\n };\r\n\r\n onMapReady = ({ google }, map) => {\r\n refs.map = map;\r\n //map.data.loadGeoJson(config.API1 + \"/images/custom.geo.json\");\r\n map.data.loadGeoJson(\"https://api.captravelassistance.com/images/custom.geo.json\"); //using prod json for testing\r\n };\r\n\r\n setStyle = (map, apply, cData, shownRiskLevelsArray) => {\r\n refs.mapProjection = map.getProjection();\r\n /* @type {google.maps.Data.StyleOptions} */\r\n if (apply) {\r\n map.data.setStyle(function(feature) {\r\n var color = \"\";\r\n var fillOpacity = 0;\r\n if (feature.getProperty(\"wb_a2\")) {\r\n shownRiskLevelsArray.map(risklevel => {\r\n if (risklevel === cData[feature.getProperty(\"wb_a2\")]) {\r\n color = riskLevelColors[cData[feature.getProperty(\"wb_a2\")]];\r\n fillOpacity = 0.5;\r\n }\r\n });\r\n }\r\n return ({\r\n fillColor: color,\r\n // strokeColor: color,\r\n fillOpacity: fillOpacity,\r\n strokeWeight: 0\r\n });\r\n });\r\n } else {\r\n map.data.setStyle({ fillOpacity: 0, strokeWeight: 0 });\r\n }\r\n };\r\n\r\n _bindCordinates(riskAlerts) {\r\n var tempCordinateArray = [];\r\n var alertArray = [];\r\n riskAlerts.map((alert, index) => {\r\n if (alert.geo) {\r\n var alertIconName =\r\n alert.risk_level.toLowerCase() +\r\n \"-\" +\r\n alert.category_name.replace(/\\s+/g, \"-\").toLowerCase();\r\n alert[\"type\"] = \"alert\";\r\n alert[\"icon\"] = alertIconName + \".png\";\r\n\r\n tempCordinateArray[index] = alert;\r\n }\r\n });\r\n var j = 0;\r\n tempCordinateArray.map((riskalert, i) => {\r\n alertArray[j] = riskalert;\r\n j++;\r\n });\r\n\r\n this.setState({\r\n alertStore: alertArray,\r\n cloneStore: alertArray,\r\n loading: false\r\n });\r\n }\r\n\r\n fetchAssistTravelersList() {\r\n this.props\r\n .getAssistTravelersList({\r\n filters: {},\r\n pagination: { page: 1, pageSize: 5 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.setState({ assistTravelers: resp.data });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ loading: true });\r\n let currentUser = UserService.getUser();\r\n let userRole = currentUser.role;\r\n if (userRole === \"Administrator\") {\r\n orgId = 1;\r\n } else {\r\n orgId = currentUser.companyID;\r\n }\r\n await this.props\r\n .getTravelersItinerariesByOrgId(orgId, userRole, {\r\n filters: {\r\n startDate: currentStartDate,\r\n endDate: currentEndDate\r\n },\r\n pagination: { page: 1, pageSize: 5 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.setState({\r\n airportLocation: resp.airportLocation,\r\n hotelLocation: resp.hotelLocation,\r\n manageTravellers: resp.magnaTravellers,\r\n magnaTravelerHtoels: resp.magnaTravelerHtoels,\r\n itineraries: resp.itineraries,\r\n flightPaths: resp.flightPaths,\r\n currentUserOrgId: orgId,\r\n currentUserRole: userRole\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n\r\n this.fetchAssistTravelersList();\r\n\r\n await riskLineApi\r\n .getRiskLineCategories()\r\n .then(res => {\r\n this.setState({\r\n categoryList: res.categories\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n\r\n await API.getCountriesListByRegion()\r\n .then(resp => {\r\n var tempCountryArrayByRiskLevel = [];\r\n var tempCountryArray = [];\r\n resp.data.map((r, index) =>\r\n r.countryList.map(\r\n (c, index) => (\r\n (tempCountryArrayByRiskLevel[c.code] = c.riskLevel),\r\n tempCountryArray.push({\r\n countryName: c.countryName,\r\n code: c.code\r\n })\r\n )\r\n )\r\n );\r\n this.setStyle(\r\n refs.map,\r\n true,\r\n tempCountryArrayByRiskLevel,\r\n this.state.shownRiskLevelsArray\r\n );\r\n this.setState({\r\n countriesListByRiskLevel: tempCountryArrayByRiskLevel,\r\n countriesList: tempCountryArray\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n\r\n await riskLineApi\r\n .risklineAlerts({\r\n countries: {},\r\n riskLevel: {},\r\n filters: { days: \"1d\" },\r\n pagination: { page: 1, pageSize: 1000 },\r\n sorter: {}\r\n })\r\n .then(riskAlerts => {\r\n this._bindCordinates(riskAlerts.data);\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n\r\n await this.props\r\n .getTravelersList({\r\n filters: {},\r\n pagination: { page: 1, pageSize: 1000 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n this.setState({ travelersLocationList: resp.data });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n\r\n this.props\r\n .getAssetTracking(\r\n {\r\n filters: {},\r\n pagination: {\r\n page: 1,\r\n pageSize: 1000\r\n },\r\n sorter: {}\r\n },\r\n orgId\r\n )\r\n .then(resp => {\r\n this.setState({ assetTrackingList: resp.data });\r\n console.log(resp);\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n {this.state.showTravelerListFilter && (\r\n \r\n \r\n
\r\n {this.state.showAlertFilter && (\r\n \r\n \r\n
\r\n {this.state.showRiskLevelFilter && (\r\n \r\n \r\n
\r\n {this.state.showAssistFilter && (\r\n \r\n \r\n
\r\n {this.state.showTravelerLocationFilter && (\r\n \r\n \r\n
\r\n {this.state.showAssetTrackingFilter && (\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.tableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.pagination };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...customActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"custom-alert\" })(CustomAlertList);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n\r\n","import React, { Component } from \"react\";\r\nimport {\r\n Typography,\r\n Row,\r\n Col,\r\n Form,\r\n Input,\r\n Button,\r\n Upload,\r\n Radio,\r\n Icon,\r\n Select,\r\n Checkbox,\r\n message,\r\n TreeSelect,\r\n Spin,Popconfirm\r\n} from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as customAlertActions from \"../../../redux/actions/custom-alert-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport Axios from \"axios\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport config from \"../../../../../config\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as OrgActions from \"../../../redux/actions/organization-actions\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nconst options = [\r\n { label: \r\n
\r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\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 {this.state.uploadFileName != \"\" ? (\r\n \r\n
\r\n {this.state.uploadFileName}\r\n {/* this.removeUploadingFile()}\r\n >\r\n \r\n */}\r\n this.removeUploadingFile()}\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 {Permission.isRole(\"Administrator\") || Permission.isRole(\"CSR\") ? (\r\n \r\n \r\n {getFieldDecorator(\"bothAlertRecipients\", {\r\n initialValue: this.state.isBothAlertChecked,\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 {Permission.isRole(\"Administrator\") || Permission.isRole(\"CSR\") ? (\r\n \r\n {this.state.travelerData\r\n ? this.state.travelerData.map(function(item) {\r\n return (\r\n \r\n {item.firstName}{\" \"}\r\n {item.lastName ? item.lastName : \"\"}{\" \"}\r\n {item.userName ? \"<\" + item.userName + \">\" : \"\"}\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n {this.state.employeedata\r\n ? this.state.employeedata.map(function(item) {\r\n return (\r\n \r\n {item.firstName} {item.lastName}{\" \"}\r\n {item.userName ? \"<\" + item.userName + \">\" : \"\"}\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 {this.state.usercanreply ? (\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 {this.state.uploadFileName}\r\n {/*
\r\n \r\n {this.state.parentOrgs\r\n ? this.state.parentOrgs.map(function(item) {\r\n return (\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 {isAllOrgs !== false ? (\r\n 0 &&\r\n this.state.receptdata !== undefined\r\n ? this.state.receptdata\r\n : undefined\r\n }\r\n // onChange={handleChange}\r\n style={{ width: \"100%\" }}\r\n >\r\n {/* {children} */}\r\n \r\n \r\n 0\r\n ? this.state.empData\r\n : undefined\r\n }\r\n style={{ width: \"100%\" }}\r\n >\r\n {/* {children} */}\r\n \r\n \r\n
\r\n ,\r\n
\r\n {this.state.alertName}
\r\n \r\n{this.state.summary}
\r\n \r\n\r\n {this.state.description &&\r\n this.state.description !== \"undefined\"\r\n ? this.state.description\r\n : \"\"}\r\n
\r\n \r\n\r\n \r\n {this.state.fileName}\r\n \r\n\r\n {/* */}\r\n
{\" \"}\r\n \r\n \r\n {this.state.isEmailNotification ? \"Email\" : \"\"}{\" \"}\r\n {this.state.isPushNotification ? \"Push Notification\" : \"\"}{\" \"}\r\n {this.state.isSMSNotification ? \"SMS \" : \"\"}\r\n
\r\n \r\n{this.state.userCanReply ? \"Yes\" : \"No\"}
\r\n \r\n{moment(this.state.insertDate).format(\"MM/DD/YYYY - hh:mm \")}
\r\n \r\nAll
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n record.userChatId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.tableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...CustomAlertActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n CustomAlertuser\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { Typography, Row, Col, Tabs, Button, Form } from \"antd\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport CustomAlertViewin from \"../custom-alert/alert-view/alert-view\";\r\nimport CustomAlertuser from \"../custom-alert/alert-view/user-messags\";\r\nimport * as CustomAlertActions from \"../../../redux/actions/custom-alert-actions\";\r\nconst { TabPane } = Tabs;\r\n\r\nclass CustomAlertView extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\"../\")}\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\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...CustomAlertActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"Update-itinerary\" })(CustomAlertView);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n\r\nconst getInvoiceData = (id, data) => {\r\n return Axios.get(\"/api/Invoice/\" + id + \"?search=\"+ encodeURIComponent(JSON.stringify(data)), undefined);\r\n};\r\nconst updateInvoiceStatus = (data) => {\r\n return Axios.put(\"/api/InvoicePaymentStatus\" , data, undefined);\r\n};\r\nconst getInvoiceDetails = (id) => {\r\n return Axios.get(\"/api/Invoice/InvoiceDetail/\" + id, undefined);\r\n};\r\nexport default {\r\n getInvoiceData,\r\n updateInvoiceStatus,\r\n getInvoiceDetails\r\n};","import API from \"../api/invoice-api\";\r\n\r\nexport function getInvoices(orgId, { filters, pagination, sorter }) {\r\n return async function (dispatch, getState) {\r\n try {\r\n let resp = await API.getInvoiceData(orgId, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter\r\n });//console.log(resp);\r\n return resp;\r\n\r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}\r\nexport function updateInvoice(data) {\r\n return async function (dispatch, getState) {\r\n try {\r\n let resp = await API.updateInvoiceStatus(data)\r\n return resp;\r\n\r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}\r\nexport function getInvoice(invoiceId) {\r\n return async function (_dispatch, _getState) {\r\n try {\r\n let resp = await API.getInvoiceDetails(invoiceId);\r\n return resp;\r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Modal,\r\n Tooltip,\r\n Switch,\r\n Tag,\r\n Form,\r\n Select,\r\n TreeSelect,\r\n} from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as invoiceActions from \"../../../redux/actions/invoice-actions\";\r\nimport * as OrgActions from \"../../../redux/actions/organization-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport moment from \"moment\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nconst { Option } = Select;\r\n\r\nvar _poNumber;\r\nvar organizationName;\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nclass AccountBilling extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = \"invoices\";\r\n this.state = {\r\n currentSelectedParentOrg: 0,\r\n parentOrgCurrentPage: 1,\r\n loading: false,\r\n data: [],\r\n poNumber: \"\",\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {this.state.showbackbutton ? (\r\n this.props.history.goBack()}\r\n >\r\n
\r\n \r\n
\r\n
\r\n\r\n {(Permission.isRole(\"Administrator\") || Permission.isRole(\"CSR\")) &&\r\n !this.props.match.params.id ? (\r\n
\r\n \r\n \r\n record.invoiceId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.pagination,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...invoiceActions, ...OrgActions, ...paginationActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"custom-alert\" })(AccountBilling);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React from \"react\";\r\nimport {\r\n\t\tFont,\r\n Page,\r\n Text,\r\n View,\r\n Document,\r\n StyleSheet,\r\n\t\tImage\r\n} from \"@react-pdf/renderer\";\r\nimport logo from \"../../../../images/logo.png\";\r\nimport moment from \"moment\";\r\nimport OpenSansRegular from \"../../../../assets/fonts/open-sans/OpenSans-Regular.ttf\";\r\nimport OpenSansLight from \"../../../../assets/fonts/open-sans/OpenSans-Light.ttf\";\r\nimport OpenSansItalic from \"../../../../assets/fonts/open-sans/OpenSans-Italic.ttf\";\r\nimport OpenSansSemibold from \"../../../../assets/fonts/open-sans/OpenSans-SemiBold.ttf\";\r\nimport OpenSansBold from \"../../../../assets/fonts/open-sans/OpenSans-Bold.ttf\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\n\r\nFont.register({\r\n\tsrc: OpenSansRegular,\r\n\tfamily: 'Open Sans'\r\n});\r\nFont.register({\r\n family: 'Open Sans',\r\n src: OpenSansLight\r\n});\r\nFont.register({\r\n family: 'Open Sans',\r\n src: OpenSansItalic\r\n});\r\nFont.register({\r\n family: 'Open Sans',\r\n src: OpenSansSemibold\r\n});\r\nFont.register({\r\n family: 'Open Sans',\r\n src: OpenSansBold\r\n});\r\nconst styles = StyleSheet.create({\r\n\t\tpage: {\r\n\t\t\tcolor: '#222222',\r\n\t\t\tfontFamily: 'Open Sans',\r\n\t\t\twidth: 1170\r\n\t\t},\r\n\t\twrap: {\r\n\t\t\tflexDirection: 'row',\r\n\t\t\tborderTopWidth: 4,\r\n\t\t\tborderTopColor: '#146faf',\r\n\t\t\tborderTopStyle: 'solid',\r\n\t\t\talignItems: 'stretch'\r\n\t\t},\r\n\t\tcontainer: {\r\n\t\t\tpaddingTop: 20,\r\n\t\t\tpaddingLeft: 30,\r\n\t\t\tpaddingRight: 30\r\n\t\t},\r\n\t\trow: {\r\n\t\t\tflexGrow: 1,\r\n \tflexDirection: 'row',\r\n\t\t},\r\n\t\tspace1: {\r\n\t\t\theight: '20px'\r\n\t\t},\r\n\t\tlogo: {\r\n\t\t\twidth: 100\r\n\t\t},\r\n\t\tcompanyInfo: {\r\n\t\t\twidth: \"50%\",\r\n\t\t\tmarginTop: 10\r\n\t\t},\r\n\t\ttextCompanyInfo: {\r\n\t\t\tlineHeight: 1.5,\r\n\t\t\tfontSize: 10\r\n\t\t},\r\n\t\tinvoiceNumber: {\r\n\t\t\twidth: \"50%\",\r\n marginTop: 10,\r\n borderWidth: 2,\r\n\t\t\tborderColor: '#000',\r\n borderStyle: 'solid',\r\n textAlign: 'center'\r\n },\r\n textInvoiceNumber: {\r\n\t\t\tlineHeight: 1.5,\r\n fontSize: 11,\r\n fontWeight: 'light'\r\n },\r\n fontWeigthtNormal: {\r\n fontWeight: 'light'\r\n },\r\n billToHeading: {\r\n marginTop: '20px', \r\n fontWeight: 800,\r\n fontSize: 11.5\r\n\t\t},\r\n\t\tbold: {\r\n\t\t\tfontWeight: 'bold',\r\n\t\t\tfontSize: 9\r\n\t\t},\r\n\t\tsemibold: {\r\n\t\t\tfontWeight: 600,\r\n\t\t\tfontSize: 9\r\n\t\t},\r\n\t\tbillTo: {\r\n\t\t\tfontWeight: 'bold',\r\n\t\t\tlineHeight: 1.5,\r\n fontSize: 10\r\n\t\t},\r\n\t\ttable: { \r\n\t\t\tdisplay: \"table\", \r\n\t\t\twidth: \"auto\", \r\n\t\t\tborderStyle: \"solid\", \r\n\t\t\tborderWidth: 1, \r\n\t\t\tborderRightWidth: 0, \r\n\t\t\tborderBottomWidth: 0 \r\n\t\t}, \r\n\t\ttableRow: { \r\n\t\t\tmargin: \"auto\", \r\n\t\t\tflexDirection: \"row\" \r\n\t\t}, \r\n\t\ttableCol: { \r\n\t\t\twidth: \"25%\", \r\n\t\t\tborderStyle: \"solid\", \r\n\t\t\tborderWidth: 1, \r\n\t\t\tborderLeftWidth: 0, \r\n\t\t\tborderTopWidth: 0 \r\n\t\t}, \r\n\t\ttableCell: { \r\n\t\t\tmargin: \"auto\", \r\n\t\t\tmarginTop: 5, \r\n\t\t\tfontSize: 10,\r\n\t\t\tpadding: '5px'\r\n\t\t},\r\n\t\ttableCellHeading: { \r\n\t\t\tmargin: \"auto\", \r\n\t\t\tmarginTop: 5, \r\n\t\t\tfontSize: 10,\r\n\t\t\tfontWeight: 'bold'\r\n\t\t},\r\n\t\ttotalContainer: {\r\n\t\t\tborderWidth: 1,\r\n\t\t\tborderColor: '#000',\r\n\t\t\tborderStyle: 'solid',\r\n\t\t\tflexGrow: 1\r\n\t\t},\r\n\t\ttotalContainerLeft: {\r\n\t\t\tpadding: '5px',\r\n\t\t\tborderRightWidth: 1,\r\n\t\t\tborderRightColor: '#000',\r\n borderRightStyle: 'solid',\r\n\t\t\ttextAlign: 'center',\r\n\t\t\twidth: '65%'\r\n\t\t},\r\n\t\ttotalContainerRight: {\r\n\t\t\tpadding: '5px',\r\n\t\t\twidth: '35%'\r\n\t\t}\r\n\t});\r\n\r\nclass PdfDocument extends React.Component {\r\n\tformatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n\t});\r\n\r\n\trender() {\r\n\t\tlet invoiceData = this.props.data;\r\n\t\tlet invoiceLabels = this.props.labels;\r\n\t\tlet termDays = 0;\r\n\t\tif (invoiceData) {\r\n\t\t\tlet createdDate = moment(invoiceData.createDate);\r\n\t\t\tlet dueDate = moment(invoiceData.dueDate);\r\n\t\t\ttermDays = Math.ceil(dueDate.diff(createdDate, \"days\", true));\r\n\t\t }\r\n\t\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n
\r\n \r\n \r\n \r\n {this.state.parentOrganizations\r\n ? this.state.parentOrganizations.map(function(item) {\r\n return (\r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.currentSelectedParentOrg > 0 &&\r\n this.state.childOrgs.length > 0 ? (\r\n \r\n
\r\n \r\n {getFieldDecorator(\"childOrgs\")(\r\n 0\r\n ? this.props.match.params.divid\r\n : this.props.match.params.id) ||\r\n this.state.currentSelectedParentOrg\r\n }\r\n style={{ width: \"100%\" }}\r\n dropdownStyle={{ maxHeight: 400, overflow: \"auto\" }}\r\n treeData={this.state.childOrgs}\r\n onChange={this.onChangeOrganizationTree}\r\n treeDefaultExpandAll={true}\r\n />\r\n )}\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {this.state.invoiceData != null ? (\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...invoiceActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"view-invoice\" })(OrganizationInvoice);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as travelerItineraryActions from \"../../../../redux/actions/travelers-itinerary-action\";\r\nimport moment from \"moment\";\r\nimport { Tooltip } from \"antd\";\r\n\r\nconst dateFormat = \"MM/DD/YYYY HH:mm\";\r\nconst orgDateFormat = \"HH:mm\";\r\n\r\nlet flightStatus = {\r\n L: \"LANDED\",\r\n LANDED: \"LANDED\",\r\n SCHEDULED: \"SCHEDULED\",\r\n S: \"SCHEDULED\",\r\n A: \"In-Transit\",\r\n};\r\n\r\nlet travelerItineraries = {};\r\nlet hotelCount = 0;\r\nlet carCount = 0;\r\nlet flightCount = 0;\r\n\r\nclass TravelerItineraryViewer extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataLoaded: false,\r\n travelerEmail: \"\",\r\n pnrId: 0,\r\n itineraryDetails: \"\",\r\n itineraryHeader: \"\",\r\n itineraryOrganization: \"\",\r\n itineraryRemarks: \"\",\r\n itineraryCars: \"\",\r\n userDetail: {},\r\n emailaddress: [],\r\n };\r\n }\r\n componentDidMount() {\r\n if (\r\n this.props.match.params &&\r\n this.props.match.params.email &&\r\n this.props.match.params.pnrId\r\n ) {\r\n this.props\r\n .getItineraryByPnrIdAndEmail({\r\n email: this.props.match.params.email,\r\n pnrId: this.props.match.params.pnrId,\r\n })\r\n .then((resp) => {\r\n this._bindItineraryDetails(resp);\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n }\r\n\r\n _bindItineraryDetails(data) {\r\n let emailadd = [];\r\n data.header.emailAddresses.forEach(function(email) {\r\n let ema = email + \" \";\r\n emailadd.push(ema);\r\n });\r\n\r\n data.flights &&\r\n data.flights.map((flight, i) => {\r\n travelerItineraries[flight.pnrSegmentNumber] = [];\r\n travelerItineraries[flight.pnrSegmentNumber].push({\r\n key: \"Flight\",\r\n value: flight,\r\n });\r\n });\r\n\r\n data.hotels &&\r\n data.hotels.map((hotel, i) => {\r\n travelerItineraries[hotel.pnrSegmentNumber] = [];\r\n travelerItineraries[hotel.pnrSegmentNumber].push({\r\n key: \"Hotel\",\r\n value: hotel,\r\n });\r\n });\r\n\r\n data.cars &&\r\n data.cars.map((car, i) => {\r\n travelerItineraries[car.pnrSegmentNumber] = [];\r\n travelerItineraries[car.pnrSegmentNumber].push({\r\n key: \"Car\",\r\n value: car,\r\n });\r\n });\r\n\r\n this.setState({\r\n itineraryHeader: data.header,\r\n itineraryOrganization: data.organization,\r\n itineraryRemarks: data.remarks,\r\n itineraryCars: data.cars,\r\n itineraryDetails: travelerItineraries,\r\n emailaddress: emailadd,\r\n userDetail: data.userDetail,\r\n dataLoaded: true,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n this.state.dataLoaded && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n \r\n FocusPoint International Inc.\r\n
\r\n 15830 Foltz Parkway\r\n
\r\n Strongsville, Ohio 44149\r\n
\r\n (440) 878-7600\r\n
\r\n (440) 878-0092 Fax\r\n
\r\n Federal ID No. 47-4612937\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 Bill to:\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* \r\n Ship\r\n \r\n
\r\n Company Address:\r\n
\r\n Company Contact:\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\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 15830 FOLTZ INDUSTRIAL PARKWAY;
\r\n CLEVELAND OH 44149\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n 15830 Foltz Parkway\r\n
\r\n Strongsville, Ohio 44149\r\n
\r\n (440) 878-7600\r\n
\r\n (440) 878-0092 Fax\r\n
\r\n Federal ID No. 47-4612937\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 Company Address:\r\n
\r\n Company Contact:\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n 15830 FOLTZ INDUSTRIAL PARKWAY;
\r\n CLEVELAND OH 44149\r\n \r\n
\r\n {this.state.itineraryHeader && (\r\n \r\n
\r\n )}\r\n\r\n {this.state.itineraryDetails\r\n ? (((flightCount = 0), (hotelCount = 0), (carCount = 0)),\r\n Object.entries(this.state.itineraryDetails).map(([key, data]) => {\r\n if (data[0].key === \"Flight\") {\r\n flightCount++;\r\n return (\r\n \r\n
\r\n );\r\n } else if (data[0].key === \"Hotel\") {\r\n hotelCount++;\r\n return (\r\n \r\n
\r\n );\r\n } else if (data[0].key === \"Car\") {\r\n carCount++;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }))\r\n : \"\"}\r\n\r\n {this.state.itineraryRemarks &&\r\n this.state.itineraryRemarks.map((remark, i) => (\r\n \r\n {i == 0 && (\r\n
\r\n ))}\r\n
\r\n )\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travelerItineraryActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n TravelerItineraryViewer\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as travelerItineraryActions from \"../../../../redux/actions/travelers-itinerary-action\";\r\nimport moment from \"moment\";\r\nimport { Tooltip } from \"antd\";\r\n\r\nconst dateFormat = \"MM/DD/YYYY HH:mm\";\r\nconst orgDateFormat = \"HH:mm\";\r\n\r\nlet flightStatus = {\r\n L: \"LANDED\",\r\n LANDED: \"LANDED\",\r\n SCHEDULED: \"SCHEDULED\",\r\n S: \"SCHEDULED\",\r\n A: \"In-Transit\"\r\n};\r\n\r\nlet travelerItineraries = {};\r\nlet hotelCount = 0;\r\nlet carCount = 0;\r\nlet flightCount = 0;\r\n\r\nclass TravelerManualItineraryViewer extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataLoaded: false,\r\n travelerEmail: \"\",\r\n pnrId: 0,\r\n itineraryDetails: \"\",\r\n itineraryHeader: \"\",\r\n itineraryOrganization: \"\",\r\n itineraryRemarks: \"\",\r\n itineraryCars: \"\",\r\n userDetail: {},\r\n emailaddress: []\r\n };\r\n }\r\n componentDidMount() {\r\n if (\r\n this.props.match.params &&\r\n this.props.match.params.pnrId\r\n ) {\r\n this.props\r\n .getManualItineraryByPnrIdAndEmail({\r\n pnrId: this.props.match.params.pnrId\r\n })\r\n .then(resp => {\r\n this._bindItineraryDetails(resp);\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n }\r\n\r\n _bindItineraryDetails(data) {\r\n let emailadd = [];\r\n data.emailAddresses.forEach(function(email) {\r\n let ema = email + \" \";\r\n emailadd.push(ema);\r\n });\r\n \r\n data.flights &&\r\n data.flights.map((flight, i) => {\r\n travelerItineraries[i] = [];\r\n travelerItineraries[i].push({\r\n key: \"Flight\",\r\n value: flight\r\n });\r\n });\r\n \r\n \r\n data.hotels &&\r\n data.hotels.map((hotel, i) => {\r\n travelerItineraries[hotel.pnrSegmentNumber] = [];\r\n travelerItineraries[hotel.pnrSegmentNumber].push({\r\n key: \"Hotel\",\r\n value: hotel\r\n });\r\n });\r\n \r\n \r\n data.cars &&\r\n data.cars.map((car, i) => {\r\n travelerItineraries[car.pnrSegmentNumber] = [];\r\n travelerItineraries[car.pnrSegmentNumber].push({\r\n key: \"Car\",\r\n value: car\r\n });\r\n });\r\n \r\n \r\n console.log('travelerItineraries',travelerItineraries)\r\n this.setState({\r\n itineraryHeader: data,\r\n //itineraryOrganization: data.organization,\r\n itineraryRemarks: data.remarks,\r\n itineraryCars: data.cars,\r\n itineraryDetails: travelerItineraries,\r\n emailaddress: emailadd,\r\n userDetail: data,\r\n dataLoaded: true\r\n });\r\n }\r\n\r\n render() {\r\n \r\n return (\r\n this.state.dataLoaded && (\r\n | Passenger Info | \r\n|||
|---|---|---|---|
| First Name: | \r\n\r\n {this.state.itineraryHeader.passengers &&\r\n this.state.itineraryHeader.passengers[0] &&\r\n this.state.itineraryHeader.passengers[0][\"firstName\"]}\r\n | \r\nLast Name | \r\n\r\n {this.state.itineraryHeader.passengers &&\r\n this.state.itineraryHeader.passengers[0] &&\r\n this.state.itineraryHeader.passengers[0][\"lastName\"]}\r\n | \r\n
| PNR General Info | \r\n|||
| PNR: | \r\n{this.state.itineraryHeader.pnrNumber} | \r\nInvoice: | \r\nItinerary | \r\n
| Customer: | \r\n{this.state.itineraryHeader.accountNumber} | \r\nOrg: | \r\n{this.state.itineraryOrganization.name} | \r\n
| \r\n {flightCount + \" \"}\r\n {data[0].key}\r\n | \r\n|||
|---|---|---|---|
| \r\n {moment(data[0].value.departure.datetime).format(\r\n dateFormat\r\n )}\r\n | \r\n|||
| Air Vendor: | \r\n\r\n {data[0].value.airVendorCode +\r\n \" \" +\r\n data[0].value.airVendor}\r\n | \r\nFlight Number: | \r\n{data[0].value.flightNumber} | \r\n
| Leaving From: | \r\n\r\n {data[0].value.departure.airportCode +\r\n \" \" +\r\n data[0].value.departure.airport}\r\n | \r\nDeparts: | \r\n\r\n {moment(data[0].value.departure.datetime).format(\r\n dateFormat\r\n )}\r\n {data[0].value.departure.originalDatetime &&\r\n data[0].value.departure.originalDatetime !==\r\n data[0].value.departure.datetime ? (\r\n \r\n original\r\n {\" \" +\r\n moment(\r\n data[0].value.departure.originalDatetime\r\n ).format(orgDateFormat)}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n
| Arriving To: | \r\n\r\n {data[0].value.arrival.airportCode +\r\n \" \" +\r\n data[0].value.arrival.airport}\r\n | \r\nArrives: | \r\n\r\n {moment(data[0].value.arrival.datetime).format(\r\n dateFormat\r\n )}\r\n {data[0].value.arrival.originalDatetime &&\r\n data[0].value.arrival.originalDatetime !==\r\n data[0].value.arrival.datetime ? (\r\n \r\n original\r\n {\" \" +\r\n moment(\r\n data[0].value.arrival.originalDatetime\r\n ).format(orgDateFormat)}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n
| Passengers: | \r\n\r\n\r\n | \r\n Flight Status: | \r\n{flightStatus[data[0].value.status]} | \r\n
| \r\n {hotelCount + \" \"} {data[0].key}\r\n | \r\n|||
|---|---|---|---|
| \r\n {moment(data[0].value.checkinDate).format(\r\n \"MM/DD/YYYY\"\r\n )}\r\n | \r\n|||
| Hotel Vendor: | \r\n{data[0].value.name} | \r\nHotel Name: | \r\n{data[0].value.originalName} | \r\n
| Hotel Address: | \r\n{data[0].value.address} | \r\nCity Code: | \r\n{data[0].value.cityCode} | \r\n
| Check-in Date: | \r\n\r\n {moment(data[0].value.checkinDate).format(\r\n \"MM/DD/YYYY\"\r\n )}\r\n | \r\nCheck-out Date: | \r\n\r\n {moment(data[0].value.checkoutDate).format(\r\n \"MM/DD/YYYY\"\r\n )}\r\n | \r\n
| \r\n {carCount + \" \"} {data[0].key}\r\n | \r\n|||
|---|---|---|---|
| \r\n {moment(data[0].value.pickupDatetime).format(\r\n dateFormat\r\n )}\r\n | \r\n|||
| Car Vendor: | \r\n\r\n {data[0].value.vendorCode +\r\n \" \" +\r\n data[0].value.vendorName}\r\n | \r\nCar Type: | \r\n{data[0].value.carType} | \r\n
| Pick Up Location: | \r\n{data[0].value.pickupLocationName} | \r\nReturn Location: | \r\n{data[0].value.returnLocationName} | \r\n
| Pick Up Date: | \r\n\r\n {moment(data[0].value.pickupDatetime).format(\r\n dateFormat\r\n )}\r\n | \r\nReturn Date: | \r\n\r\n {moment(data[0].value.returnDatetime).format(\r\n dateFormat\r\n )}\r\n | \r\n
| Confirmation Number: | \r\n{data[0].value.confirmationNumber} | \r\n
| REMARKS | \r\n
|---|
| {remark.text} | \r\n
\r\n {this.state.itineraryHeader && (\r\n \r\n
\r\n )}\r\n\r\n {this.state.itineraryDetails\r\n ? (((flightCount = 0), (hotelCount = 0), (carCount = 0)),\r\n Object.entries(this.state.itineraryDetails).map(([key, data]) => { if (data[0].key === \"Flight\") {\r\n flightCount++;\r\n return(\r\n \r\n
\r\n )\r\n \r\n }}))\r\n : \"\"}\r\n\r\n {this.state.itineraryRemarks &&\r\n this.state.itineraryRemarks.map((remark, i) => (\r\n \r\n {i == 0 && (\r\n
\r\n ))}\r\n
\r\n )\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travelerItineraryActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n TravelerManualItineraryViewer\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\nconst notifyUser = data => {\r\n return Axios.post(\"/Notification/push\", data, undefined);\r\n};\r\nconst getNotifications = data => {\r\n return Axios.get(\"/api/NotificationMessages?search=\"+encodeURIComponent(JSON.stringify(data)), undefined, undefined);\r\n};\r\nconst updateNotificationStatus = data => {\r\n return Axios.put(\"/api/NotificationMessages\", data, undefined);\r\n};\r\nconst getNotificationsCount = id => {\r\n return Axios.get(\"/api/TravelerBasicInfo/\"+id, undefined, undefined);\r\n};\r\nconst registerFCMDevice = (userId, args) => {\r\n return Axios.post(\"/api/Device/add/\"+userId, args, undefined);\r\n};\r\nexport default {\r\n notifyUser,\r\n getNotifications,\r\n updateNotificationStatus,\r\n getNotificationsCount,\r\n registerFCMDevice\r\n};\r\n","import API from '../api/notification-api'\r\nimport {\r\n Types\r\n} from \"../constants/user-types\";\r\nimport { Types as NotificationTypes } from \"../constants/notification-types\";\r\nexport function getNotificationsList(data) {\r\n return async function(dispatch, _getState) {\r\n try {\r\n let countryAndTierInfo = await API.getNotifications(data);\r\n return countryAndTierInfo;\r\n\r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}\r\nexport function updateNotificationStatus(data) {\r\n return async function(dispatch, _getState) {\r\n try {\r\n let countryAndTierInfo = await API.updateNotificationStatus(data);\r\n return countryAndTierInfo;\r\n\r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}\r\nexport function getNotificationsCount(userId) {\r\n return async function(_dispatch, _getState) {\r\n try {\r\n let notificationsCount = await API.getNotificationsCount(userId);\r\n _dispatch({\r\n type: Types.UPDATE_NOTIFICATION_COUNT,\r\n payload: (notificationsCount.data) ? notificationsCount.data.unreadNotificationCount : 0\r\n });\r\n return (notificationsCount.data) ? notificationsCount.data.unreadNotificationCount : 0;\r\n\r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}\r\n\r\nexport function updateNotifcationCount(cnt) {\r\n return async function(_dispatch, _getState) {\r\n _dispatch({\r\n type: Types.INC_NOTIFICATION_COUNT,\r\n payload: cnt\r\n });\r\n \r\n };\r\n}\r\n\r\nexport function registerFCMDevice(userId, args) {\r\n return async function(dispatch, _getState) {\r\n let response = await API.registerFCMDevice(userId, args);\r\n if(response.data && response.data.success === true){\r\n dispatch({\r\n type: NotificationTypes.FCM_DEVICE_ADDED,\r\n payload: {\r\n status: true,\r\n token: args.uniqueId\r\n }\r\n });\r\n }\r\n };\r\n}","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Col, Row, Typography, Button, Icon, Table, Menu,Dropdown } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../services/intlMesseges\";\r\nimport * as NotificationActions from \"../../redux/actions/notifications-actions\"\r\nimport * as paginationActions from \"../../redux/actions/pagination-actions\"\r\nimport * as notificationActions from \"../../redux/actions/notifications-actions\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { notifyUser } from \"../../services/notification-service\";\r\nimport AppLocale from \"../../../app/languageProvider\";\r\nimport * as UserService from \"../../services/user-service\";\r\nimport moment from 'moment';\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\n\r\n\r\n\r\nclass Notifications extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'notifications';\r\n this.state = {\r\n isLoading: false,\r\n data: [],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n | Passenger Info | \r\n|||||
|---|---|---|---|---|---|
| First Name: | \r\n{this.state.userDetail.firstName} | \r\nLast Name | \r\n{this.state.userDetail.lastName} | \r\n||
| PNR General Info | \r\n|||||
| Invoice: | \r\nItinerary | \r\nOrg: | \r\n{this.state.userDetail.orgName} | \r\n {/*\r\n | */}\r\n |
| Customer: | \r\n{this.state.userDetail.accountNumber} | \r\n \r\n
| \r\n {flightCount + \" \"}\r\n {data[0].key}\r\n | \r\n|||
|---|---|---|---|
| \r\n {moment(data[0].value.departureDateTime).format(\r\n dateFormat\r\n )}\r\n | \r\n|||
| Air Vendor: | \r\n\r\n {data[0].value.airVendorCode ==\"\" || data[0].value.airVendorCode == null && data[0].value.airVendor ==\"\" || data[0].value.airVendor == null ? \"Not Available\" :\r\n data[0].value.airVendorCode + \" \" + data[0].value.airVendor}\r\n | \r\nFlight Number: | \r\n{data[0].value.flightNumber ? data[0].value.flightNumber : \"Not Available\"} | \r\n
| Leaving From: | \r\n\r\n {data[0].value.departureAirportCode +\r\n \" \" +\r\n data[0].value.departureAirport}\r\n | \r\nDeparts: | \r\n\r\n {moment(data[0].value.departureDateTime).format(\r\n dateFormat\r\n )}\r\n {data[0].value.departureOriginalDatetime &&\r\n data[0].value.departureOriginalDatetime !==\r\n data[0].value.departureDateTime ? (\r\n \r\n original\r\n {\" \" +\r\n moment(\r\n data[0].value.departureOriginalDatetime\r\n ).format(orgDateFormat)}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n
| Arriving To: | \r\n\r\n {data[0].value.arrivalAirportCode +\r\n \" \" +\r\n data[0].value.arrivalAirport}\r\n | \r\nArrives: | \r\n\r\n {moment(data[0].value.arrivalDateTime).format(\r\n dateFormat\r\n )}\r\n {data[0].value.arrivalOriginalDatetime &&\r\n data[0].value.arrivalOriginalDatetime !==\r\n data[0].value.arrivalDateTime ? (\r\n \r\n original\r\n {\" \" +\r\n moment(\r\n data[0].value.arrivalOriginalDatetime\r\n ).format(orgDateFormat)}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n
| Passengers: | \r\n\r\n\r\n | \r\n Flight Status: | \r\n{data[0].value.status} | \r\n
| REMARKS | \r\n
|---|
| {remark.text} | \r\n
\r\n {record.isRead === false ?\r\n {this.updatenotificationstatus(record.notificationMessagesId,idx)}}>\r\n {record.title}\r\n \r\n :\r\n {this.updatenotificationstatus(record.notificationMessagesId,idx)}}>{record.title}\r\n }\r\n
\r\n )\r\n },\r\n {\r\n title: \r\n
\r\n )\r\n },\r\n {\r\n title: \r\n
\r\n \r\n {record.isRead === false ?\r\n \r\n :\r\n \r\n }\r\n
\r\n )\r\n },\r\n ];\r\n };\r\n async componentDidMount() {\r\n this.props.clearPaginationExceptMe(this.module);\r\n if(this.props.paginginfo && this.props.paginginfo[this.module]){\r\n this.handleTableChange(this.props.paginginfo[this.module].pagination, this.props.paginginfo[this.module].filter, {},true);\r\n if(this.props.paginginfo[this.module].filters){\r\n let filters = this.props.paginginfo[this.module].filters\r\n Object.keys(filters).map(k=> {filters[k].auto = false});\r\n this.setState({filters : filters});\r\n }\r\n } else {\r\n this.handleTableChange({ current: 1, pageSize: 10 }, {}, {}, true);\r\n }\r\n }\r\n handleTableChange = (pagination, filters, sorter, manual) => {\r\n if(filters === undefined) filters={};\r\n Object.keys(filters).map( key => { if((!filters[key]) || (Array.isArray(filters[key]) && filters[key].length===0)) { delete filters[key] }} )\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n if(manual !== true)\r\n {\r\n this.props.updatePaginationRemoveOld({module:this.module, filter: filters,\r\n pagination: { current: pagination.current, pageSize: pagination.pageSize }})\r\n }\r\n this.setState({ loading: true });\r\n this.props\r\n .getNotificationsList({\r\n filters: filters,\r\n pagination: { page: pagination.current, pageSize: pagination.pageSize },\r\n sorter: sorter\r\n })\r\n .then(resp => {\r\n pager.total = resp.paging.totalRecords;\r\n let data = resp.data;\r\n this.setState({\r\n loading: false,\r\n data: data,\r\n pagination: pager\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n handleSearch = (\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n ) => {\r\n if(selectedKeys === \"\"){\r\n return false;\r\n }\r\n \r\n this.setState({ searchText: selectedKeys });\r\n let filters = this.state.filters;\r\n filters[dataIndex] = {\r\n val: selectedKeys,\r\n clearf: clearFilters,\r\n filter: true,\r\n setSelectedKeys: setSelectedKeys,\r\n confirm: confirm,\r\n auto:true\r\n };\r\n this.setState({ filters: filters });\r\n this.props.updateFilters({module:this.module, filters: filters})\r\n confirm();\r\n };\r\n\r\n handleReset = (clearFilters, dataIndex) => {\r\n clearFilters();\r\n let filters = this.state.filters;\r\n if (filters[dataIndex]) {\r\n if(filters[dataIndex].setSelectedKeys && typeof filters[dataIndex].setSelectedKeys === 'function'){\r\n filters[dataIndex].setSelectedKeys(\"\");\r\n }\r\n //filters[dataIndex].confirm();\r\n }\r\n if(filters[dataIndex] && !filters[dataIndex].auto){\r\n delete this.props.paginginfo[this.module].filter[dataIndex];\r\n this.handleTableChange({ current: 1, pageSize: 10 }, this.props.paginginfo[this.module].filter, {});\r\n \r\n }\r\n filters[dataIndex] = { val: \"\", clearf: \"\", filter: false };\r\n this.setState({ filters: filters });\r\n this.props.updateFilters({module: this.module, filters: filters})\r\n this.setState({ searchText: \"\" });\r\n };\r\n\r\n handleMenuClick=(e) => {\r\n //message.info('Click on menu item.');\r\n console.log('click', e);\r\n this.updatenotificationstatus(e.key,0);\r\n }\r\n\r\n render() {\r\n\r\n const menu = (\r\n \r\n );\r\n \r\n let _state = this.state;\r\n let _this = this;\r\n let filtertag = Object.keys(this.state.filters).map(function (key1) {\r\n let keyLabel = _this.getHeaderKeys().find(el => el.dataIndex === key1);\r\n if (keyLabel.title.props && keyLabel.title.props.id) {\r\n keyLabel = \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 record.notificationMessagesId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.pagination };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...NotificationActions, ...paginationActions, ...notificationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(Notifications)\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\nimport Config from \"../../../../config\";\r\n\r\nconst getActiveTravelers = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/ActiveTravelers?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/ActiveTravelers?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getActiveManualTravelers = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/ActiveTravelers?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/ActiveTravelers?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/ActiveTravelers?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/ActiveTravelers?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravelersCsv = (type, orgId, userRole, data) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/ActiveTravelers?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/ActiveTravelers?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/ActiveTravelers?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/ActiveTravelers?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravelersByDestandTime = (orgId, userRole, data, key) => {\r\n let url;\r\n if (userRole === \"Administrator\" && key != 3) {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else if (userRole === \"Administrator\" && key == 3) {\r\n url =\r\n \"api/ItineraryReporting/GetUnmappedTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByDestination?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByDestandTime = (orgId, userRole, data, key) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerByDestination?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByDestandTimeCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByDestination?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\n\r\nconst getUnmappedTravelersByDestandTimeCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetUnmappedTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetUnmappedTravelerByDestination?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravelersByDestandTimeCsv = (type, orgId, userRole, data) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else if (type == \"nonCap\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/UnmappedGetTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByDestination?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByDestination?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByDestination?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getWhereAreMyTravelers = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerActiveLocation?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerActiveLocation?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualWhereAreMyTravelers = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerActiveLocation?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerActiveLocation?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualWhereAreMyTravelersCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerActiveLocation?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerActiveLocation?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechWhereAreMyTravelersCsv = (type, orgId, userRole, data) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerActiveLocation?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerActiveLocation?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerActiveLocation?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerActiveLocation?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravelersByFlightType = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerFlightType?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerFlightType?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByFlightType = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerFlightType?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerFlightType?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByFlightTypeCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerFlightType?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerFlightType?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravelersByFlightTypeCsv = (type, orgId, userRole, data) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerFlightType?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerFlightType?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerFlightType?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerFlightType?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravelersByFlightSegment = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByFlightSegment?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByFlightSegment?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByFlightSegment = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerByFlightSegment?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerByFlightSegment?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByFlightSegmentCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByFlightSegment?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByFlightSegment?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravelersByFlightSegmentCsv = (\r\n type,\r\n orgId,\r\n userRole,\r\n data\r\n) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByFlightSegment?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByFlightSegment?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByFlightSegment?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByFlightSegment?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravelersByActiveCar = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByActiveCar?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByActiveCar?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getTravelersByActiveCarCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByActiveCar?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByActiveCar?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getTravelersByAirport = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ItineraryReporting/GetTravelerByAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByAirport = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerByAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"api/ManualItineraryReporting/GetTravelerByAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByAirportCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravelersByAirportCsv = (type, orgId, userRole, data) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravelersByArrivalAirport = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByArrivalAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByArrivalAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByArrivalAirport = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerByArrivalAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerByArrivalAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByArrivalAirportCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByArrivalAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByArrivalAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravelersByArrivalAirportCsv = (\r\n type,\r\n orgId,\r\n userRole,\r\n data\r\n) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByArrivalAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByArrivalAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByArrivalAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByArrivalAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravelersByDepatureAirport = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByDepartureAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByDepartureAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByDepatureAirport = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerByDepartureAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerByDepartureAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravelersByDepatureAirportCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByDepartureAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByDepartureAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravelersByDepatureAirportCsv = (\r\n type,\r\n orgId,\r\n userRole,\r\n data\r\n) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByDepartureAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByDepartureAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByDepartureAirportCode?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByDepartureAirportCode?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravellersByFlightNumber = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByFlightSearch?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByFlightSearch?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getTravellersByPnrNumber = (orgId, pnrNumber, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByPnrSearch?pnrNumber=\" +\r\n pnrNumber +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByPnrSearch?orgId=\" +\r\n orgId +\r\n \"&pnrNumber=\" +\r\n pnrNumber +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravellersByFlightNumber = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerByFlightSearch?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelerByFlightSearch?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualTravellersByFlightNumberCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByFlightSearch?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelerByFlightSearch?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechTravellersByFlightNumberCsv = (\r\n type,\r\n orgId,\r\n userRole,\r\n data\r\n) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByFlightSearch?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByFlightSearch?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByFlightSearch?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelerByFlightSearch?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getActiveTravelersByHotel = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByActiveHotel?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelerByActiveHotel?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getActiveTravelersByHotelCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByActiveHotel?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelerByActiveHotel?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getEmployeeOnSameFlight = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelersOnSameFlight?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelersOnSameFlight?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualEmployeeOnSameFlight = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelersOnSameFlight?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelersOnSameFlight?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getManualEmployeeOnSameFlightCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelersOnSameFlight?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelersOnSameFlight?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getMagnatechEmployeeOnSameFlightCsv = (type, orgId, userRole, data) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelersOnSameFlight?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelersOnSameFlight?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelersOnSameFlight?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelersOnSameFlight?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getTravellersByRiskLevel = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelersByRiskAlert?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetTravelersByRiskAlert?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getActiveManualTravelersByRiskLevel = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelersByRiskAlert?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/GetTravelersByRiskAlert?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getActiveManualTravelersByRiskLevelCSV = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelersByRiskAlert?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ManualItineraryReporting/Export/GetTravelersByRiskAlert?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nconst getActiveMagnatechTravelersByRiskLevelCSV = (\r\n type,\r\n orgId,\r\n userRole,\r\n data\r\n) => {\r\n let url;\r\n if (type == \"magnatech\") {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelersByRiskAlert?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetTravelersByRiskAlert?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n } else {\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelersByRiskAlert?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/CombinedItineraryReporting/Export/GetTravelersByRiskAlert?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n }\r\n};\r\n\r\nconst getActiveAlertList = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetAffectedUser?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetAffectedUser?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getAffectedTravelersByAlerts = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/GetAffectedUserListByRiskLineAlert?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/GetAffectedUserListByRiskLineAlert?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Axios.get(url, undefined, undefined);\r\n};\r\n\r\nconst getAffectedTravelersByAlertsCsv = (orgId, userRole, data) => {\r\n let url;\r\n if (userRole === \"Administrator\") {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetAffectedUserListByRiskLineAlert?search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n } else {\r\n url =\r\n \"/api/ItineraryReporting/Export/GetAffectedUserListByRiskLineAlert?orgId=\" +\r\n orgId +\r\n \"&search=\" +\r\n encodeURIComponent(JSON.stringify(data));\r\n }\r\n return Config.API1 + url;\r\n};\r\n\r\nexport default {\r\n getActiveTravelers,\r\n getMagnatechTravelersCsv,\r\n getWhereAreMyTravelers,\r\n getTravelersByDestandTime,\r\n getTravelersByFlightType,\r\n getManualTravelersByFlightType,\r\n getManualTravelersByFlightTypeCsv,\r\n getMagnatechTravelersByFlightTypeCsv,\r\n getTravelersByFlightSegment,\r\n getManualTravelersByFlightSegment,\r\n getManualTravelersByFlightSegmentCsv,\r\n getMagnatechTravelersByFlightSegmentCsv,\r\n getTravelersByActiveCar,\r\n getTravelersByActiveCarCsv,\r\n getTravelersByAirport,\r\n getManualTravelersByAirport,\r\n getManualTravelersByAirportCsv,\r\n getMagnatechTravelersByAirportCsv,\r\n getTravelersByArrivalAirport,\r\n getManualTravelersByArrivalAirport,\r\n getManualTravelersByArrivalAirportCsv,\r\n getMagnatechTravelersByArrivalAirportCsv,\r\n getTravelersByDepatureAirport,\r\n getManualTravelersByDepatureAirport,\r\n getManualTravelersByDepatureAirportCsv,\r\n getMagnatechTravelersByDepatureAirportCsv,\r\n getTravellersByFlightNumber,\r\n getManualTravellersByFlightNumber,\r\n getManualTravellersByFlightNumberCsv,\r\n getMagnatechTravellersByFlightNumberCsv,\r\n getActiveTravelersByHotel,\r\n getActiveTravelersByHotelCsv,\r\n getEmployeeOnSameFlight,\r\n getManualEmployeeOnSameFlight,\r\n getManualEmployeeOnSameFlightCsv,\r\n getMagnatechEmployeeOnSameFlightCsv,\r\n getTravellersByRiskLevel,\r\n getActiveAlertList,\r\n getAffectedTravelersByAlerts,\r\n getAffectedTravelersByAlertsCsv,\r\n getActiveManualTravelers,\r\n getManualTravelersCsv,\r\n getManualWhereAreMyTravelers,\r\n getManualWhereAreMyTravelersCsv,\r\n getMagnatechWhereAreMyTravelersCsv,\r\n getActiveManualTravelersByRiskLevel,\r\n getActiveManualTravelersByRiskLevelCSV,\r\n getActiveMagnatechTravelersByRiskLevelCSV,\r\n getManualTravelersByDestandTime,\r\n getManualTravelersByDestandTimeCsv,\r\n getMagnatechTravelersByDestandTimeCsv,\r\n getTravellersByPnrNumber,\r\n getUnmappedTravelersByDestandTimeCsv,\r\n};\r\n","import API from \"../api/travellers-report-api\";\r\n\r\nexport function getActiveTravelers(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getActiveTravelers(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualActiveTravelers(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getActiveManualTravelers(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravelersCsv(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravelersCsv(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllActiveTravelers(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getActiveTravelers(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getWhereAreMyTravelers(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getWhereAreMyTravelers(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllWhereAreMyTravelers(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getWhereAreMyTravelers(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualWhereAreMyTravelers(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualWhereAreMyTravelers(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualWhereAreMyTravelersCsv(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualWhereAreMyTravelersCsv(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravelersByDestandTime(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter },\r\n key\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByDestandTime(\r\n orgId,\r\n userRole,\r\n {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n },\r\n key\r\n );\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravelersByDestandTime(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravelersByDestandTime(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravelersByDestandTime(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByDestandTime(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravelersByFlightType(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByFlightType(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravelersByFlightType(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravelersByFlightType(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravelersByFlightType(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByFlightType(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravelersByFlightSegment(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByFlightSegment(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravelersByFlightSegment(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravelersByFlightSegment(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravelersByFlightSegment(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByFlightSegment(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravelersByActiveCar(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByActiveCar(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravelersByActiveCar(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByActiveCar(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravelersByAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravelersByAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravelersByAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravelersByAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravelersByArrivalAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByArrivalAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravelersByArrivalAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravelersByArrivalAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravelersByArrivalAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByArrivalAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravelersByDepatureAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByDepatureAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravelersByDepatureAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravelersByDepatureAirport(\r\n orgId,\r\n userRole,\r\n {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n }\r\n );\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravelersByDepatureAirport(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravelersByDepatureAirport(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravellersByFlightNumber(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravellersByFlightNumber(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravellersByPnrNumber(\r\n orgId,\r\n pnrNumber,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravellersByPnrNumber(\r\n orgId,\r\n pnrNumber,\r\n userRole,\r\n {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n }\r\n );\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualTravellersByFlightNumber(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualTravellersByFlightNumber(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravellersByFlightNumber(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravellersByFlightNumber(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getActiveTravelersByHotel(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getActiveTravelersByHotel(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllActiveTravelersByHotel(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getActiveTravelersByHotel(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getEmployeeOnSameFlight(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getEmployeeOnSameFlight(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getManualEmployeeOnSameFlight(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getManualEmployeeOnSameFlight(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllEmployeeOnSameFlight(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getEmployeeOnSameFlight(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getTravellersByRiskLevel(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravellersByRiskLevel(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAllTravellersByRiskLevel(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getTravellersByRiskLevel(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getActiveManualTravelersByRiskLevel(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getActiveManualTravelersByRiskLevel(\r\n orgId,\r\n userRole,\r\n {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n }\r\n );\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getActiveAlertList(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getActiveAlertList(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getAffectedTravelersByAlerts(\r\n orgId,\r\n userRole,\r\n { filters, pagination, sorter }\r\n) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getAffectedTravelersByAlerts(orgId, userRole, {\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter,\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { bindActionCreators } from \"redux\";\r\n\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\n\r\n\r\nclass PrintableArea extends Component {\r\n state = {\r\n \r\n };\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \r\n
\r\n \r\n \r\n \r\n \r\n \r\n record.pnrId}\r\n dataSource={this.props.data}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n PrintableArea\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from \"moment\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip,\r\n Select,\r\n Tabs,\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\n\r\nclass ActiveTravelerList extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList: [],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ActiveTravelerList\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Row, Col, Typography, DatePicker, Button, Table, Input, Icon, Form, Select, Tabs } from \"antd\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport moment from \"moment\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY \";\r\nconst { TabPane } = Tabs;\r\n\r\n\r\nclass WhereareTravelers extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activetravellerList: [],\r\n activeManualtravellerList:[],\r\n allactivetravellerList: [],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n data.dataIndex !== \"pnrNumber\"\r\n )}\r\n data={this.state.travellerListManual}\r\n />{\" \"}\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.travellerListManual ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerListManual}\r\n pagination={this.state.paginationManual}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChangeManual}\r\n />\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.getMagnatechorCombinedCsv(\"magnatech\")}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.state.travellerList ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nconst WrappedForm = Form.create({ name: \"travelers-report\" })(WhereareTravelers);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n DatePicker,\r\n Row,\r\n Col,\r\n Typography,\r\n Select,\r\n Button,\r\n Table,\r\n Input,\r\n Icon,\r\n Form,\r\n Tabs,\r\n} from \"antd\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as PaginationActions from \"../../../../redux/actions/pagination-actions.js\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport * as adminActions from \"../../../../redux/actions/admin-actions\";\r\nimport API from \"../../../../redux/api/admin-api\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nimport { init } from \"react-facebook-pixel\";\r\n\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\nconst dateFormat = \"MM/DD/YYYY \";\r\nconst { RangePicker } = DatePicker;\r\n\r\nclass TravelersbyDestDate extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activetravellerList: [],\r\n activeManualtravellerList: [],\r\n allactivetravellerList: [],\r\n countries: [],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 {this.state.showTable ?\r\n\r\n < div >\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 (data.dataIndex !==\"pnrNumber\"))} data={this.state.activeManualtravellerList} /> \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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...travellersReportActions, ...adminActions, ...PaginationActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"travelerdest-report\" })(\r\n TravelersbyDestDate\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from \"moment\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip,\r\n Select,\r\n Tabs\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\n\r\nclass RiskList extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList:[],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 {this.state.showTable ? (\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 data.dataIndex !== 'pnrNumber')}\r\n data={this.state.activeManualtravellerList}\r\n />{' '}\r\n \r\n \r\n
\r\n |
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.getMagnatechorCombinedCsv('magnatech')}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {(Permissions.isRole('CSR') || Permissions.isRole('Administrator')) && (\r\n \r\n
\r\n \r\n this.getUnmappedUserCsv('nonCap')}\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n RiskList\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nconst data = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n City: \"London\",\r\n country: \"England\",\r\n companyname: \"FocusPoint\",\r\n arrive: \"2020-05-29\",\r\n depart: \"20-04-29\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n City: \"London\",\r\n country: \"England\",\r\n companyname: \"FocusPoint\",\r\n arrive: \"2020-05-29\",\r\n depart: \"20-04-29\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n City: \"London\",\r\n country: \"England\",\r\n companyname: \"FocusPoint\",\r\n arrive: \"2020-05-29\",\r\n depart: \"20-04-29\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n City: \"London\",\r\n country: \"England\",\r\n companyname: \"FocusPoint\",\r\n arrive: \"2020-05-29\",\r\n depart: \"20-04-29\"\r\n },\r\n {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n City: \"London\",\r\n country: \"England\",\r\n companyname: \"FocusPoint\",\r\n arrive: \"2020-05-29\",\r\n depart: \"20-04-29\"\r\n }\r\n];\r\n// rowSelection object indicates the need for row selection\r\nconst rowSelection = {\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(\r\n `selectedRowKeys: ${selectedRowKeys}`,\r\n \"selectedRows: \",\r\n selectedRows\r\n );\r\n },\r\n getCheckboxProps: record => ({\r\n disabled: record.name === \"Disabled User\", // Column configuration not to be checked\r\n name: record.name\r\n })\r\n};\r\nclass WhereareTravelersResult extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\"\r\n };\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters\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\n
\r\n \r\n \r\n \r\n (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \r\n \r\n
\r\n \r\n \r\n {this.state.travellerListManual ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerListManual}\r\n pagination={this.state.paginationManual}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChangeManual}\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 {this.state.travellerList ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n\r\n ) : ''}\r\n \r\n
\r\n \r\n \r\n
,\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(WhereareTravelersResult)\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nconst data = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\"\r\n },\r\n {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\"\r\n }\r\n];\r\n// rowSelection object indicates the need for row selection\r\nconst rowSelection = {\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(\r\n `selectedRowKeys: ${selectedRowKeys}`,\r\n \"selectedRows: \",\r\n selectedRows\r\n );\r\n },\r\n getCheckboxProps: record => ({\r\n disabled: record.name === \"Disabled User\", // Column configuration not to be checked\r\n name: record.name\r\n })\r\n};\r\nclass TravelersbyDestDatersResult extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\"\r\n };\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters\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 this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(TravelersbyDestDatersResult)\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from \"moment\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip,\r\n Select,\r\n Tabs\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\n\r\nclass EmployeesonthesameFlight extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList:[],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n EmployeesonthesameFlight\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from \"moment\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip,\r\n Select,\r\n Tabs\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\n\r\nclass DomesticInternational extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList:[],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.state.travellerListManual ? (\r\n (data.dataIndex !==\"airVendor\"))}\r\n rowKey={record => record.pnrId}\r\n dataSource={this.state.travellerListManual}\r\n pagination={this.state.paginationManual}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChangeManual}\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 {this.state.travellerList ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n\r\n ) : ''}\r\n \r\n
\r\n \r\n \r\n
,\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n DomesticInternational\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nconst data = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\",\r\n domint: \"International\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\",\r\n domint: \"International\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\",\r\n domint: \"International\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\",\r\n domint: \"International\"\r\n },\r\n {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\",\r\n domint: \"International\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n routing:\r\n \"Kelowna BC, CA / Vancouver BC, CA / Brisbane AU / Singapore SG / Johannesburg ZA / London GB / Vancouver BC, CA / Kelowna BC, CA\",\r\n domint: \"International\"\r\n }\r\n];\r\n// rowSelection object indicates the need for row selection\r\nconst rowSelection = {\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(\r\n `selectedRowKeys: ${selectedRowKeys}`,\r\n \"selectedRows: \",\r\n selectedRows\r\n );\r\n },\r\n getCheckboxProps: record => ({\r\n disabled: record.name === \"Disabled User\", // Column configuration not to be checked\r\n name: record.name\r\n })\r\n};\r\nclass DomesticInternationalResult extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\"\r\n };\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters\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\n
\r\n \r\n \r\n \r\n (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \r\n \r\n
\r\n \r\n \r\n {this.state.travellerListManual ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerListManual}\r\n pagination={this.state.paginationManual}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChangeManual}\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 {this.state.travellerList ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n\r\n ) : ''}\r\n \r\n
\r\n \r\n \r\n
,\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(DomesticInternationalResult)\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from \"moment\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip,\r\n Select,\r\n Tabs\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\n\r\nclass SegmentAnalysis extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList:[],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n SegmentAnalysis\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Row, Col, Typography, DatePicker, Button, Select, Input, Icon, Table, Form ,Tabs} from \"antd\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as itiniaryActions from \"../../../../redux/actions/itinerary-actions\"\r\nimport { CSVLink } from \"react-csv\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport moment from \"moment\";\r\nimport * as Permissions from \"../../../../services/permissions\"\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY \";\r\nconst { TabPane } = Tabs;\r\nlet filteredKeys=[]\r\nclass AirportReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n travellerList: [],\r\n travellerListManual:[],\r\n airportData: [],\r\n stateuser: 1,\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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\n
\r\n \r\n \r\n \r\n (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \r\n \r\n
\r\n \r\n \r\n {this.state.travellerListManual ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerListManual}\r\n pagination={this.state.paginationManual}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChangeManual}\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 {this.state.travellerList ? (\r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n\r\n ) : ''}\r\n \r\n
\r\n \r\n \r\n
,\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n < div id='printableArea' >\r\n {this.state.showTable ?\r\n\r\n< div >\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions, ...itiniaryActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"airport-report\" })(AirportReport);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nconst data = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n details: \"Details Goes here\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n details: \"Details Goes here\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n details: \"Details Goes here\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LKHHYU\",\r\n depart: \"20-04-29\",\r\n details: \"Details Goes here\"\r\n }\r\n];\r\n// rowSelection object indicates the need for row selection\r\nconst rowSelection = {\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(\r\n `selectedRowKeys: ${selectedRowKeys}`,\r\n \"selectedRows: \",\r\n selectedRows\r\n );\r\n },\r\n getCheckboxProps: record => ({\r\n disabled: record.name === \"Disabled User\", // Column configuration not to be checked\r\n name: record.name\r\n })\r\n};\r\nclass AirportResult extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\"\r\n };\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters\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 < div id='printableArea' >\r\n {this.state.showTable ?\r\n\r\n< div >\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \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 this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(AirportResult)\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Row, Col, Typography, DatePicker, Button, Select, Input, Icon, Table, Form ,Tabs} from \"antd\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as itiniaryActions from \"../../../../redux/actions/itinerary-actions\"\r\nimport { CSVLink } from \"react-csv\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport moment from \"moment\";\r\nimport * as Permissions from \"../../../../services/permissions\"\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY \";\r\nconst { TabPane } = Tabs;\r\nlet filteredKeys=[]\r\nclass ArrivalReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n travellerList: [],\r\n travellerListManual:[],\r\n airportData: [],\r\n stateuser: 1,\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n < div id='printableArea' >\r\n {this.state.showTable ?\r\n\r\n< div >\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions, ...itiniaryActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"airport-report\" })(ArrivalReport);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nconst data = [\r\n {\r\n key: \"1\",\r\n arrivaltime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n arrivaltime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n arrivaltime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n arrivaltime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n arrivaltime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n }\r\n];\r\n// rowSelection object indicates the need for row selection\r\nconst rowSelection = {\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(\r\n `selectedRowKeys: ${selectedRowKeys}`,\r\n \"selectedRows: \",\r\n selectedRows\r\n );\r\n },\r\n getCheckboxProps: record => ({\r\n disabled: record.name === \"Disabled User\", // Column configuration not to be checked\r\n name: record.name\r\n })\r\n};\r\nclass ArrivalResult extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\"\r\n };\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters\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 < div id='printableArea' >\r\n {this.state.showTable ?\r\n\r\n< div >\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \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\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(ArrivalResult)\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Row, Col, Typography, DatePicker, Button, Select, Input, Icon, Table, Form ,Tabs} from \"antd\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as itiniaryActions from \"../../../../redux/actions/itinerary-actions\"\r\nimport { CSVLink } from \"react-csv\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport moment from \"moment\";\r\nimport * as Permissions from \"../../../../services/permissions\"\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY \";\r\nconst { TabPane } = Tabs;\r\nlet filteredKeys=[]\r\nclass DepartureReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n travellerList: [],\r\n travellerListManual:[],\r\n airportData: [],\r\n stateuser: 1,\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n < div id='printableArea' >\r\n {this.state.showTable ?\r\n\r\n< div >\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions, ...itiniaryActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"airport-report\" })(DepartureReport);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nconst data = [\r\n {\r\n key: \"1\",\r\n departuretime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n departuretime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n departuretime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n departuretime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n },\r\n {\r\n key: \"1\",\r\n departuretime: \"12:30 pm\",\r\n carrier: \"Britsh Airways\",\r\n flightnumber: \"BA1234\",\r\n from: \"Canada\",\r\n name: \"John Brown\"\r\n }\r\n];\r\n// rowSelection object indicates the need for row selection\r\nconst rowSelection = {\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(\r\n `selectedRowKeys: ${selectedRowKeys}`,\r\n \"selectedRows: \",\r\n selectedRows\r\n );\r\n },\r\n getCheckboxProps: record => ({\r\n disabled: record.name === \"Disabled User\", // Column configuration not to be checked\r\n name: record.name\r\n })\r\n};\r\nclass DepartureResult extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\"\r\n };\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters\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 < div id='printableArea' >\r\n {this.state.showTable ?\r\n\r\n< div >\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \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 this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(DepartureResult)\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Row, Col, Typography, DatePicker, Button, Table, Input, Icon, Form ,Select ,Tabs } from \"antd\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from \"moment\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\n\r\nconst dateFormat = \"MM/DD/YYYY \";\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\n\r\nclass SearchbyFlight extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activetravellerList: [],\r\n travellerListManual:[],\r\n\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n \r\n {/*\r\n this.handleSubmit()}\r\n >\r\n Submit\r\n \r\n \r\n
*/}\r\n
\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"flight-report\" })(SearchbyFlight);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nconst data = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LXUWVC\",\r\n depart: \"20-10-2020\",\r\n details: \"This is details here\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LXUWVC\",\r\n depart: \"20-10-2020\",\r\n details: \"This is details here\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LXUWVC\",\r\n depart: \"20-10-2020\",\r\n details: \"This is details here\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LXUWVC\",\r\n depart: \"20-10-2020\",\r\n details: \"This is details here\"\r\n },\r\n {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n dept: \"Marketing\",\r\n locator: \"LXUWVC\",\r\n depart: \"20-10-2020\",\r\n details: \"This is details here\"\r\n }\r\n];\r\n// rowSelection object indicates the need for row selection\r\nconst rowSelection = {\r\n onChange: (selectedRowKeys, selectedRows) => {\r\n console.log(\r\n `selectedRowKeys: ${selectedRowKeys}`,\r\n \"selectedRows: \",\r\n selectedRows\r\n );\r\n },\r\n getCheckboxProps: record => ({\r\n disabled: record.name === \"Disabled User\", // Column configuration not to be checked\r\n name: record.name\r\n })\r\n};\r\nclass SearchFlightResult extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\"\r\n };\r\n\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({\r\n setSelectedKeys,\r\n selectedKeys,\r\n confirm,\r\n clearFilters\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 {this.state.showTable ?\r\n < div >\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 (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \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 this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n ),\r\n filterIcon: filtered => (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(SearchFlightResult)\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from \"moment\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Tooltip,\r\n Select\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\n\r\nconst { Option } = Select;\r\nclass ActiveHotelList extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList:[],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ActiveHotelList\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Select\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport * as Permissions from \"../../../../services/permissions\"\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\n\r\nconst { Option } = Select;\r\n\r\nclass ActiveCarList extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList: [],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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\n \r\n \r\n {this.state.travellerList && \r\n \r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n /> \r\n }\r\n \r\n
\r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ActiveCarList\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Row, Col, Typography, Button, List } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nconst data = [\r\n {\r\n title: - \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\n \r\n \r\n {this.state.travellerList ? \r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\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 this.viewreport(item.link)}\r\n >\r\n {item.title}}\r\n description={\r\n \r\n {item.description}\r\n \r\n }\r\n />\r\n \r\n )}\r\n />\r\n ) : (\r\n (\r\n this.viewreport(item.link)}\r\n >\r\n Select\r\n ,\r\n ]}\r\n >\r\n {item.title}}\r\n description={\r\n \r\n {item.description}\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\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.pagination,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...paginationActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ReportsList\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../audit-logs/audit-logs\";\r\n\r\nclass UserAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {/*\r\n this.handleSubmit()}\r\n >\r\n Submit\r\n \r\n \r\n
*/}\r\n {this.state.showTable ?\r\n\r\n < div >\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions, ...adminActions }, dispatch);\r\n}\r\n\r\nconst WrappedForm = Form.create({ name: \"travelers-report\" })(TravelersByActiveAlert);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Input,\r\n Icon,\r\n Select\r\n} from \"antd\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport PrintComponents from \"react-print-components\";\r\nimport PrintAbleComponent from \"../printable-component.jsx\";\r\nimport axios from \"axios\";\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\n\r\n\r\nconst { Option } = Select;\r\nclass ViewTravelerByActiveAlert extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList:[],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n < div id='printableArea' >\r\n {true ?\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ViewTravelerByActiveAlert\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../audit-logs/audit-logs\";\r\n\r\nclass ProductAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n return (\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 {this.state.travellerList && (\r\n this.state.role ==='Administrator' || this.state.role ==='CSR' ? \r\n record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n : record.pnrId}\r\n dataSource={this.state.travellerList}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\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 filteredValue : this.getSelectedFilterValue('membershipNumbers'),\r\n ...this.getColumnSearchProps(\"membershipNumber\")\r\n },\r\n {\r\n title:
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nManageTravelers.propTypes = {\r\n location: PropTypes.object,\r\n getB2CTravellersListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.traveller,\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellerActions, ...userActions, ...paginationActions, ...b2b2cActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageTravelers\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as travellerActions from \"../../../../redux/actions/travellers-actions\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../redux/actions/admin-actions\";\r\nimport * as b2cActions from \"../../../../redux/actions/b2c-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Map, GoogleApiWrapper, Marker } from \"google-maps-react\";\r\nimport { Typography, Form, Input, Select, Button, Row, Col, Spin, Switch } from \"antd\";\r\nimport { DatePicker } from \"antd\";\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport * as Permission from '../../../../services/permissions';\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\nconst { Option } = Select;\r\nvar validator = require(\"email-validator\");\r\n\r\nclass EditTraveler extends React.Component {\r\n state = {\r\n data: {},\r\n loading: true,\r\n confirmDirty: false,\r\n id: 0,\r\n first: \"\",\r\n last: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n country: \"\",\r\n dateofbirth: \"\",\r\n countries: [],\r\n countryId: \"\",\r\n locationFound: false,\r\n locationData: {},\r\n checkexisting: true,\r\n genderList: []\r\n };\r\n\r\n async componentDidMount() {\r\n this.props.getCountriesListName().then((response) => {\r\n this.setState({ countries: response });\r\n });\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ userId: this.props.match.params.id });\r\n\r\n const user = await this.props.getTraveller(this.props.match.params.id);\r\n this.setState(user);\r\n if (user.data.email === null) {\r\n this.setState({ checkexisting: false });\r\n }\r\n \r\n this.setState({ loading: false });\r\n }\r\n\r\n this.props.getGendersList().then((response) => {\r\n this.setState({ genderList: response });\r\n });\r\n }\r\n\r\n submitFormAdd = (data) => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateTravellerData(data, this.props.match.params.id)\r\n .then((response) => {\r\n if (response.error) {\r\n notifyUser(response.data.Message, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.traveller.add.success\"], \"success\");\r\n //notifyUser(\"Traveller added successfully!\", \"success\");\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n async emailsubmit(data) {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.setState({ loading: true });\r\n\r\n if (validator.validate(data.email)) {\r\n await this.props.validateTravellerEmail(data.email);\r\n\r\n if (this.props.emailCheckResponse.userExist) {\r\n notifyUser(currentAppLocale.messages[\"admin.email.alreadyexis\"], \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n var emaildata = {\r\n userId: parseInt(this.state.userId),\r\n organizationId: 1,\r\n email: data.email\r\n };\r\n this.props.updatetravelerEmail(emaildata).then((resp) => {\r\n if (resp.data.message === \"Email Updated. Identity assigned successfully.\") {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.traveller.update.success\"], \"success\");\r\n }\r\n });\r\n }\r\n }\r\n }\r\n submitFormEdit = (data) => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateTravellerData(data, this.props.match.params.id)\r\n .then((response) => {\r\n if (response.error) {\r\n notifyUser(response.data.Message, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n if (this.state.checkexisting === false) {\r\n this.emailsubmit(data);\r\n } else {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.traveller.update.success\"], \"success\");\r\n //notifyUser(\"Traveller updated successfully!\", \"success\");\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n values[\"dateOfBirth\"] = moment(values[\"dateOfBirth\"]).format(dateFormat);\r\n if (this.state.userId && this.state.userId > 0) {\r\n values[\"id\"] = this.state.userId;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleContactExistance(rule, value, callback) {\r\n //const re = /^[0-9']+$/;\r\n const re = /^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/;\r\n var test = re.test(value);\r\n if (value !== \"\" && (value.length < 6 || test === false)) {\r\n callback(\r\n
\r\n {/* Edit Traveler */}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditTraveler.propTypes = {\r\n location: PropTypes.object,\r\n updateTravellers: PropTypes.func,\r\n travellerDataById: PropTypes.object,\r\n validateTravellerEmail: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.traveller,\r\n ...state.user,\r\n ...state.b2c,\r\n ...state.language\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellerActions, ...b2cActions, ...userActions, ...AdminActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-traveler\" })(EditTraveler);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n GoogleApiWrapper({\r\n apiKey: \"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\"\r\n })(WrappedForm)\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as travellerActions from \"../../../../redux/actions/travellers-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tag,\r\n Tooltip,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport { revokeConsent } from \"react-facebook-pixel\";\r\n\r\n//import Highlighter from 'react-highlight-words';\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nclass PlanType extends Component {\r\n state = {\r\n data: {},\r\n todayDate: Date,\r\n pagination: { pageSize: 10, current: 1 },\r\n filters: {},\r\n };\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \r\n \r\n
\r\n \r\n \r\n
\r\n {/* Edit Traveler ends*/}\r\n \r\n \r\n {this.state.data && this.state.data.travelerFirstName}{' '}\r\n {this.state.data && this.state.data.travelerLastName}\r\n \r\n ({this.state.data && {this.state.data.email}})\r\n
\r\n\r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\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\nPlanType.propTypes = {\r\n location: PropTypes.object,\r\n getUserListing: PropTypes.func,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...travellerActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n PlanType\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLogs from \"../../audit-logs/audit-logs\";\r\n\r\nclass ActivityLog extends Component {\r\n \r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n {/* \r\n this.props.history.goBack()}\r\n >\r\n
\r\n \r\n \r\n \r\n {this.state.parentName}{'\\u0027'}{\"s Child\"}\r\n \r\n \r\n this.props.history.push('../../')}\r\n >\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n );\r\n }\r\n }\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...paginationActions}, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(OrganizationChildList)\r\n); ","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as UserService from '../../../services/user-service';\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography , Switch} from \"antd\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport { EditCell } from \"./../../shared/components/helperCells\";\r\n\r\n\r\nclass EmployeesDependentList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n dataSource: [],\r\n parentName: '',\r\n userStatus: [],\r\n selectedStatus: null\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n let currentUser = UserService.getUser();\r\n\r\n try {\r\n const resp = await this.props.getUser(currentUser && currentUser.userID);\r\n this.setState({\r\n dataSource: resp.data.childUsers || [], // Set the data in the state\r\n loading: false,\r\n parentName: resp.data.firstName\r\n });\r\n } catch (ex) {\r\n console.error(ex);\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: 'Employee ID',\r\n dataIndex: 'employeeId',\r\n key: 'employeeId'\r\n },\r\n {\r\n title: 'First Name',\r\n dataIndex: 'firstName',\r\n key: 'firstName'\r\n },\r\n {\r\n title: 'Last Name',\r\n dataIndex: 'lastName',\r\n key: 'lastName'\r\n },\r\n {\r\n title: 'User Name',\r\n dataIndex: 'userName',\r\n key: 'userName'\r\n },\r\n // {\r\n // title: \r\n \r\n
\r\n \r\n \r\n {this.state.parentName}\r\n {'\\u0027'}\r\n {'s Dependents'}\r\n \r\n \r\n this.props.history.push('../../')}\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\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...paginationActions}, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(EmployeesDependentList)\r\n); ","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as RolesActions from \"../../../redux/actions/roles-actions\";\r\nimport * as OrgActions from \"../../../redux/actions/organization-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\n\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n DatePicker,\r\n TreeSelect,\r\n Checkbox,\r\n Modal,\r\n Radio,\r\n Tabs,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nconst { confirm } = Modal;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\nvar validator = require(\"email-validator\");\r\nclass EditEmployeesDependent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentSelectedRole: null,\r\n dataLoaded: false,\r\n fetching: false,\r\n loading: true,\r\n confirmDirty: false,\r\n sendEmailForNew: true,\r\n sendEmailNew: false,\r\n userId: 0,\r\n companyId: 0,\r\n displayEmployeesAssignedRow: 'none',\r\n displayRecieveEmailRow: 'none',\r\n defaultAssignedOrgs: [],\r\n divisionList: [],\r\n countries: [],\r\n allRoles: [],\r\n assignedDivisionsAuto: false,\r\n genderList: [],\r\n userexist: false,\r\n showModal: false,\r\n disableGender: false,\r\n isEmailChanged: false,\r\n newEmail: '',\r\n radioChildValue : \"self\",\r\n UserListData : [],\r\n selectedRelation: \"\",\r\n parentId: null,\r\n displayParent: false,\r\n disableEmployee : false,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n \r\n const storedDataString = localStorage.getItem('user');\r\n const storedData = storedDataString ? JSON.parse(storedDataString) : null;\r\n // Set the parentId in the state\r\n if (storedData) {\r\n this.setState({\r\n parentId: storedData.parentOrgId,\r\n });\r\n }\r\n \r\n \r\n const { filters, pagination, sorter } = this.props;\r\n if (this.state.dataLoaded === false) {\r\n let _companyIdTemp = 0;\r\n let countriesListTemp = await API.getCountriesList();\r\n let userRolesList = await this.props.getAllExternalRoles();\r\n this.setState({\r\n allRoles: userRolesList.filter((role) => role.name != 'Super Admin'),\r\n countries: countriesListTemp.countries\r\n });\r\n // if (\r\n // this.props.match &&\r\n // this.props.match &&\r\n // this.props.match.params &&\r\n // this.props.match.params.id &&\r\n // this.props.match.params.id !== 'new'\r\n // ) {\r\n const user = await this.props.getUser(this.props.match.params.id);\r\n if (user.data && user.data.role && user.data.role.indexOf('Employee') > -1) {\r\n if (user.data.relatedParentId) {\r\n \r\n this.setState({radioChildValue:\"child\"})\r\n }\r\n this.setState({ displayParent: true, disableEmployee: true });\r\n }\r\n else {\r\n this.setState({ displayParent: false, disableEmployee: false });\r\n }\r\n if (user.data.relatedParentId == 0 || user.data.relatedParentId == null){\r\n this.setState({disableEmployee: false });\r\n }\r\n \r\n \r\n if (user.error && user.error.message) {\r\n this.props.history.goBack();\r\n notifyUser(user.error.message, 'error');\r\n } else {\r\n this.setState(user.data);\r\n _companyIdTemp = user.data.companyId;\r\n this.setState({ currentSelectedRole: user.data.role });\r\n \r\n \r\n var tempDefaultOrgs = [];\r\n if (user.data && user.data.assignedOrganizations) {\r\n for (var o = 0; o < user.data.assignedOrganizations.length; o++) {\r\n tempDefaultOrgs.push({\r\n key: user.data.assignedOrganizations[o].branchId,\r\n value: user.data.assignedOrganizations[o].branchId,\r\n label: user.data.assignedOrganizations[o].branchName\r\n });\r\n \r\n }\r\n this.setState({ defaultAssignedOrgs: tempDefaultOrgs });\r\n }\r\n }\r\n // } else {\r\n // _companyIdTemp =\r\n // this.props.match.params.divid && this.props.match.params.divid > 0\r\n // ? this.props.match.params.divid\r\n // : this.props.match.params.orgid;\r\n // this.setState({\r\n // companyId: _companyIdTemp\r\n // });\r\n // // }\r\n // this.loadDivisions(_companyIdTemp);\r\n this.setState({ loading: false, dataLoaded: true });\r\n }\r\n this.props.getGendersList().then((response) => {\r\n this.setState({ genderList: response });\r\n });\r\n \r\n }\r\n\r\n submitFormEdit = (data) => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateUser(data)\r\n .then((response) => {\r\n if (response.success == false) {\r\n notifyUser(response.data, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n this.props.history.push('./../');\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages['admin.employee.edit'], 'success');\r\n }\r\n })\r\n .catch((_err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n onEmailChange = (email)=>{\r\n this.setState({ isEmailChanged: true, newEmail: email });\r\n };\r\n \r\n\r\n handleEmailChange(email) {\r\n this.setState({ disableGender: false });\r\n this.setState({ isEmailChanged: true, newEmail: email });\r\n\r\n // var email = evt.target.value;\r\n if (validator.validate(email)) {\r\n if (this.debouncedValidateTravellerEmail) {\r\n clearTimeout(this.debouncedValidateTravellerEmail);\r\n }\r\n\r\n this.debouncedValidateTravellerEmail = setTimeout(async () => {\r\n try {\r\n let travllerdata = await this.props.validateTravellerEmail(email);\r\n this.setState({ userexist: travllerdata });\r\n this.setState({ isEmailChanged: true, newEmail: email });\r\n\r\n if (travllerdata.userExist) {\r\n this.props.form.setFieldsValue({ firstName: travllerdata.firstName });\r\n this.props.form.setFieldsValue({ lastName: travllerdata.lastName });\r\n if (travllerdata.gender != null) {\r\n this.setState({ disableGender: true });\r\n this.props.form.setFieldsValue({ gender: travllerdata.gender });\r\n }\r\n this.handleShowModal(); // Show the confirmation popup\r\n }\r\n } catch (error) {\r\n console.error(\"Error while fetching traveller data:\", error);\r\n }\r\n }, 800); \r\n }\r\n}\r\n\r\nhandleRelatedChange = (e) => {\r\n const value = e.target.value;\r\n if (value === \"self\") {\r\n this.setState({ relatedParentId: null, disableEmployee: false }, () => {\r\n });\r\n } else{\r\n this.props.form.setFields({\r\n userName: { errors: null },\r\n contactNo: { errors: null }\r\n });\r\n }\r\n this.setState({ radioChildValue: value }, () => {\r\n }); \r\n}\r\n\r\n handleShowModal = () => {\r\n this.setState({ showModal: true });\r\n };\r\n\r\n handleHideModal = () => {\r\n this.setState({ userexist: '', showModal: false, disableGender: false});\r\n this.props.form.setFieldsValue({ userName: '' });\r\n };\r\n\r\n handleConfirmAction = () => {\r\n this.setState({ showModal: false});\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = '';\r\n } else {\r\n if (typeof values[key] == 'string') {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n values['IsSendWelcomeEmail'] = this.state.sendEmailForNew;\r\n values['dateOfBirth'] = values['dateOfBirth'].format('YYYY-MM-DD');\r\n values['RelatedParentId'] = this.state && this.state.selectedRelation ? this.state.selectedRelation : this.state.relatedParentId;\r\n // values['RelatedParentId'] = this.state.relatedParentId ? this.state.relatedParentId : null;\r\n //values['RelatedParent']= this.state.radioChildValue ? this.state.RelatedParentId == null : this.state.RelatedParentId ;\r\n this.setState({ loading: true });\r\n values['isNotifyOnBooking'] = this.state.sendEmailNew;\r\n this.setState({ loading: true });\r\n values['userId'] = this.state.userId;\r\n values['identityId'] = this.state.identityId;\r\n values['assignedOrganizations'] = this.state.assignedOrganizations || [];\r\n values['companyId'] = this.state.companyId;\r\n values['userName'] = this.state.isEmailChanged ? this.state.newEmail : this.state.userName;\r\n this.submitFormEdit(values);\r\n \r\n }\r\n });\r\n };\r\n \r\n handleSelectedRelation = (selected) => {\r\n let selectedfield = selected;\r\n this.setState({\r\n selectedRelation : selectedfield\r\n });\r\n \r\n }\r\n\r\n\r\n handleContactExistance(rule, value, callback) {\r\n //const re = /^[0-9']+$/;\r\n const re = /^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/;\r\n var test = re.test(value);\r\n if (value !== undefined && value !== '' && (value.length < 6 || test === false)) {\r\n callback(\r\n\r\n
\r\n \r\n Edit Dependent \r\n \r\n this.props.history.push('../')}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nEditEmployeesDependent.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllExternalRoles: PropTypes.func,\r\n getUserListing: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.user , ...state.pagination,};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n ...userActions,\r\n ...RolesActions,\r\n ...OrgActions,\r\n ...travellerActions,\r\n ...AdminActions,\r\n ...b2cActions,\r\n ...paginationActions\r\n },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-organization-employee\" })(\r\n EditEmployeesDependent\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport UserProfile from \"../components/user-dash/user-profile/user-profile\";\r\nimport UserInvoice from \"../components/user-dash/user-invoice/user-invoice\";\r\nimport UserHistory from \"../components/user-dash/user-history/user-history\";\r\n//import UpdateItinerary from \"../components/admin-dash/manage-itinerary/update-itinerary\";\r\nimport UpdateItinerary from \"../components/admin-dash/manage-itinerary/update-manual-itinerary\";\r\nimport Countries from \"../components/admin-dash/countries\";\r\nimport CountriesInfo from \"../components/admin-dash/countries/infos\";\r\nimport Orders from \"../components/admin-dash/orders\";\r\nimport ViewOrder from \"../components/admin-dash/orders/view\";\r\nimport UserHome from \"../components/user-dash/user-home/user-home\";\r\nimport UserCovid from \"../components/user-dash/user-covid/user-covid\";\r\nimport UserChangePassword from \"../components/user-dash/user-profile/change-password\";\r\nimport Organizations from \"../components/admin-dash/organizations/list\";\r\nimport EditOrganization from \"../components/admin-dash/organizations/edit-organization/edit-organization\";\r\nimport EditOrganizationEmployees from \"../components/admin-dash/organizations/edit-organization/employees/list\";\r\nimport EditOrganizationEmployee from \"../components/admin-dash/organizations/edit-organization/employees/edit\";\r\nimport OrganizationLicenseList from \"../components/admin-dash/organizations/edit-organization/license/list\";\r\nimport EditOrganizationLicense from \"../components/admin-dash/organizations/edit-organization/license/edit\";\r\nimport OrganizationOrderHistory from \"../components/admin-dash/organizations/order-history/order-history\";\r\nimport ViewOrganizationOrder from \"../components/admin-dash/organizations/order-history/view\";\r\nimport EditItinerary from \"../components/admin-dash/manage-itinerary/edit\";\r\nimport EditManualItinerary from \"../components/admin-dash/manage-itinerary/editItinerary\";\r\nimport GeoFencingList from \"../components/admin-dash/maps/geo-fencing-list\";\r\nimport Maps from \"../components/admin-dash/maps/view\";\r\nimport AreaInterest from \"../components/admin-dash/area-interest/area-interest\";\r\nimport AssetTracking from \"../components/admin-dash/area-interest/index\";\r\nimport ListDivisonOrganization from \"../components/admin-dash/organizations/division/list-division\";\r\nimport EditDivisonOrganization from \"../components/admin-dash/organizations/division/edit-division/edit-division\";\r\nimport AddDivisonOrganization from \"../components/admin-dash/organizations/division/add-division/add-division\";\r\n//import { AccountsBilling } from \"../components/shared/svg/svg/home-icon\";\r\nimport OrganizationAuditLogs from \"../components/admin-dash/organizations/audit-logs\";\r\nimport TravellerItinerayMapComponent from \"../components/user-dash/dashboard-travel-manager/traveler-map/itinerary-details-map\";\r\nimport ReloadId from \"../components/shared/components/reloadId\";\r\nimport CustomAlertList from \"../components/admin-dash/custom-alert/index\";\r\nimport CustomAlert from \"../components/admin-dash/custom-alert/custom-alert\";\r\nimport CustomAlertView from \"../components/admin-dash/custom-alert/custom-alert-view\";\r\nimport AccountBilling from \"../components/admin-dash/accounts-billing\";\r\nimport OrganizationInvoice from \"../components/admin-dash/accounts-billing/organization-account/view-invoice\";\r\nimport TravelerItineraryViewer from \"../components/user-dash/dashboard-travel-manager/traveler-map/traveler-itinerary-viewer\";\r\nimport TravelerManualItineraryViewer from \"../components/user-dash/dashboard-travel-manager/traveler-map/traveler-manualitinerary-viewer\";\r\nimport Notifications from \"../components/Notifications/notifications\";\r\nimport ViewNotification from \"../components/Notifications/view\";\r\nimport ActiveTravelerList from \"../components/admin-dash/reports/active-traveler-list/index\";\r\nimport WhereareTravelers from \"../components/admin-dash/reports/where-my-travelers/index\";\r\nimport TravelersbyDestDate from \"../components/admin-dash/reports/travelers-by-dest-date/index\";\r\nimport TravelersRiskLevel from \"../components/admin-dash/reports/travelers-by-risk-level/index\";\r\nimport WhereareTravelersResult from \"../components/admin-dash/reports/where-my-travelers/search\";\r\nimport TravelersbyDestDatersResult from \"../components/admin-dash/reports/travelers-by-dest-date/search\";\r\nimport EmployeesonthesameFlight from \"../components/admin-dash/reports/Employees-on-the-same-flight/index\";\r\nimport DomesticInternational from \"../components/admin-dash/reports/domestic-international/index\";\r\nimport DomesticInternationalResult from \"../components/admin-dash/reports/domestic-international/search\";\r\nimport SegmentAnalysis from \"../components/admin-dash/reports/segment-analysis-report/index\";\r\nimport AirportReport from \"../components/admin-dash/reports/airport-report/index\";\r\nimport AirportResult from \"../components/admin-dash/reports/airport-report/search\";\r\nimport ArrivalReport from \"../components/admin-dash/reports/arrival-report/index\";\r\nimport ArrivalResult from \"../components/admin-dash/reports/arrival-report/search\";\r\n// import arrivalReport from \"../components/admin-dash/reports/arrival-report/index\";\r\nimport DepartureReport from \"../components/admin-dash/reports/departure-report/index\";\r\nimport DepartureResult from \"../components/admin-dash/reports/departure-report/search\";\r\nimport SearchFlightReport from \"../components/admin-dash/reports/search-by-flight/index\";\r\nimport SearchFlightResult from \"../components/admin-dash/reports/search-by-flight/search\";\r\nimport ActiveHotelList from \"../components/admin-dash/reports/hotel-report/index\";\r\nimport ActiveCarList from \"../components/admin-dash/reports/car-report/index\";\r\nimport ReportList from \"../components/admin-dash/reports/index\";\r\nimport UserAuditLogs from \"../components/admin-dash/manage-users/audit-logs\";\r\nimport BillingAuditLogs from \"../components/admin-dash/accounts-billing/audit-logs\";\r\nimport TravelersByActiveAlertReport from \"../components/admin-dash/reports/travelers-by-active-alert/index\"\r\nimport ViewTravelersByActiveAlertReport from \"../components/admin-dash/reports/travelers-by-active-alert/view\"\r\n// import OrganizationAuditLogs from \"../components/admin-dash/organizations/audit-logs\";\r\nimport ProductAuditLogs from \"../components/admin-dash/manage-products/audit-logs\";\r\nimport ManageTravelers from \"../components/admin-dash/manage-travelers\";\r\nimport ViewTraveler from \"../components/admin-dash/manage-travelers/view-travelers\";\r\nimport NotFound from \"../components/shared/components/404.jsx\";\r\nimport OrganizationChildList from \"../components/admin-dash/organizations/edit-organization/employees/child-list/list\";\r\nimport EmployeesDependentList from \"../components/user-dash/dependents/index.jsx\"\r\nimport EditEmployeesDependent from \"../components/user-dash/dependents/edit.jsx\"\r\nconst routes = [\r\n {\r\n path: '',\r\n component: UserHome\r\n },\r\n {\r\n path: 'covid',\r\n component: UserCovid\r\n },\r\n {\r\n path: 'my-profile',\r\n component: UserProfile\r\n },\r\n {\r\n path: 'my-profile/change-password',\r\n component: UserChangePassword\r\n },\r\n {\r\n path: 'invoice',\r\n component: UserInvoice\r\n },\r\n {\r\n path: 'dependents',\r\n component: EmployeesDependentList\r\n },\r\n {\r\n path: 'dependents/edit/:id',\r\n component: EditEmployeesDependent\r\n },\r\n {\r\n path: 'countries',\r\n component: Countries\r\n },\r\n\r\n {\r\n path: 'countries/:id',\r\n component: CountriesInfo\r\n },\r\n {\r\n path: 'order-history',\r\n component: UserHistory\r\n },\r\n {\r\n path: 'manage-itinerary/list/:orgid/:id',\r\n component: UpdateItinerary\r\n },\r\n {\r\n path: 'interest',\r\n component: AreaInterest\r\n },\r\n {\r\n path: 'orders',\r\n component: Orders\r\n },\r\n {\r\n path: 'orders/:id',\r\n component: ViewOrder\r\n },\r\n {\r\n path: 'organizations',\r\n component: Organizations\r\n },\r\n {\r\n path: 'organizations/edit/:id',\r\n component: EditOrganization\r\n },\r\n {\r\n path: 'organizations/edit/:id/employees',\r\n component: EditOrganizationEmployees\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/employees/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/employees/child-list/:id',\r\n component: OrganizationChildList\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/employees/child-list/:id/edit/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/employees/child-list/:id',\r\n component: OrganizationChildList\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/employees/child-list/:id/edit/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'organizations/edit/:id/license',\r\n component: OrganizationLicenseList\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/license/:id',\r\n component: EditOrganizationLicense\r\n },\r\n {\r\n path: 'organizations/:id/order-history',\r\n component: OrganizationOrderHistory\r\n },\r\n {\r\n path: 'organizations/:orgid/order-history/:id',\r\n component: ViewOrganizationOrder\r\n },\r\n {\r\n path: 'manage-itinerary/edit/:orgid/:divid/:id',\r\n component: EditManualItinerary\r\n },\r\n /*{\r\n path: \"manage-manual-itinerary/edit/:orgid/:divid/:id\",\r\n component: EditItinerary\r\n },*/\r\n // {\r\n // path: \"geofencing\",\r\n // component: GeoFencingList\r\n // },\r\n // {\r\n // path: \"geofencing/:id\",\r\n // component: Maps\r\n // },\r\n {\r\n path: 'geofencing/find/org/:pathKey/',\r\n component: ReloadId\r\n },\r\n {\r\n path: 'geofencing/:orgid/',\r\n component: GeoFencingList\r\n },\r\n {\r\n path: 'geofencing/:orgid/:id/',\r\n component: Maps\r\n },\r\n {\r\n path: 'asset-tracking/find/org/:pathKey/',\r\n component: ReloadId\r\n },\r\n {\r\n path: 'asset-tracking/:orgid/',\r\n component: AssetTracking\r\n },\r\n {\r\n path: 'asset-tracking/:orgid/:id/',\r\n component: AreaInterest\r\n },\r\n {\r\n path: 'organizations/:id/divisions/',\r\n component: ListDivisonOrganization\r\n },\r\n {\r\n path: 'organizations/find/:pathKey/',\r\n component: ReloadId\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/edit/',\r\n component: EditDivisonOrganization\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/employees/',\r\n component: EditOrganizationEmployees\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/order-history/',\r\n component: OrganizationOrderHistory\r\n },\r\n /* {\r\n path: \"organizations/:orgid/divisions/:id/invoices/\",\r\n component: AccountsBilling\r\n }, */\r\n // {\r\n // path: \"organizations/:orgid/divisions/:id/logs/\",\r\n // component: OrganizationAuditLogs\r\n // },\r\n {\r\n path: 'organizations/:id/divisions/add/',\r\n component: AddDivisonOrganization\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/employees/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'traveller-itineray-details',\r\n component: TravellerItinerayMapComponent\r\n },\r\n {\r\n path: 'custom-alert',\r\n component: CustomAlertList\r\n },\r\n {\r\n path: 'custom-alert/add',\r\n component: CustomAlert\r\n },\r\n {\r\n path: 'custom-alert/view/:id',\r\n component: CustomAlertView\r\n },\r\n {\r\n path: 'accounts-billing',\r\n component: AccountBilling\r\n },\r\n {\r\n path: 'accounts-billing/:id',\r\n component: AccountBilling\r\n },\r\n {\r\n path: 'accounts-billing/organization-invoice/:id',\r\n component: OrganizationInvoice\r\n },\r\n\r\n {\r\n path: 'traveler-itinerary-viewer/:pnrId/:email',\r\n component: TravelerItineraryViewer\r\n },\r\n {\r\n path: 'traveler-manualitinerary-viewer/:pnrId',\r\n component: TravelerManualItineraryViewer\r\n },\r\n {\r\n path: 'notifications',\r\n component: Notifications\r\n },\r\n {\r\n path: 'notifications/:id',\r\n component: ViewNotification\r\n },\r\n {\r\n path: 'organizations/:id/divisions/:divid/invoices/',\r\n component: AccountBilling\r\n },\r\n {\r\n path: 'reports/active-traveler-list',\r\n component: ActiveTravelerList\r\n },\r\n {\r\n path: 'reports/Where-are-my-travelers',\r\n component: WhereareTravelers\r\n },\r\n {\r\n path: 'reports/Where-are-my-travelers/search',\r\n component: WhereareTravelersResult\r\n },\r\n {\r\n path: 'reports/travelers-by-dest-date',\r\n component: TravelersbyDestDate\r\n },\r\n {\r\n path: 'reports/travelers-by-dest-date/search',\r\n component: TravelersbyDestDatersResult\r\n },\r\n {\r\n path: 'reports/travelers-by-risk-level',\r\n component: TravelersRiskLevel\r\n },\r\n {\r\n path: 'reports/employees-on-the-same-flight',\r\n component: EmployeesonthesameFlight\r\n },\r\n {\r\n path: 'reports/domestic-international',\r\n component: DomesticInternational\r\n },\r\n {\r\n path: 'reports/domestic-international/search',\r\n component: DomesticInternationalResult\r\n },\r\n {\r\n path: 'reports/segment-analysis-report',\r\n component: SegmentAnalysis\r\n },\r\n {\r\n path: 'reports/airport-report',\r\n component: AirportReport\r\n },\r\n {\r\n path: 'reports/airport-report/search',\r\n component: AirportResult\r\n },\r\n {\r\n path: 'reports/arrival-report',\r\n component: ArrivalReport\r\n },\r\n {\r\n path: 'reports/arrival-report/search',\r\n component: ArrivalResult\r\n },\r\n {\r\n path: 'reports/departure-report',\r\n component: DepartureReport\r\n },\r\n {\r\n path: 'reports/departure-report/search',\r\n component: DepartureResult\r\n },\r\n {\r\n path: 'reports/search-by-flight',\r\n component: SearchFlightReport\r\n },\r\n {\r\n path: 'reports/search-by-flight/search',\r\n component: SearchFlightResult\r\n },\r\n {\r\n path: 'reports/active-hotel',\r\n component: ActiveHotelList\r\n },\r\n {\r\n path: 'reports/active-car-report',\r\n component: ActiveCarList\r\n },\r\n {\r\n path: 'reports/travelers-by-active-alert',\r\n component: TravelersByActiveAlertReport\r\n },\r\n {\r\n path: 'reports/travelers-by-active-alert/view/:startDate/:endDate/:id',\r\n component: ViewTravelersByActiveAlertReport\r\n },\r\n\r\n {\r\n path: 'reports/',\r\n component: ReportList\r\n },\r\n {\r\n path: 'products/product-logs/:id',\r\n component: ProductAuditLogs\r\n },\r\n {\r\n path: 'organizations/organization-logs/:id',\r\n component: OrganizationAuditLogs\r\n },\r\n {\r\n path: 'accounts-billing/audit-logs/:id',\r\n component: BillingAuditLogs\r\n },\r\n {\r\n path: 'user/audit-logs/:id',\r\n component: UserAuditLogs\r\n },\r\n {\r\n path: 'manage-itinerary/find/:pathKey',\r\n component: ReloadId\r\n },\r\n {\r\n path: 'travelers',\r\n component: ManageTravelers\r\n },\r\n {\r\n path: 'travelers/:id',\r\n component: ViewTraveler\r\n },\r\n {\r\n path: 'purchase/:pathKey',\r\n component: ReloadId\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/organization-invoice/:id',\r\n component: OrganizationInvoice\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/order-history/:id',\r\n component: ViewOrganizationOrder\r\n },\r\n {\r\n path: 'organizations/:id/divisions/:divid/license/',\r\n component: OrganizationLicenseList\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/license/:id/',\r\n component: EditOrganizationLicense\r\n },\r\n {\r\n path: 'accounts-billing/find/:pathKey',\r\n component: ReloadId\r\n },\r\n {\r\n path: '',\r\n component: NotFound,\r\n exact: false\r\n }\r\n];\r\n\r\nclass UserRouter extends Component {\r\n render() {\r\n const { url, style } = this.props;\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default UserRouter;\r\n","import { Types } from \"../constants/sidebar-types\";\r\n\r\nexport function toggleSidebar() {\r\n return async function(dispatch, getState) {\r\n dispatch({ type: Types.TOGGLE_SIDEBAR, payload: {} });\r\n };\r\n}\r\n","import { Types } from '../constants/language-types';\r\nimport {\r\n getCurrentLanguage\r\n } from \"../../languageSwitcher/config\"\r\nexport function changeLanguage(language) {\r\n return async function(dispatch, getState) {\r\n\t\ttry {\r\n var lang = getCurrentLanguage(language);\r\n\t\t\tdispatch({ type: Types.CHANGE_LANGUAGE, payload: lang });\r\n\t\t} catch (e) {\r\n\t\t\t// TODO: handle error\r\n\t\t}\r\n\t};\r\n}","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport config from \"./config\";\r\nimport * as languageAction from \"../redux/actions/language-actions\";\r\nimport { Menu ,Icon, Dropdown} from \"antd\";\r\nclass LanguageSwitcher extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleCheck = this.handleCheck.bind(this);\r\n }\r\n\r\n handleCheck(evt) {\r\n this.props.changeLanguage(evt.currentTarget.value);\r\n }\r\n render() {\r\n let language = (\r\n \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 option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\r\n >\r\n {userData &&\r\n userData.userOrgs.map((item) => {\r\n return ;\r\n })}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OrgSwitcher;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as sidebarAction from \"../../../redux/actions/sidebar-actions\";\r\nimport LanguageSwitcher from \"../../../languageSwitcher\";\r\n//import ThemeSwitcher from \"../../../themeSwitcher/index.js\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as notificationActions from \"../../../redux/actions/notifications-actions\";\r\nimport {Tooltip, Icon, Row, Col, Menu, Dropdown, Badge } from \"antd\";\r\nimport OrgSwitcher from \"../../header/orgSwitcher\";\r\nclass UserHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { \r\n collapsed: true,\r\n data: [],\r\n notificationsCount: 0\r\n };\r\n this.logout = this.logout.bind(this);\r\n }\r\n toggle = () => {\r\n this.props.toggleSidebar();\r\n };\r\n logout() {\r\n this.props.LogOutUser();\r\n this.props.history.push(\"/login\");\r\n }\r\n componentDidMount() {\r\n this.props.getNotificationsList({}).then(data => {\r\n if(this.props.userData && this.props.userData.userID){\r\n this.props.getNotificationsCount(this.props.userData.userID).then(r => this.setState({notificationsCount: r}));\r\n }\r\n let _data = data.data\r\n if(_data){\r\n _data.splice(5);\r\n\r\n this.setState({ \r\n data: _data\r\n })\r\n }\r\n })\r\n }\r\n\r\n notificationsList = () => {\r\n let notifications = this.state.data || [];\r\n let output = [];\r\n let _this = this;\r\n if(notifications.length > 0){\r\n notifications.map(function(n){\r\n output.push(\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserHeader.propTypes = {\r\n LogOutUser: PropTypes.func,\r\n isLoggedIn: PropTypes.bool,\r\n toggleSidebar: PropTypes.func,\r\n notificationCount: PropTypes.string\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.sidebar\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...sidebarAction, ...notificationActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(UserHeader)\r\n);\r\n","import { ThemeTypes } from \"../constants/theme-types\";\r\nimport OrgAPI from \"../api/organization-api\";\r\nimport config, { getCurrentTheme } from \"../../themeSwitcher/config\";\r\n\r\nexport function changeTheme(theme) {\r\n return async function(dispatch, _getState) {\r\n try {\r\n await OrgAPI.getActiveThemes().then(themes => {\r\n if(themes.data) {\r\n let user = JSON.parse(localStorage.getItem('user'));\r\n user.themeId = theme;\r\n localStorage.setItem(\"user\", JSON.stringify(user));\r\n let selecetedTheme = themes.data.find(x=>x.themeId === theme);\r\n dispatch({ type: ThemeTypes.CHANGE_THEME, payload: selecetedTheme });\r\n }\r\n });\r\n } catch (e) {\r\n \r\n }\r\n\r\n /* try {\r\n var them = getCurrentTheme(theme);\r\n let user = JSON.parse(localStorage.getItem('user'));\r\n user.themeId = theme;\r\n localStorage.setItem(\"user\", JSON.stringify(user));\r\n dispatch({ type: ThemeTypes.CHANGE_THEME, payload: them });\r\n } catch (e) {\r\n } */\r\n\r\n };\r\n}\r\n\r\nexport function setActiveThemes() {\r\n return async function(dispatch, _getState) {\r\n try {\r\n let themes = await OrgAPI.getActiveThemes();\r\n if(themes.data) {\r\n dispatch({ type: ThemeTypes.SET_ACTIVE_THEMES, payload: themes.data });\r\n }\r\n } catch (e) {\r\n // TODO: handle error\r\n }\r\n };\r\n}\r\n\r\nexport function setActiveTheme(theme) {\r\n return async function(dispatch, _getState) {\r\n try {\r\n await OrgAPI.getActiveThemes().then(themes => {\r\n if(themes.data) {\r\n let user = JSON.parse(localStorage.getItem('user'));\r\n user.themeId = theme;\r\n localStorage.setItem(\"user\", JSON.stringify(user));\r\n let selecetedTheme = themes.data.find(x=>x.themeId === theme);\r\n dispatch({ type: ThemeTypes.SET_ACTIVE_THEME, payload: selecetedTheme });\r\n }\r\n });\r\n } catch (e) {\r\n \r\n }\r\n };\r\n}\r\n\r\n","import React from \"react\";\r\nimport { Badge } from \"antd\";\r\nexport default class AlertsCount extends React.Component {\r\n render() {\r\n return (\r\n - \r\n \r\n {this.props.notificationCount > 0 ?\r\n (
- \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n )\r\n : \r\n ( - \r\n this.props.history.push(\"/user/notifications/\")}>\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 {currentUserFirstname} {currentUserLastname}\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","import React from \"react\";\r\nimport {\r\n Icon\r\n} from \"antd\";\r\nimport {\r\n HomeSvg,\r\n ManageUser,\r\n ManageCompany,\r\n Travevelers,\r\n Products,\r\n Pricing,\r\n Orders,\r\n AccountsBilling,\r\n TrackingTravelers,\r\n Reports,\r\n Settings,\r\n Countries,\r\n Email,\r\n Mobile,\r\n Reporting,\r\n Overview,\r\n // Alerts,\r\n Flight,\r\n Booking,\r\n Vip,\r\n Traveler,\r\n Hotels,\r\n // Risklevel,\r\n // Geofencing,\r\n Orderhistory,\r\n Uploaditinerary,\r\n Buynow,\r\n CustomAlert,\r\n NAVSvg,\r\n B2B2CSvg\r\n} from \"../shared/svg/svg/home-icon\";\r\nimport AlertsCount from \"../user-dash/alerts-count/index.jsx\";\r\nimport * as UserService from \"../../services/user-service\";\r\n\r\nconst HomeIcon = props => < Icon component={\r\n HomeSvg\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst ManageUserIcon = props => < Icon component={\r\n ManageUser\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst ManageCompanyIcon = props => (<\r\n Icon component={\r\n ManageCompany\r\n } {\r\n ...props\r\n }\r\n/>\r\n);\r\nconst TravevelersIcon = props => < Icon component={\r\n Travevelers\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst ProductsIcon = props => < Icon component={\r\n Products\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst PricingIcon = props => < Icon component={\r\n Pricing\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst OrdersIcon = props => < Icon component={\r\n Orders\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst AccountsBillingIcon = props => (<\r\n Icon component={\r\n AccountsBilling\r\n } {\r\n ...props\r\n }\r\n/>\r\n);\r\n\r\nconst TrackingTravelersIcon = props => (<\r\n Icon component={\r\n TrackingTravelers\r\n } {\r\n ...props\r\n }\r\n/>\r\n);\r\nconst ReportsIcon = props => < Icon component={\r\n Reports\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst SettingsIcon = props => < Icon component={\r\n Settings\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst CountriesIcon = props => < Icon component={\r\n Countries\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst EmailIcon = props => < Icon component={\r\n Email\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst MobileIcon = props => < Icon component={\r\n Mobile\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst ReportingIcon = props => < Icon component={\r\n Reporting\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst OverviewIcon = props => < Icon component={\r\n Overview\r\n} {\r\n ...props\r\n }\r\n/>;\r\n// const AlertsIcon = props => < Icon component = {\r\n// Alerts\r\n// } {\r\n// ...props\r\n// }\r\n// />;\r\nconst FlightIcon = props => < Icon component={\r\n Flight\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst BookingIcon = props => < Icon component={\r\n Booking\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst VipIcon = props => < Icon component={\r\n Vip\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst TravelerIcon = props => < Icon component={\r\n Traveler\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst HotelsIcon = props => < Icon component={\r\n Hotels\r\n} {\r\n ...props\r\n }\r\n/>;\r\n// const BranchesOutlined = props => < Icon component={\r\n// BranchesOutlined\r\n// } {\r\n// ...props\r\n// }\r\n// />;\r\n// const RisklevelIcon = props => < Icon component = {\r\n// Risklevel\r\n// } {\r\n// ...props\r\n// }\r\n// />;\r\n// const GeofencingIcon = props => < Icon component = {\r\n// Geofencing\r\n// } {\r\n// ...props\r\n// }\r\n// />;\r\nconst OrderhistoryIcon = props => < Icon component={\r\n Orderhistory\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst UploaditineraryIcon = props => < Icon component={\r\n Uploaditinerary\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst BuynowIcon = props => < Icon component={\r\n Buynow\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst CustomAlertIcon = props => < Icon component={\r\n CustomAlert\r\n} {\r\n ...props\r\n }\r\n/>;\r\nconst NAVIcon = props => < Icon component={ NAVSvg } {...props}/>;\r\nconst B2B2CIcon = props => < Icon component={ B2B2CSvg } {...props}/>;\r\n\r\nconst adminOptions = [{\r\n key: \"/admin/\",\r\n label: \"admin.sidebar.Dashboard\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"],\r\n leftIcon: < HomeIcon />\r\n},\r\n{\r\n key: \"/admin/users/\",\r\n //label: \"admin.sidebar.manageUserRole\",\r\n label: \"admin.sidebar.submenu.ManageUser\",\r\n leftIcon: < ManageUserIcon />,\r\n roles: [\"Administrator\", \"SuperAdmin\"],\r\n /* children: [{\r\n key: \"/admin/users/\",\r\n label: \"admin.sidebar.submenu.ManageUser\",\r\n roles: [\"Administrator\", \"SuperAdmin\"]\r\n },\r\n {\r\n key: \"/admin/roles/\",\r\n label: \"admin.sidebar.submenu.ManageRole\",\r\n roles: [\"Administrator\", \"SuperAdmin\"]\r\n },\r\n\r\n ] */\r\n},\r\n{\r\n key: \"/admin/organizations/\",\r\n label: \"admin.sidebar.submenu.ManageCompany\",\r\n leftIcon: < ManageCompanyIcon />,\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"],\r\n /* children: [{\r\n key: \"/admin/organizations/\",\r\n label: \"admin.sidebar.submenu.organizations\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n },\r\n {\r\n key: \"/admin/organization-types/\",\r\n label: \"admin.sidebar.submenu.organizationTypes\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n }\r\n ] */\r\n},\r\n{\r\n key: \"/admin/b2b2c-organizations/\",\r\n label: \"admin.sidebar.submenu.ManageB2B2COrg\",\r\n leftIcon: < B2B2CIcon />,\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n},\r\n{\r\n key: \"/admin/orders/\",\r\n label: \"admin.sidebar.submenu.Orders\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"],\r\n leftIcon: < OrdersIcon />\r\n},\r\n{\r\n key: \"/admin/travelers/\",\r\n label: \"admin.sidebar.submenu.Travelers\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"],\r\n leftIcon: < TravevelersIcon />\r\n},\r\n{\r\n key: \"/admin/manage-itinerary/list/1/1/\",\r\n label: \"user.sidebar.manageitinerary\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\", \"Division Manager\", \"Travel Manager\"],\r\n\r\n leftIcon: < UploaditineraryIcon />,\r\n},\r\n\r\n{\r\n key: \"/admin/products/\",\r\n label: \"admin.sidebar.submenu.Products\",\r\n roles: [\"Administrator\", \"SuperAdmin\",\"CSR\"],\r\n leftIcon: < ProductsIcon />\r\n},\r\n{\r\n key: \"/admin/pricing/\",\r\n label: \"admin.sidebar.submenu.Pricing\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"],\r\n leftIcon: < PricingIcon />,\r\n children: [{\r\n key: \"/admin/pricing/\",\r\n label: \"admin.sidebar.submenu.managePricing\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n },\r\n {\r\n key: \"/admin/promo-codes/\",\r\n label: \"admin.sidebar.submenu.managePromo\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n }, {\r\n key: \"/admin/tiers/\",\r\n label: \"admin.tiers.manageTiers\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n },\r\n {\r\n key: \"/admin/day-packages/\",\r\n label: \"admin.tiers.manageDayPackages\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n }, {\r\n key: \"/admin/tier-countries/\",\r\n label: \"admin.countries.manageCountries\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n }, {\r\n key: \"/admin/tier-states/\",\r\n label: \"admin.managestate.manageStates\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n }\r\n ]\r\n},\r\n{\r\n key: \"/admin/accounts-billing/\",\r\n label: \"admin.sidebar.submenu.AccountsBilling\",\r\n roles: [\"Administrator\", \"SuperAdmin\",\"CSR\"],\r\n leftIcon: < AccountsBillingIcon />\r\n },\r\n// {\r\n// key: \"/admin/covid\",\r\n// label: \"user.sidebar.covid\",\r\n// leftIcon: < CountriesIcon />,\r\n// roles: [\"Administrator\", \"SuperAdmin\", \"CSR\", \"Division Manager\", \"Travel Manager\"]\r\n// },\r\n{\r\n key: \"/admin/track/\",\r\n label: \"admin.sidebar.submenu.TrackingTravelers\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\", \"Division Manager\", \"Travel Manager\"],\r\n leftIcon: < TrackingTravelersIcon />,\r\n children: [{\r\n key: \"/admin/countries/\",\r\n label: \"admin.sidebar.submenu.Countries\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n },\r\n {\r\n key: \"/admin/geofencing/find/org/geofence-organization/\",\r\n label: \"admin.sidebar.submenu.GeoFencing\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n },\r\n {\r\n key: \"/admin/asset-tracking/find/org/asset-organization/\",\r\n label: \"admin.sidebar.submenu.AssetTracking\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n }\r\n ]\r\n},\r\n/* {\r\n key: \"/admin/customize-emails/\",\r\n label: \"admin.sidebar.submenu.customizeEmails\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\",\"\"],\r\n leftIcon: < EmailIcon />\r\n}, */\r\n{\r\n key: \"/admin/custom-alert/\",\r\n label: \"admin.sidebar.submenu.customAlert\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\",\"\"],\r\n leftIcon: < CustomAlertIcon />\r\n},\r\n{\r\n key: \"/admin/reports/\",\r\n label: \"admin.sidebar.submenu.Reports\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\",\"Admin\",\"Travel Manager\",\"Division Manager\"],\r\n leftIcon: < ReportsIcon />,\r\n children: [{\r\n key: \"/admin/reports/\",\r\n label: \"General\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\",\"Admin\",\"Travel Manager\",\"Division Manager\"]\r\n },{\r\n key: \"/admin/power-bi/\",\r\n label: \"Power BI\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"]\r\n }]\r\n},\r\n{\r\n key: \"/admin/nav-report/\",\r\n label: \"admin.sidebar.submenu.navReport\",\r\n roles: [\"Administrator\", \"SuperAdmin\", \"CSR\"],\r\n leftIcon: \r\n
\r\n );\r\n }\r\n}\r\n\r\nAuthTokenTimer.propTypes = {\r\n flushTimer:PropTypes.func,\r\n getTokenExpiry: PropTypes.func,\r\n expirayDate: PropTypes.string,\r\n refreshToken:PropTypes.string,\r\n token:PropTypes.string,\r\n updateToken:PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(AuthTokenTimer)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport SideBar from \"../sidebar/sidebar.jsx\";\r\nimport UserRouter from \"../../routes/user-router\";\r\nimport * as userActions from \"../../redux/actions/user-actions\"\r\nimport { Layout, Modal, Form, Input, Button, Icon } from \"antd\";\r\nimport UserHeader from \"./user-header/header.jsx\";\r\nimport * as languageAction from \"../../redux/actions/language-actions.js\";\r\nimport * as themeAction from \"../../redux/actions/theme-actions\";\r\nimport options from \"../sidebar/options\";\r\nimport * as UserService from \"../../services/user-service\";\r\nimport * as Permissions from \"../../services/permissions\"\r\nimport AuthTokenTimer from \"../shared/components/auth-token-timer/auth-token-timer\";\r\nimport { notifyUser } from \"../../services/notification-service\";\r\nimport IntlMessages from \"../../services/intlMesseges\";\r\nimport AppLocale from \"../../languageProvider\";\r\nconst { Header, Sider, Content } = Layout;\r\n\r\nclass UserDash extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n changePasswordModalVisible: false,\r\n updateEmergencyContactModalVisible: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n var currentTheme = JSON.parse(localStorage.getItem('user')),\r\n currentThemeName = 'theme-' + currentTheme.themeId;\r\n document.body.setAttribute('class', currentThemeName);\r\n document.body.setAttribute('style', \"\");\r\n if (!this.props.userData || !this.props.userData.userID) {\r\n await this.props.getUserData();\r\n }\r\n let currentUser = UserService.getUser();\r\n if (currentUser.userID && currentUser.accountConfirmed === false) {\r\n localStorage.setItem(\"remember_me\", false);\r\n if (this.props.history.location.pathname.indexOf(\"change-password\") <= -1) {\r\n this.props.history.push('/user/my-profile/change-password');\r\n }\r\n }\r\n await this.props.hasB2B2CEmergencyContact(currentUser.userID).then(response => {\r\n if (response.data && typeof response.data.emergencyContactExists != \"undefined\" && response.data.emergencyContactExists != null) {\r\n if ((response.data.emergencyContactExists === false)) {\r\n this.setState({ updateEmergencyContactModalVisible: true });\r\n }\r\n }\r\n });\r\n }\r\n showModal = () => {\r\n this.setState({\r\n planExp: true,\r\n });\r\n };\r\n handleOk = e => {\r\n this.setState({\r\n planExp: false,\r\n });\r\n };\r\n submitPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n this.props.history.push('/admin/my-profile');\r\n }\r\n\r\n cancelPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n }\r\n \r\n handleEmergencyContactSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.setState({ loading: true });\r\n let currentUser = UserService.getUser();\r\n this.props.updateB2B2CEmergencyContact(currentUser.userID, values).then(response => {\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false, updateEmergencyContactModalVisible: false });\r\n notifyUser(currentAppLocale.messages[\"admin.update.success\"], \"success\");\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n validatePhone(rule, value, callback){\r\n //const re = /^[0-9']+$/;\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/)\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length < 6 || test ===false)){\r\n callback(For security reasons we suggest you to reset your password.
\r\n \r\nTo ensure your maximum security we need your emergency contact in case we are not reachable to you.
\r\n \r\n \r\nFor security reasons, we suggest you to reset your password.
\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\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-profile\" })(UserProfile);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, DatePicker, Modal, Form, Radio, Spin } from \"antd\";\r\nimport { ViewCell } from \"../../shared/components/helperCells\";\r\nimport * as orderActions from \"../../../redux/actions/order-actions\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport Config from \"../../../../../config\";\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\n\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateDownloadFormat = \"YYYY-MM-DD\";\r\nconst { RangePicker } = DatePicker;\r\n\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass OrganizationOrderHistory extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ordersLoaded: false,\r\n loading: false,\r\n isLoading: true,\r\n currentPlanName: null,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push('../../')}\r\n >\r\n \r\n
\r\n
\r\n\r\n : {this.formatter.format(this.state.totalCommission)} USD\r\n */}\r\n <>\r\n
\r\n
\r\n\r\n
\r\n \r\n record.orderId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(OrganizationOrderHistory)\r\n); ","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../redux/actions/order-actions\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport {\r\n Typography,\r\n Form,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Descriptions,\r\n Table,\r\n Tag,\r\n Tooltip,\r\n Modal,\r\n Input\r\n} from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nclass ViewOrder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n updateCompanionModalVisible: false,\r\n currentCompanionId: null,\r\n currentCompanionEmail: null,\r\n currentCompanionPhone: null,\r\n currentCompanionOrgId: null,\r\n orderInfo: {}\r\n };\r\n }\r\n\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n });\r\n async componentDidMount() {\r\n this.setState({ loading: true, id: this.props.match.params.orderId });\r\n this.loadOrder();\r\n }\r\n\r\n loadOrder = async() => {\r\n const order = await this.props.getOrder(this.props.match.params.orderId);\r\n this.setState({ orderInfo: order.data, currentCompanionOrgId: order.data.orgId });\r\n this.setState({ loading: false });\r\n }\r\n\r\n submitFormAdd = data => {\r\n this.props\r\n .addOrder(data)\r\n .then(item => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"./\");\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n editItem = id => {\r\n this.props.history.push(\"./edit/\" + id);\r\n };\r\n\r\n submitFormEdit = data => {\r\n this.props\r\n .updateOrder(data)\r\n .then(item => {\r\n if (item.error) {\r\n } else {\r\n this.props.history.push(\"./\");\r\n }\r\n\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if(values[key] == null){\r\n values[key] = '';\r\n } else {\r\n if(typeof values[key] == 'string'){\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values[\"id\"] = this.state.id;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n \r\n handleContactExistance(rule, value, callback){\r\n //const re = /^[0-9']+$/;\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/)\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length <6 || test ===false)){\r\n callback(\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n { \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...UserActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"view-order\" })(ViewOrder);\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Icon, Card } from 'antd';\r\nimport { Chart, Geom, Tooltip } from \"bizcharts\";\r\nimport { TotalIncomeSvg } from \"../../shared/svg/svg/home-icon\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nconst TotalIncomeIcon = props => < Icon component={\r\n TotalIncomeSvg\r\n} {\r\n ...props\r\n }\r\n/>;\r\nexport default class TotalIncome extends Component {\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n });\r\n render() {\r\n const cols = {\r\n sales: {\r\n tickInterval: 20\r\n }\r\n };\r\n return (\r\n \r\n
\r\n \r\n {this.state.orderInfo.expiryDate}
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
{this.formatter.format(this.props.incomeData.total)}
\r\n {this.props.salesData.total}
\r\n ${this.props.profitData.total}
\r\n \r\n }\r\n bodyStyle={{ padding: 0 }}\r\n extra={ record.name}\r\n pagination={false}\r\n columns={this.getHeaderKeys()}\r\n dataSource={this.state.data}\r\n loading={this.state.loading}\r\n />\r\n \r\n this.props.history.push(\"manage-orders/\")}\r\n >\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrderActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ListCompaines\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Button, Icon, Card, Row } from \"antd\";\r\nimport {\r\n TravelersSvg,\r\n} from \"../../shared/svg/svg/home-icon\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\"\r\nconst TravelersSvgIcon = props => \r\n record.userName}\r\n pagination={false}\r\n columns={this.getHeaderKeys()}\r\n dataSource={this.state.data}\r\n loading={this.state.loading}\r\n />\r\n \r\n this.props.history.push(\"manage-travelers/\")}\r\n >\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellerActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ListTravelers\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Row, Col, Typography, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport TotalIncome from \"./total-income\";\r\nimport TotalSales from \"./total-sales\";\r\nimport TotalViews from \"./total-views\";\r\nimport ProductGraph from \"./product-graph\";\r\nimport ListOrders from \"./list-orders\";\r\nimport ListTravelers from \"./list-travelers\";\r\nimport * as AdminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as ProductActions from \"../../../redux/actions/product-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport moment from \"moment\";\r\nimport { DatePicker } from \"antd\";\r\nconst { RangePicker } = DatePicker;\r\nconst dateFormat = \"MM-DD-YYYY\";\r\nconst queryDateFormatStart = \"YYYY-MM-DD 00:00:00\";\r\nconst queryDateFormatEnd = \"YYYY-MM-DD 23:59:59\";\r\n\r\n\r\n//moment.tz.setDefault();\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass UserHome extends Component {\r\n state = {\r\n productsSaleData: [],\r\n salesData: {\r\n data: [],\r\n total: 0\r\n },\r\n incomeData: {\r\n data: [],\r\n total: 0\r\n },\r\n profitData: {\r\n data: [],\r\n total: 0\r\n },\r\n notificationsData: {\r\n emails: 0,\r\n sms: 0,\r\n pushNotifications: 0,\r\n notifications: 0\r\n },\r\n isDPEnabled: true,\r\n dataPickerDates: [start, end],\r\n visible: false,\r\n statsLoading: true\r\n };\r\n componentDidMount = () => {\r\n //this.props.clearPaginationExceptMe('dashboard');\r\n this.loadProductSalesData();\r\n };\r\n loadProductSalesData = async () => {\r\n let _this = this;\r\n let dateRanges = _this.state.dataPickerDates;\r\n\r\n let args = {\r\n startDate: dateRanges[0].format(queryDateFormatStart),\r\n endDate: dateRanges[1].format(queryDateFormatEnd)\r\n };\r\n\r\n /* total sales */\r\n this.props.getResellerTotalOrders(args).then(response => {\r\n let _salesData = this.state.salesData;\r\n _salesData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Sale\": el.totalOrder };\r\n });\r\n _salesData.total = response.data.reduce(function(tot, el) {\r\n return tot + el.totalOrder;\r\n }, 0);\r\n this.setState({\r\n salesData: _salesData\r\n });\r\n });\r\n\r\n /* total income */\r\n /* this.props.getTotalIncome(args).then(response => {\r\n let _incomeData = this.state.incomeData;\r\n _incomeData.total = response.data.reduce(function(tot, el) {\r\n return tot + el.totalIncome;\r\n }, 0);\r\n _incomeData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Income\": el.totalIncome };\r\n });\r\n this.setState({\r\n incomeData: _incomeData\r\n });\r\n }); */\r\n\r\n /* total profit */\r\n this.props.getResellerTotalProfit(args).then(response => {\r\n let _profitData = this.state.profitData;\r\n _profitData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Profit\": el.totalCommission };\r\n });\r\n _profitData.total = response.data\r\n .reduce(function(tot, el) {\r\n return tot + el.totalCommission;\r\n }, 0)\r\n .toFixed(2);\r\n this.setState({\r\n profitData: _profitData\r\n });\r\n });\r\n\r\n /* sales by product */\r\n let _productsSaleData = /* _this.state.productsSaleData || */[];\r\n _this.props.getProducts({}).then(response1 => {\r\n response1.data &&\r\n response1.data.map(function(el1) {\r\n if(el1.name.toLowerCase().indexOf(\"cap\") === -1){\r\n let data = Object.assign({}, args);\r\n data.productId = el1.productId;\r\n _this.props.getResellerTotalSale(data).then(response2 => {\r\n let _salesData = {};\r\n _salesData.data =\r\n response2.data &&\r\n response2.data.map(function(el3) {\r\n return { Date: el3.orderDate, \"Total Sale\": el3.totalProducts };\r\n });\r\n _salesData.total =\r\n response2.data &&\r\n response2.data.reduce(function(tot, el4) {\r\n return tot + el4.totalProducts;\r\n }, 0);\r\n _salesData.name = el1.name;\r\n _salesData.productId = el1.productId;\r\n _productsSaleData[el1.productId] = _salesData;\r\n _this.setState({\r\n productsSaleData: _productsSaleData\r\n });\r\n });\r\n }\r\n });\r\n });\r\n setTimeout(function() {\r\n _this.setState({ statsLoading: false });\r\n }, 1000);\r\n\r\n /* notifications count */\r\n this.props.getDashboardNotificationsData(args).then(response => {\r\n let _notificationsData = {\r\n emails: 0,\r\n pushNotifications: 0,\r\n sms: 0,\r\n notifications: 0\r\n };\r\n response.data.map(function(el){\r\n _notificationsData.emails += el.userNotificationsEmailCount;\r\n _notificationsData.pushNotifications += el.userNotificationsPushCount;\r\n _notificationsData.sms += el.userNotificationsSmsCount;\r\n _notificationsData.notifications += el.userNotificationsCount;\r\n });\r\n this.setState({\r\n notificationsData: _notificationsData\r\n });\r\n });\r\n };\r\n\r\n dateChanged = dates => {\r\n if(dates.length > 0){\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: dates\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: [start, end]\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n }\r\n };\r\n\r\n showDrawer = () => {\r\n this.setState({\r\n visible: true\r\n });\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n };\r\n render() {\r\n let _this = this;\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...ProductActions, ...AdminActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(UserHome)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Typography, Row, Col, Form, Input, Button, Popover, Icon, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {notifyUser} from \"../../../services/notification-service\";\r\nimport * as UserService from '../../../services/user-service';\r\n\r\nconst validColor = '#52c41a', invalidColor = '#cb0019';\r\nconst validIcon = 'check-circle', invalidIcon = 'exclamation-circle';\r\nclass UserChangePassword extends Component {\r\n state = {\r\n forceChangePasswordText: '',\r\n loading: false,\r\n formLayout: \"vertical\",\r\n password: {\r\n isValid: false,\r\n visibleHint: false,\r\n uppercase: {\r\n hasUppercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n lowercase: {\r\n hasLowercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n numeric: {\r\n hasNumer: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n specialCharacter: {\r\n hasSpecialChar: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n characters: {\r\n minLength: 8,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n }\r\n }\r\n };\r\n\r\n componentDidMount = async() => {\r\n this.props.clearPaginationExceptMe('change_password');\r\n let currentUser = UserService.getUser();\r\n if(currentUser.userID && currentUser.accountConfirmed === false){\r\n this.setState({\r\n forceChangePasswordText: 'For security reasons please change your password first!'\r\n });\r\n }\r\n }\r\n\r\n handleFormLayoutChange = e => {\r\n this.setState({ formLayout: e.target.value });\r\n };\r\n\r\n compareToNewPassword = (_rule, value, callback) => {\r\n const { form } = this.props;\r\n let _password = this.state.password;\r\n if (value && value !== form.getFieldValue('password')) {\r\n callback(\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {this.state.productsSaleData.map(function(el) {\r\n let mdCols = Math.ceil(24/_this.state.productsSaleData.filter(function (el) { return el != null; }).length);\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n {this.state.forceChangePasswordText != '' ? \r\n
\r\n }\r\n title={\r\n
{this.state.forceChangePasswordText}
\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(DerivedPricingQuickView)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n Typography,\r\n Form,\r\n Row,\r\n Col,\r\n Select,\r\n Button, \r\n Spin,\r\n Checkbox\r\n} from \"antd\";\r\nimport * as B2B2COrgActions from \"../../../redux/actions/b2b2c-organization-actions\"\r\nimport * as OrgPlanTypeActions from \"../../../redux/actions/org-plan-types\"\r\nimport * as PricingActions from \"../../../redux/actions/pricing-actions\"\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport DerivedPricingQuickView from \"../../admin-dash/pricing/view/derived-quickview\";\r\nimport AppLocale from \"../../../languageProvider\";\r\n\r\nconst { Option } = Select;\r\nclass EditB2B2COrganizationPlan extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n orgData: [],\r\n retailPrices: [],\r\n selectedPriceList: null,\r\n planType: {\r\n indeterminate: false,\r\n checkAll: false,\r\n selectedPlanTypes: [],\r\n planTypesList: []\r\n },\r\n loading: true\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n let _retailPrices = this.state.retailPrices;\r\n let _planType = this.state.planType;\r\n let _orgData = this.state.orgData;\r\n await this.props\r\n .getPricing({\r\n filters: {},\r\n pagination: {},\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n if (resp.data.length > 0) {\r\n let __retailPrices = [];\r\n resp.data.map(item => {\r\n if (item.calculationFor == \"RetailPrice\") {\r\n __retailPrices.push(item);\r\n }\r\n });\r\n _retailPrices = __retailPrices;\r\n }\r\n })\r\n .catch(ex => {\r\n });\r\n \r\n await this.props.getPlanTypes({\r\n filters: {},\r\n pagination: {},\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n if (resp.data && resp.data.length > 0) {\r\n _planType.planTypesList = resp.data;\r\n }\r\n });\r\n\r\n \r\n if(this.props.orgData && this.props.orgData.organizationId){\r\n _orgData = this.props.orgData;\r\n if(_orgData.orgPlans && _orgData.orgPlans.length > 0){\r\n _planType.selectedPlanTypes = _orgData.orgPlans.map(i => parseInt(i.planTypeId));\r\n if(_planType.selectedPlanTypes.length === _planType.planTypesList.length){\r\n _planType.indeterminate = false;\r\n _planType.checkAll = true;\r\n } else {\r\n _planType.indeterminate = !!_planType.selectedPlanTypes.length && _planType.selectedPlanTypes.length < _planType.planTypesList.length;\r\n }\r\n this.props.form.setFieldsValue({ \"orgPlans\": _planType.selectedPlanTypes });\r\n }\r\n if(_orgData.b2B2CPriceId > 0){\r\n await this.props.getPrice(_orgData.b2B2CPriceId).then(res => {\r\n if (res.pricingInfo) {\r\n this.setState({ selectedPriceList: res.pricingInfo });\r\n } else {\r\n this.setState({ selectedPriceList: null });\r\n }\r\n });\r\n }\r\n }\r\n this.setState({\r\n orgData: _orgData,\r\n retailPrices: _retailPrices,\r\n planType: _planType,\r\n loading: false\r\n });\r\n }\r\n\r\n handleSubmit() {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n this.setState({ loading: true })\r\n let args = this.state.orgData;\r\n args.orgPlans = this.state.planType.selectedPlanTypes.map(plan => { return { planTypeId: plan }});\r\n args.b2B2CPriceId = values.b2B2CPriceId;\r\n this.props\r\n .updateOrganizationwithId(args, parseInt(this.props.match.params.id))\r\n .then(async(response) => {\r\n if (response.error) {\r\n notifyUser(response.error.message, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props.updateStateOnChange();\r\n notifyUser(currentAppLocale.messages[\"admin.organization.edit\"], 'success');\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n })\r\n }\r\n\r\n backpage() {\r\n const current = this.props.current - 1;\r\n this.setState({ current: current });\r\n this.props.onchange('current', 0)\r\n }\r\n\r\n onChangePlan = async (pricingId) => {\r\n await this.props.getPrice(pricingId).then(res => {\r\n if (res.pricingInfo) {\r\n this.setState({ selectedPriceList: null }, ()=> this.setState({ selectedPriceList: res.pricingInfo }));\r\n } else {\r\n this.setState({ selectedPriceList: null });\r\n }\r\n });\r\n }\r\n\r\n onChangePlanType = checkedList => {\r\n let _planType = this.state.planType;\r\n _planType.selectedPlanTypes = checkedList;\r\n _planType.indeterminate = !!checkedList.length && checkedList.length < _planType.planTypesList.length;\r\n _planType.checkAll = checkedList.length === _planType.planTypesList.length;\r\n this.setState({ planType: _planType });\r\n };\r\n\r\n onCheckAllChange = e => {\r\n let _planType = this.state.planType;\r\n _planType.indeterminate = false;\r\n _planType.checkAll = e.target.checked;\r\n _planType.selectedPlanTypes = e.target.checked ? _planType.planTypesList.map(l => l.autoId) : [];\r\n this.setState({ planType: _planType });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n return (\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\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...B2B2COrgActions, ...PricingActions, ...OrgPlanTypeActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n EditB2B2COrganizationPlan\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as B2B2COrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as adminActions from \"../../../redux/actions/admin-actions\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nconst { Option } = Select;\r\nvar validator = require(\"email-validator\");\r\n\r\nclass PrimaryAddress extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formLayout: undefined,\r\n data: {},\r\n countries: [],\r\n userData: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n loading: true\r\n };\r\n this.checkchange = this.checkchange.bind(this)\r\n this.backpage = this.backpage.bind(this)\r\n\r\n }\r\n\r\n async componentDidMount() {\r\n if(this.props.orgData && this.props.orgData.organizationId){\r\n let _disablecheck = this.state.disablecheck;\r\n let _disablecheck2 = this.state.disablecheck2;\r\n if (this.props.orgData.isBusinessAddressSame) {\r\n _disablecheck = true;\r\n } else {\r\n _disablecheck = false;\r\n }\r\n if (this.props.orgData.isCommunicationAddressSame) {\r\n _disablecheck2 = true;\r\n } else {\r\n _disablecheck = false;\r\n }\r\n this.setState({\r\n orgData: this.props.orgData,\r\n secdata: this.props.orgData.orgContacts.filter(data => (data.addressTypeID === 2))[0],\r\n billingData: this.props.orgData.orgContacts.filter(data => (data.addressTypeID === 3))[0],\r\n adminInfo: this.props.orgData.adminInfo,\r\n isBusinessAddressSame: this.props.orgData.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.props.orgData.isCommunicationAddressSame,\r\n disablecheck: _disablecheck,\r\n disablecheck2: _disablecheck2\r\n });\r\n }\r\n this.props.getCountriesListName().then(data => {\r\n this.setState({ \r\n countries: data,\r\n loading: false\r\n });\r\n });\r\n }\r\n\r\n handleSubmit() {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n this.setState({ loading: true })\r\n let orgId = (this.props.userData && this.props.userData.companyID) ? this.props.userData.companyID : null;\r\n if(orgId === null){\r\n let cu = JSON.parse(localStorage.getItem(\"user\"));\r\n if(cu && cu.companyID){\r\n orgId = cu.companyID;\r\n }\r\n }\r\n var JSONorg = {\r\n organizationId: parseInt(orgId),\r\n name: values.company_name,\r\n address1: values.address,\r\n state: values.company_state,\r\n city: values.city,\r\n countryId: values.country,\r\n zipCode: values.zip,\r\n fpManagerID: 0,\r\n fpSalesExecutiveID: 0,\r\n isBusinessAddressSame: this.state.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.state.isCommunicationAddressSame,\r\n productInfo: this.state.orgData.productInfo,\r\n phoneNumber: values.phoneNumber,\r\n /* contactFirstName: values.firstName,\r\n contactLastName: values.lastName, */\r\n customerID: values.customer_id,\r\n jobNumber: values.job_number,\r\n orgContacts: [{\r\n addressTypeID: 2,\r\n city: values.sec_city,\r\n zipCode: values.sec_zip,\r\n state: values.sec_state,\r\n countryId: values.sec_country,\r\n contacts: values.sec_phoneNumber,\r\n contactPerson: values.secondary_contactPerson,\r\n emailID: values.sec_email,\r\n address: values.sec_address,\r\n },\r\n {\r\n addressTypeID: 3,\r\n countryId: values.billing_country,\r\n address: values.billing_address,\r\n state: values.billing_state,\r\n city: values.billing_city,\r\n contacts: values.billing_phoneNumber,\r\n contactPerson: values.billing_contactPerson,\r\n emailID: values.billing_email,\r\n zipCode: values.billing_zip,\r\n\r\n \r\n billingCompanyName: values.billing_company_name\r\n }\r\n ],\r\n orgPCCAccounts: this.state.orgData.orgPCCAccounts\r\n }\r\n this.props.updateOrganizationwithId(JSONorg, orgId).then(response => {\r\n if (response.error) {\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(currentAppLocale.messages[\"admin.organization.edit\"], 'success');\r\n //this.props.history.goBack();\r\n this.setState({ loading: false });\r\n\r\n }\r\n })\r\n }\r\n })\r\n }\r\n checkchange(e) {\r\n if (e.target.id === \"secAddress\" && e.target.checked === true) {\r\n\r\n let _secData = this.state.secdata;\r\n _secData.address = this.state.orgData.address1;\r\n _secData.countryId = this.state.orgData.countryId\r\n _secData.state = this.state.orgData.state\r\n _secData.city = this.state.orgData.city\r\n _secData.zipCode = this.state.orgData.zipCode\r\n _secData.contacts = this.state.orgData.phoneNumber\r\n _secData.emailID = this.state.orgData.orgEmail\r\n _secData.contactPerson = this.state.adminInfo.firstName.concat(' ', this.state.adminInfo.lastName);\r\n\r\n\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: true\r\n })\r\n\r\n this.props.form.setFieldsValue({\r\n sec_city: _secData.city,\r\n sec_address: _secData.address,\r\n sec_zip: _secData.zipCode,\r\n sec_phoneNumber: _secData.contacts,\r\n sec_email: _secData.emailID,\r\n secondary_contactPerson: _secData.contactPerson,\r\n sec_country: _secData.countryId,\r\n sec_state: _secData.state\r\n })\r\n\r\n } else if (e.target.id === \"secAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: false\r\n })\r\n // billing address\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === true) {\r\n\r\n let _billingData = this.state.billingData;\r\n _billingData.address = this.state.orgData.address1;\r\n _billingData.countryId = this.state.orgData.countryId\r\n _billingData.state = this.state.orgData.state\r\n _billingData.city = this.state.orgData.city\r\n _billingData.zipCode = this.state.orgData.zipCode\r\n _billingData.contacts = this.state.orgData.phoneNumber\r\n _billingData.emailID = this.state.orgData.orgEmail\r\n _billingData.contactPerson = this.state.adminInfo.firstName.concat(' ', this.state.adminInfo.lastName);\r\n _billingData.billingCompanyName = this.state.orgData.name\r\n\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: true\r\n });\r\n this.props.form.setFieldsValue({\r\n billing_city: _billingData.city,\r\n billing_address: _billingData.address,\r\n billing_zip: _billingData.zipCode,\r\n billing_phoneNumber: _billingData.contacts,\r\n billing_email: _billingData.emailID,\r\n billing_contactPerson: _billingData.contactPerson,\r\n billing_country: _billingData.countryId,\r\n billing_state: _billingData.state,\r\n billing_company_name: _billingData.billingCompanyName\r\n })\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: false\r\n })\r\n }\r\n }\r\n backpage() {\r\n this.props.history.goBack();\r\n }\r\n handleEmailExistance = (rule, value, callback) => {\r\n\r\n if (this.props.email === null || this.props.email === undefined || this.props.email === '') {\r\n callback(\r\n {/* Primary address*/}\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\nPrimaryAddress.propTypes = {\r\n location: PropTypes.object,\r\n\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.language,\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions, ...userActions, ...B2B2COrgActions ,...adminActions}, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"primary-address\" })(PrimaryAddress);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n Typography,\r\n Row,\r\n Col,\r\n Form,\r\n Spin,\r\n Button,\r\n Upload,\r\n Icon,\r\n message,\r\n Checkbox,\r\n Select,\r\n Radio,\r\n Input,\r\n Divider\r\n} from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as b2b2cOrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport config from \"../../../../../config\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport Axios from \"axios\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport 'rc-color-picker/assets/index.css';\r\nimport DefaultBackgroundImage from '../../../images/main-bg.png';\r\nimport { Panel as ColorPickerPanel } from 'rc-color-picker';\r\nimport WizardIconSVG from \"../../shared/svg/b2c-svg/wizard-svg.jsx\";\r\nconst { Option } = Select;\r\n/* const msgLogoremovedSuceess = */}\r\n
All Rights Reserved.\",\r\n primaryColor: \"\",\r\n backgroundImage: null,\r\n backgroundImageUploadFileName: \"\",\r\n wizardIcon: null,\r\n wizardIconUploadFileName: \"\",\r\n hasBackgroundImage: false,\r\n hasWizardIcon: false,\r\n wizardActiveIcon: null,\r\n wizardActiveIconUploadFileName: \"\",\r\n hasWizardActiveIcon: false\r\n };\r\n\r\n componentDidMount = async() => {\r\n await this.props.getActiveThemes().then(response => {\r\n this.setState({ allThemes: response.data });\r\n }).catch(e => {\r\n console.log(\"Exception: \", e);\r\n });\r\n this.loadSettings();\r\n }\r\n\r\n async loadSettings(){\r\n let _orgData = this.state.orgData;\r\n if(this.props.orgData && this.props.orgData.organizationId){\r\n _orgData = this.props.orgData;\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.logo = _orgData.logo;\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.props.getUserData();\r\n this.setState({\r\n hasLogo: (_orgData && _orgData.logo !== null) ? true : false,\r\n hasBackgroundImage: (_orgData && _orgData.backgroundImage !== null) ? true : false,\r\n hasWizardIcon: (_orgData && _orgData.wizardIcons !== null) ? true : false,\r\n hasWizardActiveIcon: (_orgData && _orgData.wizardIconActive !== null) ? true : false,\r\n defaultTheme: _orgData.themeId || 1,\r\n selectedColor: (this.state.allThemes.length > 0) ? this.state.allThemes.find(i => i.themeId === (_orgData.themeId || 1)).primaryColor : null,\r\n IsEmail: (_orgData.isEmailActive === true) ? true : false,\r\n IsSms: (_orgData.isSMSActive === true) ? true : false,\r\n IsPushNotification: (_orgData.isNotificationActive === true) ? true : false,\r\n capLogoVisibility: (_orgData.isCapLogoVisible === null || _orgData.isCapLogoVisible === true) ? true : false,\r\n footerVisibility: (_orgData.isFooterVisible === null || _orgData.isFooterVisible === true) ? true : false,\r\n orgData: _orgData,\r\n footerText: _orgData.footerText,\r\n loading: false\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n \r\n fetchSettings = async() => {\r\n await this.props.getOrganizationId(this.props.orgData.organizationId).then(async resp => {\r\n if (resp.error) {\r\n notifyUser(resp.error.message, 'error');\r\n this.props.history.push('./../../');\r\n this.setState({ loading: false });\r\n } else {\r\n let _orgData = this.state.orgData;\r\n if(resp.data && resp.data.organizationId){\r\n _orgData = resp.data;\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.logo = _orgData.logo;\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.props.getUserData();\r\n this.setState({\r\n hasLogo: (_orgData && _orgData.logo !== null) ? true : false,\r\n hasBackgroundImage: (_orgData && _orgData.backgroundImage !== null) ? true : false,\r\n hasWizardIcon: (_orgData && _orgData.wizardIcons !== null) ? true : false,\r\n hasWizardActiveIcon: (_orgData && _orgData.wizardIconActive !== null) ? true : false,\r\n defaultTheme: _orgData.themeId || 1,\r\n selectedColor: (this.state.allThemes.length > 0) ? this.state.allThemes.find(i => i.themeId === (_orgData.themeId || 1)).primaryColor : null,\r\n IsEmail: (_orgData.isEmailActive === true) ? true : false,\r\n IsSms: (_orgData.isSMSActive === true) ? true : false,\r\n IsPushNotification: (_orgData.isNotificationActive === true) ? true : false,\r\n capLogoVisibility: (_orgData.isCapLogoVisible === null || _orgData.isCapLogoVisible === true) ? true : false,\r\n footerVisibility: (_orgData.isFooterVisible === null || _orgData.isFooterVisible === true) ? true : false,\r\n orgData: _orgData,\r\n footerText: _orgData.footerText,\r\n loading: false\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n }).catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n /* setAlertMediumOptions = (e) => {\r\n let _values = {};\r\n switch(e.target.value){\r\n case 'sms':\r\n _values.IsSms = e.target.checked;\r\n break;\r\n case 'email':\r\n _values.IsEmail = e.target.checked;\r\n break;\r\n case 'pushnotification':\r\n _values.IsPushNotification = e.target.checked;\r\n break;\r\n default:\r\n break;\r\n }\r\n this.setState(_values);\r\n } */\r\n \r\n setTheme = (selected, option) => {\r\n this.setState({\r\n themeId: selected,\r\n selectedColor: option.props.data_color\r\n });\r\n }\r\n \r\n changeTheme = (selected) => {\r\n this.setState({\r\n themeId: selected,\r\n defaultTheme: selected\r\n });\r\n }\r\n\r\n handleSubmit = async(e) => {\r\n e.preventDefault();\r\n let _this = this;\r\n this.setState({loading: true});\r\n const formData = new FormData();\r\n formData.append('file', this.state.logo); \r\n formData.set('OrgId', this.state.orgData.organizationId);\r\n formData.set('ThemeId', this.state.themeId);\r\n /* formData.set('IsEmail', this.state.IsEmail);\r\n formData.set('IsSms', this.state.IsSms);\r\n formData.set('IsPushNotification', this.state.IsPushNotification); */\r\n formData.append('BackgroundLogoFile', this.state.backgroundImage); \r\n formData.append('WizardIconFile', this.state.wizardIcon);\r\n formData.append('WizardIconActiveFile', this.state.wizardActiveIcon);\r\n formData.set('IsFooterVisible', this.state.footerVisibility); \r\n formData.set('PrimaryColor', this.state.primaryColor); \r\n formData.set('FooterText', this.state.footerText); \r\n //formData.set('IsCapLogoVisible', this.state.capLogoVisibility); \r\n\r\n let token = UserServices.getToken();\r\n let _headers = {'Content-Type': 'multipart/form-data'};\r\n if (token) _headers['authorization'] = token ? 'Bearer ' + token : undefined;\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n Axios({\r\n method: 'post',\r\n url: config.API1+'/api/B2B2CSettings',\r\n data: formData,\r\n headers: _headers\r\n })\r\n .then(function(_response){\r\n let _currentUser = UserServices.getUser();\r\n if(_currentUser.companyID === _this.state.orgData.organizationId){\r\n _currentUser.themeId = _this.state.themeId;\r\n localStorage.setItem('user', JSON.stringify(_currentUser));\r\n document.body.setAttribute('class', 'theme-'+_this.state.themeId);\r\n }\r\n _this.setState({\r\n logo: null, \r\n uploadFileName: \"\", \r\n backgroundImageUploadFileName: \"\", \r\n wizardIconUploadFileName: \"\", \r\n wizardActiveIconUploadFileName: \"\", \r\n loading: false\r\n }, () => {\r\n _this.fetchSettings();\r\n });\r\n notifyUser(currentAppLocale.messages[\"admin.organization.editsettings\"], \"success\");\r\n })\r\n .catch(function (_response) {\r\n console.log(\"Err: \", _response);\r\n _this.setState({loading: false});\r\n });\r\n };\r\n\r\n imageUploadProps = (ImageStateObject, ImageStateNameString, acceptedTypes = \".jpg,.jpeg,.png\") => {\r\n let _this = this;\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n return {\r\n showUploadList: false,\r\n accept: acceptedTypes,\r\n multiple: false,\r\n beforeUpload: file => {\r\n let isValidFile = false;\r\n acceptedTypes.split(\",\").map(type => {\r\n if(file.type.indexOf(type.replace(\".\",\"\")) > -1){\r\n isValidFile = true;\r\n }\r\n });\r\n if(isValidFile === false){\r\n message.error(currentAppLocale.messages[\"admin.fileupload.acceptedtypes\"]);\r\n _this.setState({ [ImageStateObject]: null, [ImageStateNameString]: \"\"});\r\n } else {\r\n _this.setState({ [ImageStateObject]: file, [ImageStateNameString]: file.name});\r\n }\r\n return false;\r\n },\r\n onRemove: _file => {\r\n _this.setState({ [ImageStateObject]: null, [ImageStateNameString]: \"\"});\r\n },\r\n onSuccess: _res => {\r\n _this.setState({ [ImageStateObject]: null});\r\n },\r\n onError(_err) {\r\n message.error(currentAppLocale.messages[\"admin.fileupload.failed\"]);\r\n }\r\n }\r\n };\r\n\r\n removeImage(type, hasType) {\r\n let self = this;\r\n this.setState({loading: true});\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n switch(type){\r\n case \"logo\":\r\n let confirmDeleteLogo = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.logo\"]);\r\n if (confirmDeleteLogo) {\r\n this.props\r\n .removeLogo(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.unknown.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.logo = \"\";\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.organizationsettings.removelogo\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n case \"backgroundImage\":\r\n let confirmDeleteBackgroundImage = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.background\"]);\r\n if (confirmDeleteBackgroundImage) {\r\n this.props\r\n .removeBackgroundImage(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.unknown.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n case \"wizardIcon\":\r\n let confirmDeleteWizardIcon = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.wizard\"]);\r\n if (confirmDeleteWizardIcon) {\r\n this.props\r\n .removeWizardIcon(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.unknown.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n case \"wizardActiveIcon\":\r\n let confirmDeleteWizardActiveIcon = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.wizard\"]);\r\n if (confirmDeleteWizardActiveIcon) {\r\n this.props\r\n .removeWizardActiveIcon(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n default:\r\n this.setState({ [type]: null, [hasType]: false, loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n break;\r\n }\r\n }\r\n\r\n onChangeCapLogoVisibility = (e) => {\r\n this.setState({\r\n capLogoVisibility: e.target.value,\r\n });\r\n }\r\n\r\n onChangeFooterVisibility = (e) => {\r\n this.setState({\r\n footerVisibility: e.target.value,\r\n });\r\n }\r\n\r\n onChangeFooterText = (e) => {\r\n this.setState({\r\n footerText: e.target.value,\r\n });\r\n }\r\n\r\n onChangePrimaryColor = (colorObj) => {\r\n this.setState({\r\n primaryColor: colorObj.color\r\n });\r\n }\r\n\r\n render() {\r\n const alertMediumOptions = [\r\n { label: \"SMS\", value: \"sms\" },\r\n { label: \"Email\", value: \"email\" },\r\n { label: \"Push Notification\", value: \"pushnotification\" }\r\n ];\r\n const { formLayout } = this.state; \r\n const themeOptionsSelector = (\r\n this.state.allThemes.length > 0 ?\r\n
\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\nAdminSettings.propTypes = {\r\n logo_url:PropTypes.string,\r\n getUserData:PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language, };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cOrgActions,...userActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-settings\" })(AdminSettings);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import { Tabs, Form, Row, Col, Typography, Button } from \"antd\";\r\nimport OrganizationPlan from \"./organization-plan\";\r\nimport PrimaryAddress from \"./primary-address\";\r\nimport AdminSettings from \"./settings\";\r\nimport React, { Component } from \"react\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as b2b2cOrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\n\r\nconst { TabPane } = Tabs;\r\nclass EditOrganization extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countries: [],\r\n productData: [],\r\n orgData: {},\r\n addData: false,\r\n activeTab: \"#address\",\r\n tab1title: \r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n {this.state.orgData && this.state.orgData.organizationId ? \r\n\r\n \r\n \r\n {/* \r\n */}\r\n {Permission.isRole([\"Administrator\",\"CSR\",\"Admin\",\"Travel Manager\",\"Partner\"]) ? \r\n \r\n \r\n : \"\" }\r\n \r\n :'' }\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cOrgActions }, dispatch);\r\n}\r\n// export default EditOrganization;\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n EditOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, Tooltip } from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\n\r\nclass ManageTravelers extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'travelers';\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n {this.state.orgData && this.state.orgData.organizationId ? \r\n
\r\n \r\n );\r\n }),\r\n filteredValue: this.getSelectedFilterValue('membershipNumbers'),\r\n ...this.getColumnSearchProps(\"membershipNumber\")\r\n },\r\n {\r\n title:
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nManageTravelers.propTypes = {\r\n location: PropTypes.object,\r\n getTravellersListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.traveller,\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellerActions, ...userActions, ...paginationActions, ...b2b2cActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageTravelers\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as travellerActions from \"../../../../redux/actions/travellers-actions\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../redux/actions/admin-actions\";\r\nimport * as b2b2cActions from \"../../../../redux/actions/b2b2c-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Map, GoogleApiWrapper, Marker } from \"google-maps-react\";\r\nimport { Typography, Form, Input, Select, Button, Row, Col, Spin } from \"antd\";\r\nimport { DatePicker } from \"antd\";\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\n\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\nconst { Option } = Select;\r\nvar validator = require(\"email-validator\");\r\n\r\nclass EditTraveler extends React.Component {\r\n state = {\r\n data: {},\r\n loading: true,\r\n confirmDirty: false,\r\n id: 0,\r\n first: \"\",\r\n last: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n country: \"\",\r\n dateofbirth: \"\",\r\n countries: [],\r\n countryId: \"\",\r\n locationFound: false,\r\n locationData: {},\r\n checkexisting: true\r\n };\r\n\r\n async componentDidMount() {\r\n this.props.getCountriesListName().then(response => {\r\n this.setState({ countries: response });\r\n });\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ userId: this.props.match.params.id });\r\n\r\n const user = await this.props.getTraveller(this.props.match.params.id);\r\n this.setState(user);\r\n if (user.data.email === null) {\r\n this.setState({ checkexisting: false });\r\n }\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n submitFormAdd = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateTravellerData(data, this.props.match.params.id)\r\n .then(response => {\r\n if (response.error) {\r\n notifyUser(response.data.Message, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.traveller.add.success\"],\r\n \"success\"\r\n );\r\n //notifyUser(\"Traveller added successfully!\", \"success\");\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n async emailsubmit(data) {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.setState({ loading: true });\r\n\r\n if (validator.validate(data.email)) {\r\n await this.props.validateTravellerEmail(data.email);\r\n\r\n if (this.props.emailCheckResponse.userExist) {\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.email.alreadyexis\"],\r\n \"error\"\r\n );\r\n this.setState({ loading: false });\r\n } else {\r\n var emaildata = {\r\n userId: parseInt(this.state.userId),\r\n organizationId: 1,\r\n email: data.email\r\n };\r\n this.props.updatetravelerEmail(emaildata).then(resp => {\r\n if (\r\n resp.data.message ===\r\n \"Email Updated. Identity assigned successfully.\"\r\n ) {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.traveller.update.success\"],\r\n \"success\"\r\n );\r\n }\r\n });\r\n }\r\n }\r\n }\r\n submitFormEdit = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateTravellerData(data, this.props.match.params.id)\r\n .then(response => {\r\n if (response.error) {\r\n notifyUser(response.data.Message, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n if (this.state.checkexisting === false) {\r\n this.emailsubmit(data);\r\n } else {\r\n //this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.traveller.update.success\"],\r\n \"success\"\r\n );\r\n //notifyUser(\"Traveller updated successfully!\", \"success\");\r\n }\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n values[\"dateOfBirth\"] = moment(values[\"dateOfBirth\"]).format(\r\n dateFormat\r\n );\r\n if (this.state.userId && this.state.userId > 0) {\r\n values[\"id\"] = this.state.userId;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleContactExistance(rule, value, callback) {\r\n //const re = /^[0-9']+$/;\r\n const re = /^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/;\r\n var test = re.test(value);\r\n if (value !== \"\" && (value.length < 6 || test === false)) {\r\n callback(\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nEditTraveler.propTypes = {\r\n location: PropTypes.object,\r\n updateTravellers: PropTypes.func,\r\n travellerDataById: PropTypes.object,\r\n validateTravellerEmail: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.traveller,\r\n ...state.user,\r\n ...state.b2c,\r\n ...state.language\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...travellerActions, ...b2b2cActions, ...userActions, ...AdminActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-traveler\" })(EditTraveler);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n GoogleApiWrapper({\r\n apiKey: \"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\"\r\n })(WrappedForm)\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../admin-dash/audit-logs/audit-logs\";\r\n\r\nclass ResellerAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n console.log(\"in\")\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n {/* Edit Traveler ends*/}\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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 record.templateId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n ...state.language\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...emailTemplateActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(CustomizeEmailsList)\r\n); \r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as emailTemplateActions from \"../../../redux/actions/email-template-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport { Typography, Form, Input, Button, Row, Col, Spin, Tag } from \"antd\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport JoditEditor from \"jodit-react\";\r\n\r\nclass EditCustomizeEmail extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.editorRef = React.createRef();\r\n this.state = {\r\n data: {},\r\n loading: true,\r\n templateId: 0,\r\n dataLoaded: false,\r\n templateType: null\r\n };\r\n //this.onChangeEditorContents = this.onChangeEditorContents.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.templateId &&\r\n this.props.match.params.templateId !== \"new\"\r\n ) {\r\n let companyId = this.props.match.params.id ? this.props.match.params.id : (this.props.userData.companyID ? this.props.userData.companyID : UserService.getUser().companyID);\r\n await this.props.getEmailTemplate(companyId, this.props.match.params.templateId).then(template => {\r\n this.setState({\r\n data: template.data,\r\n templateType: template.data.type.replace(/\\-/g,\" \").toLowerCase().replace(/\\b[a-z]/g, function(letter) {return letter.toUpperCase()}),\r\n loading: false\r\n });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n this.setState({ loading: true });\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n let companyId = this.props.match.params.id ? this.props.match.params.id : (this.props.userData.companyID ? this.props.userData.companyID : UserService.getUser().companyID);\r\n values.organizationId = companyId;\r\n values.templateId = this.state.data.templateId;\r\n values.content = this.state.data.content;\r\n values.keywords = this.state.data.keywords;\r\n values.language = this.state.data.language;\r\n values.type = this.state.data.type;\r\n this.props\r\n .updateEmailTemplate(this.state.data.templateId, values)\r\n .then(response => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.props.history.push(\"../\");\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.update.success\"], \"success\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n });\r\n };\r\n\r\n onChangeEditorContents(value){\r\n let _data = this.state.data;\r\n _data.content = value;\r\n this.setState({\r\n data: _data\r\n });\r\n }\r\n\r\n restoreToDefault = async() => {\r\n this.setState({ loading: true });\r\n await this.props.getEmailTemplate(1, this.props.match.params.templateId).then(template => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n let companyId = this.props.match.params.id ? this.props.match.params.id : (this.props.userData.companyID ? this.props.userData.companyID : UserService.getUser().companyID);\r\n template.data.organizationId = companyId;\r\n this.props.updateEmailTemplate(this.state.data.templateId, template.data).then(response => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.update.success\"], \"success\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n this.setState({\r\n data: template.data,\r\n templateType: template.data.type.replace(/\\-/g,\" \").toLowerCase().replace(/\\b[a-z]/g, function(letter) {return letter.toUpperCase()}),\r\n loading: false\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\"../\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...emailTemplateActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-email-template\" })(EditCustomizeEmail);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as RolesActions from \"../../../redux/actions/roles-actions\";\r\nimport * as OrgActions from \"../../../redux/actions/organization-actions\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\n// import OrgTree from \"../../../../shared/components/orgTree\";\r\n// import * as Permission from \"../../../../../services/permissions\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\n\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n DatePicker,\r\n TreeSelect,\r\n Checkbox,\r\n Modal,\r\n Tabs\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nconst { confirm } = Modal;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\nconst { Option } = Select;\r\nconst { TabPane } = Tabs;\r\n\r\nclass EditB2B2COrganizationAgent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentSelectedRole: null,\r\n dataLoaded: false,\r\n fetching: false,\r\n loading: true,\r\n confirmDirty: false,\r\n userId: 0,\r\n companyId: 0,\r\n displayEmployeesAssignedRow: \"none\",\r\n defaultAssignedOrgs: [],\r\n divisionList: [],\r\n countries: [],\r\n allRoles: [],\r\n assignedDivisionsAuto: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n if (this.state.dataLoaded === false) {\r\n let _companyIdTemp = 0;\r\n let countriesListTemp = await API.getCountriesList();\r\n let userRolesList = await this.props.getAllExternalRoles();\r\n \r\n let setroleagnt=\"\";\r\n userRolesList.map(function (item) {\r\n if (item.name.toLowerCase().indexOf(\"agent\") > -1) {\r\n\r\n setroleagnt = item.id;\r\n }\r\n });\r\n\r\n this.setState({\r\n allRoles: userRolesList,\r\n roleId : setroleagnt,\r\n countries: countriesListTemp.countries\r\n });\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n const user = await this.props.getAgent(this.props.match.params.id);\r\n if (user.error && user.error.message) {\r\n this.props.history.goBack();\r\n notifyUser(user.error.message, \"error\");\r\n } else {\r\n this.setState(user.data);\r\n _companyIdTemp = user.data.companyId;\r\n this.setState({ currentSelectedRole: user.data.role });\r\n // if (\r\n // user.data &&\r\n // user.data.role &&\r\n // user.data.role.indexOf(\"Division Manager\") > -1\r\n // ) {\r\n // this.setState({ displayEmployeesAssignedRow: \"block\" });\r\n // }\r\n if (\r\n this.props.history.location.state &&\r\n this.props.history.location.state.divisionChanged\r\n ) {\r\n this.setState({ defaultAssignedOrgs: [] });\r\n } else {\r\n var tempDefaultOrgs = [];\r\n if (user.data && user.data.assignedOrganizations) {\r\n for (var o = 0; o < user.data.assignedOrganizations.length; o++) {\r\n tempDefaultOrgs.push({\r\n key: user.data.assignedOrganizations[o].branchId,\r\n value: user.data.assignedOrganizations[o].branchId,\r\n label: user.data.assignedOrganizations[o].branchName\r\n });\r\n }\r\n }\r\n this.setState({ defaultAssignedOrgs: tempDefaultOrgs });\r\n }\r\n }\r\n } else {\r\n\r\n let currentUser = localStorage.getItem(\"user\");\r\n let OrgID = \"\";\r\n if (currentUser !== \"\") {\r\n currentUser = JSON.parse(currentUser);\r\n OrgID = currentUser.companyID;\r\n }\r\n this.setState({\r\n companyId: OrgID\r\n });\r\n }\r\n \r\n this.setState({ loading: false, dataLoaded: true });\r\n }\r\n\r\n \r\n }\r\n\r\n \r\n submitFormAdd = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateUser(data)\r\n .then(response => {\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.agent.add\"],\r\n \"success\"\r\n );\r\n this.props.history.push(\"./../\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateUser(data)\r\n .then(response => {\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n this.props.history.push(\"./../\");\r\n this.setState({ loading: false });\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.agent.edit\"],\r\n \"success\"\r\n );\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function (key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.userId && this.state.userId > 0) {\r\n values[\"userId\"] = this.state.userId;\r\n values[\"identityId\"] = this.state.identityId;\r\n values[\"assignedOrganizations\"] =\r\n this.state.assignedOrganizations || [];\r\n values[\"companyId\"] = this.state.companyId;\r\n this.submitFormEdit(values);\r\n } else {\r\n values[\"assignedOrganizations\"] =\r\n this.state.assignedOrganizations || [];\r\n values[\"companyId\"] = this.state.companyId;\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n onRolesChange = selected => {\r\n let selectedRole = this.state.allRoles.find(role => role.id === selected);\r\n if (\r\n selectedRole.name &&\r\n selectedRole.name.indexOf(\"Division Manager\") > -1\r\n ) {\r\n this.setState({\r\n displayEmployeesAssignedRow: \"block\",\r\n currentSelectedRole: selectedRole.name\r\n });\r\n } else {\r\n this.setState({\r\n displayEmployeesAssignedRow: \"none\",\r\n currentSelectedRole: selectedRole.name\r\n });\r\n }\r\n };\r\n\r\n handleContactExistance(rule, value, callback) {\r\n //const re = /^[0-9']+$/;\r\n const re = /^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/;\r\n var test = re.test(value);\r\n if (\r\n value !== undefined &&\r\n value !== \"\" &&\r\n (value.length < 6 || test === false)\r\n ) {\r\n callback(\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n 0 ? (\r\n \r\n \r\n {this.state.userId > 0 ? (\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n ) : (\r\n \"\"\r\n )} */}\r\n\r\n {/*this.props.match.params.id !== \"new\" && (\r\n \r\n \r\n )}\r\n {this.props.match.params.id !== \"new\" && (\r\n \r\n \r\n )} */}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditB2B2COrganizationAgent.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllExternalRoles: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...userActions, ...RolesActions, ...OrgActions, ...travellerActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-organization-agent\" })(\r\n EditB2B2COrganizationAgent\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as OrgActions from \"../../../redux/actions/organization-actions\";\r\nimport OrgAPI from \"../../../redux/api/organization-api\";\r\n// import RolesAPI from \"../../../../../redux/api/roles-api\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport {\r\n Switch,\r\n Modal,\r\n Spin,\r\n Popover,\r\n Popconfirm,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Upload,\r\n message,\r\n Tabs,\r\n \r\n // Divider,\r\n Tooltip,\r\n Drawer,\r\n Form,\r\n Select,\r\n Radio\r\n} from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport config from \"../../../../../config\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport Axios from \"axios\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\n\r\nclass EditOrganizationAgents extends Component {\r\n constructor(props){\r\n super(props);\r\n this.module = 'Partner';\r\n \r\n let currentUser = localStorage.getItem(\"user\");\r\n let OrgID = \"\";\r\n if (currentUser !== \"\") {\r\n currentUser = JSON.parse(currentUser);\r\n OrgID = currentUser.companyID;\r\n }\r\n\r\n this.state = {\r\n userStatus: [],\r\n OrgID : OrgID ,\r\n currentPlanToUnassign: '',\r\n confirmDeactivateEmployeeVisible: false,\r\n disableAssignButton: false,\r\n assigningLicense: false,\r\n loadMoreOrg: true,\r\n uploadingEmployees: false,\r\n orgPagerCurrent: 1,\r\n showAssignPlan: true,\r\n editPlanVisible: false,\r\n employeesLoaded: false,\r\n isBulkUploadModalVisible: false,\r\n activeTab: 'all',\r\n\r\n bulkUploadInstance: {\r\n sendEmailForNew:true,\r\n isAssignMembership: false,\r\n file: null,\r\n product: -1,\r\n uploadFileName: \"\"\r\n },\r\n loading: true,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {/* {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"new\" ? (\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName !== '' ? (\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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditOrganizationAgents.propTypes = {\r\n location: PropTypes.object,\r\n getAgentListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions, ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-agent-plan\" })(\r\n EditOrganizationAgents\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport UserProfile from \"../components/reseller-dash/user-profile/user-profile\";\r\nimport ManageOrders from \"../components/reseller-dash/order-history/order-history\";\r\nimport ViewOrder from \"../components/reseller-dash/order-history/view\";\r\nimport ResellerHome from \"../components/reseller-dash/user-home/user-home\";\r\nimport UserChangePassword from \"../components/reseller-dash/user-profile/change-password\";\r\nimport ManageOrganization from \"../components/reseller-dash/manage-organization/edit-organization\";\r\nimport ManageTravelers from \"../components/reseller-dash/travelers/list\";\r\nimport EditTraveler from \"../components/reseller-dash/travelers/edit/edit\";\r\nimport AuditLogs from \"../components/reseller-dash/audit-logs\";\r\nimport NotFound from \"../components/shared/components/404.jsx\";\r\nimport Notifications from \"../components/Notifications/notifications\";\r\nimport ViewNotification from \"../components/Notifications/view\";\r\nimport CustomizeEmailsList from \"../components/common/customize-emails/list\";\r\nimport EditCustomizeEmail from \"../components/common/customize-emails/edit\";\r\nimport EditB2B2COrganizationAgent from \"../components/reseller-dash/agents/edit\";\r\nimport EditOrganizationAgents from \"../components/reseller-dash/agents/list\";\r\n\r\nconst routes = [\r\n {\r\n path: \"\",\r\n component: ResellerHome\r\n },\r\n {\r\n path: \"my-profile\",\r\n component: UserProfile\r\n },\r\n {\r\n path: \"my-profile/change-password\",\r\n component: UserChangePassword\r\n },\r\n {\r\n path: \"manage-orders\",\r\n component: ManageOrders\r\n },\r\n {\r\n path: \"manage-orders/view/:orderId\",\r\n component: ViewOrder\r\n },\r\n {\r\n path: \"manage-organization\",\r\n component: ManageOrganization\r\n },\r\n {\r\n path: \"manage-agents\",\r\n component: EditOrganizationAgents\r\n },\r\n {\r\n path: \"manage-agents/:id\",\r\n component: EditB2B2COrganizationAgent\r\n },\r\n {\r\n path: \"manage-travelers\",\r\n component: ManageTravelers\r\n },\r\n {\r\n path: \"manage-travelers/edit/:id\",\r\n component: EditTraveler\r\n },\r\n {\r\n path: \"manage-orders/travelers/:id\",\r\n component: EditTraveler\r\n },\r\n {\r\n path: \"manage-travelers/edit/:id/view-order/:orderId\",\r\n component: ViewOrder\r\n },\r\n {\r\n path: \"audit-logs\",\r\n component: AuditLogs\r\n },\r\n {\r\n path: \"notifications\",\r\n component: Notifications\r\n },\r\n {\r\n path: \"notifications/:id\",\r\n component: ViewNotification\r\n },\r\n {\r\n path: \"customize-emails\",\r\n component: CustomizeEmailsList\r\n },\r\n {\r\n path: \"customize-emails/edit/:templateId\",\r\n component: EditCustomizeEmail\r\n },\r\n {\r\n path: \"\",\r\n component: NotFound,\r\n exact: false\r\n }\r\n];\r\n\r\nclass ResellerRouter extends Component {\r\n render() {\r\n const { url, style } = this.props;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName}\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 {routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ResellerRouter;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as sidebarAction from \"../../../redux/actions/sidebar-actions\";\r\nimport LanguageSwitcher from \"../../../languageSwitcher\";\r\n//import ThemeSwitcher from \"../../../themeSwitcher/index.js\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as notificationActions from \"../../../redux/actions/notifications-actions\";\r\nimport {Tooltip, Icon, Row, Col, Menu, Dropdown, Badge } from \"antd\";\r\n\r\nclass UserHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { \r\n collapsed: true,\r\n data: [],\r\n notificationsCount: 0\r\n };\r\n this.logout = this.logout.bind(this);\r\n }\r\n toggle = () => {\r\n this.props.toggleSidebar();\r\n };\r\n logout() {\r\n this.props.LogOutUser();\r\n this.props.history.push(\"/login\");\r\n }\r\n componentDidMount() {\r\n this.props.getNotificationsList({}).then(data => {\r\n if(this.props.userData && this.props.userData.userID){\r\n this.props.getNotificationsCount(this.props.userData.userID).then(r => this.setState({notificationsCount: r}));\r\n }\r\n let _data = data.data\r\n if(_data){\r\n _data.splice(5);\r\n\r\n this.setState({ \r\n data: _data\r\n })\r\n }\r\n })\r\n }\r\n\r\n notificationsList = () => {\r\n let notifications = this.state.data || [];\r\n let output = [];\r\n let _this = this;\r\n if(notifications.length > 0){\r\n notifications.map(function(n){\r\n output.push(\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserHeader.propTypes = {\r\n LogOutUser: PropTypes.func,\r\n isLoggedIn: PropTypes.bool,\r\n toggleSidebar: PropTypes.func,\r\n notificationCount: PropTypes.string\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.sidebar\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...sidebarAction, ...notificationActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(UserHeader)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport SideBar from \"../sidebar/sidebar.jsx\";\r\nimport ResellerRouter from \"../../routes/reseller-router\";\r\nimport * as userActions from \"../../redux/actions/user-actions\"\r\nimport { Layout, Modal } from \"antd\";\r\nimport UserHeader from \"./user-header/header.jsx\";\r\nimport * as languageAction from \"../../redux/actions/language-actions.js\";\r\nimport * as themeAction from \"../../redux/actions/theme-actions\";\r\nimport options from \"../sidebar/options\";\r\nimport * as UserService from \"../../services/user-service\";\r\nconst { Header, Sider, Content } = Layout;\r\n\r\n\r\n\r\nclass ResellerDash extends Component {\r\n state = {\r\n changePasswordModalVisible: false\r\n };\r\n async componentDidMount() {\r\n var currentTheme = JSON.parse(localStorage.getItem('user')),\r\n currentThemeName = 'theme-' + currentTheme.themeId;\r\n document.body.setAttribute('class', currentThemeName);\r\n document.body.setAttribute('style', \"\");\r\n if (!this.props.userData || !this.props.userData.userID) {\r\n await this.props.getUserData();\r\n }\r\n let currentUser = UserService.getUser();\r\n if (currentUser.userID && currentUser.accountConfirmed === false) {\r\n localStorage.setItem(\"remember_me\", false);\r\n if (this.props.history.location.pathname.indexOf(\"change-password\") <= -1) {\r\n this.props.history.push('/reseller/my-profile/change-password');\r\n }\r\n }\r\n\r\n }\r\n showModal = () => {\r\n this.setState({\r\n planExp: true,\r\n });\r\n };\r\n handleOk = e => {\r\n this.setState({\r\n planExp: false,\r\n });\r\n };\r\n submitPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n this.props.history.push('/admin/my-profile');\r\n }\r\n\r\n cancelPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n }\r\n render() {\r\n const { url } = this.props.match;\r\n return (\r\n \r\n \r\n - \r\n {this.props.notificationCount > 0 ? (\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 {currentUserFirstname} {currentUserLastname}\r\n \r\n \r\n \r\n \r\n {/* - \r\n \r\n\r\n\r\n\r\n
\r\n */}\r\n
For security reasons, we suggest you to reset your password.
\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\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-profile\" })(UserProfile);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, DatePicker, Modal, Form, Radio, Spin } from \"antd\";\r\nimport { ViewCell } from \"../../shared/components/helperCells\";\r\nimport * as orderActions from \"../../../redux/actions/order-actions\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport Config from \"../../../../../config\";\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\n\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateDownloadFormat = \"YYYY-MM-DD\";\r\nconst { RangePicker } = DatePicker;\r\n\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass OrganizationOrderHistory extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ordersLoaded: false,\r\n loading: false,\r\n isLoading: true,\r\n currentPlanName: null,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push('../../')}\r\n >\r\n \r\n
\r\n
\r\n\r\n : {this.formatter.format(this.state.totalCommission)} USD\r\n */}\r\n <>\r\n
\r\n
\r\n\r\n
\r\n \r\n record.orderId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(OrganizationOrderHistory)\r\n); ","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../redux/actions/order-actions\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport {\r\n Typography,\r\n Form,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Descriptions,\r\n Table,\r\n Tag,\r\n Tooltip,\r\n Modal,\r\n Input\r\n} from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nclass ViewOrder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n updateCompanionModalVisible: false,\r\n currentCompanionId: null,\r\n currentCompanionEmail: null,\r\n currentCompanionPhone: null,\r\n currentCompanionOrgId: null,\r\n orderInfo: {}\r\n };\r\n }\r\n\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n });\r\n async componentDidMount() {\r\n this.setState({ loading: true, id: this.props.match.params.orderId });\r\n this.loadOrder();\r\n }\r\n\r\n loadOrder = async() => {\r\n const order = await this.props.getOrder(this.props.match.params.orderId);\r\n this.setState({ orderInfo: order.data, currentCompanionOrgId: order.data.orgId });\r\n this.setState({ loading: false });\r\n }\r\n\r\n submitFormAdd = data => {\r\n this.props\r\n .addOrder(data)\r\n .then(item => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"./\");\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n editItem = id => {\r\n this.props.history.push(\"./edit/\" + id);\r\n };\r\n\r\n submitFormEdit = data => {\r\n this.props\r\n .updateOrder(data)\r\n .then(item => {\r\n if (item.error) {\r\n } else {\r\n this.props.history.push(\"./\");\r\n }\r\n\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if(values[key] == null){\r\n values[key] = '';\r\n } else {\r\n if(typeof values[key] == 'string'){\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values[\"id\"] = this.state.id;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n \r\n handleContactExistance(rule, value, callback){\r\n //const re = /^[0-9']+$/;\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/)\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length <6 || test ===false)){\r\n callback(\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n { \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...UserActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"view-order\" })(ViewOrder);\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Icon, Card } from 'antd';\r\nimport { Chart, Geom, Tooltip } from \"bizcharts\";\r\nimport { TotalIncomeSvg } from \"../../shared/svg/svg/home-icon\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nconst TotalIncomeIcon = props => < Icon component={\r\n TotalIncomeSvg\r\n} {\r\n ...props\r\n }\r\n/>;\r\nexport default class TotalIncome extends Component {\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n });\r\n render() {\r\n const cols = {\r\n sales: {\r\n tickInterval: 20\r\n }\r\n };\r\n return (\r\n \r\n
\r\n \r\n {this.state.orderInfo.expiryDate}
\r\n {/*\r\n \r\n */}\r\n \r\n
\r\n \r\n {/*
{this.formatter.format(this.props.incomeData.total)}
\r\n {this.props.salesData.total}
\r\n ${this.props.profitData.total}
\r\n \r\n }\r\n bodyStyle={{ padding: 0 }}\r\n extra={ record.name}\r\n pagination={false}\r\n columns={this.getHeaderKeys()}\r\n dataSource={this.state.data}\r\n loading={this.state.loading}\r\n />\r\n \r\n this.props.history.push(\"manage-orders/\")}\r\n >\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrderActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ListCompaines\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Button, Icon, Card, Row } from \"antd\";\r\nimport {\r\n TravelersSvg,\r\n} from \"../../shared/svg/svg/home-icon\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\"\r\nconst TravelersSvgIcon = props => \r\n record.userName}\r\n pagination={false}\r\n columns={this.getHeaderKeys()}\r\n dataSource={this.state.data}\r\n loading={this.state.loading}\r\n />\r\n \r\n this.props.history.push(\"manage-travelers/\")}\r\n >\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellerActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ListTravelers\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Row, Col, Typography, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport TotalIncome from \"./total-income\";\r\nimport TotalSales from \"./total-sales\";\r\nimport TotalViews from \"./total-views\";\r\nimport ProductGraph from \"./product-graph\";\r\nimport ListOrders from \"./list-orders\";\r\nimport ListTravelers from \"./list-travelers\";\r\nimport TravelerMap from \"../../user-dash/dashboard-travel-manager/traveler-map/itinerary-details-map\";\r\nimport * as AdminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as ProductActions from \"../../../redux/actions/product-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport moment from \"moment\";\r\nimport { DatePicker } from \"antd\";\r\nconst { RangePicker } = DatePicker;\r\nconst dateFormat = \"MM-DD-YYYY\";\r\nconst queryDateFormatStart = \"YYYY-MM-DD 00:00:00\";\r\nconst queryDateFormatEnd = \"YYYY-MM-DD 23:59:59\";\r\n\r\n//moment.tz.setDefault();\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass UserHome extends Component {\r\n state = {\r\n productsSaleData: [],\r\n salesData: {\r\n data: [],\r\n total: 0\r\n },\r\n incomeData: {\r\n data: [],\r\n total: 0\r\n },\r\n profitData: {\r\n data: [],\r\n total: 0\r\n },\r\n notificationsData: {\r\n emails: 0,\r\n sms: 0,\r\n pushNotifications: 0,\r\n notifications: 0\r\n },\r\n isDPEnabled: true,\r\n dataPickerDates: [start, end],\r\n visible: false,\r\n statsLoading: true\r\n };\r\n componentDidMount = () => {\r\n //this.props.clearPaginationExceptMe('dashboard');\r\n this.loadProductSalesData();\r\n };\r\n loadProductSalesData = async () => {\r\n let _this = this;\r\n let dateRanges = _this.state.dataPickerDates;\r\n\r\n let args = {\r\n startDate: dateRanges[0].format(queryDateFormatStart),\r\n endDate: dateRanges[1].format(queryDateFormatEnd)\r\n };\r\n\r\n /* total sales */\r\n this.props.getResellerTotalOrders(args).then(response => {\r\n let _salesData = this.state.salesData;\r\n _salesData.data = response.data && response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Sale\": el.totalOrder };\r\n });\r\n _salesData.total = response.data.reduce(function(tot, el) {\r\n return tot + el.totalOrder;\r\n }, 0);\r\n this.setState({\r\n salesData: _salesData\r\n });\r\n });\r\n\r\n /* total income */\r\n /* this.props.getTotalIncome(args).then(response => {\r\n let _incomeData = this.state.incomeData;\r\n _incomeData.total = response.data.reduce(function(tot, el) {\r\n return tot + el.totalIncome;\r\n }, 0);\r\n _incomeData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Income\": el.totalIncome };\r\n });\r\n this.setState({\r\n incomeData: _incomeData\r\n });\r\n }); */\r\n\r\n /* total profit */\r\n this.props.getResellerTotalProfit(args).then(response => {\r\n let _profitData = this.state.profitData;\r\n _profitData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Profit\": el.totalCommission };\r\n });\r\n _profitData.total = response.data\r\n .reduce(function(tot, el) {\r\n return tot + el.totalCommission;\r\n }, 0)\r\n .toFixed(2);\r\n this.setState({\r\n profitData: _profitData\r\n });\r\n });\r\n\r\n /* sales by product */\r\n let _productsSaleData = /* _this.state.productsSaleData || */[];\r\n _this.props.getProducts({}).then(response1 => {\r\n response1.data &&\r\n response1.data.map(function(el1) {\r\n if(el1.name.toLowerCase().indexOf(\"cap\") === -1){\r\n let data = Object.assign({}, args);\r\n data.productId = el1.productId;\r\n _this.props.getResellerTotalSale(data).then(response2 => {\r\n let _salesData = {};\r\n _salesData.data =\r\n response2.data &&\r\n response2.data.map(function(el3) {\r\n return { Date: el3.orderDate, \"Total Sale\": el3.totalProducts };\r\n });\r\n _salesData.total =\r\n response2.data &&\r\n response2.data.reduce(function(tot, el4) {\r\n return tot + el4.totalProducts;\r\n }, 0);\r\n _salesData.name = el1.name;\r\n _salesData.productId = el1.productId;\r\n _productsSaleData[el1.productId] = _salesData;\r\n _this.setState({\r\n productsSaleData: _productsSaleData\r\n });\r\n });\r\n }\r\n });\r\n });\r\n setTimeout(function() {\r\n _this.setState({ statsLoading: false });\r\n }, 1000);\r\n\r\n /* notifications count */\r\n this.props.getDashboardNotificationsData(args).then(response => {\r\n let _notificationsData = {\r\n emails: 0,\r\n pushNotifications: 0,\r\n sms: 0,\r\n notifications: 0\r\n };\r\n response.data.map(function(el){\r\n _notificationsData.emails += el.userNotificationsEmailCount;\r\n _notificationsData.pushNotifications += el.userNotificationsPushCount;\r\n _notificationsData.sms += el.userNotificationsSmsCount;\r\n _notificationsData.notifications += el.userNotificationsCount;\r\n });\r\n this.setState({\r\n notificationsData: _notificationsData\r\n });\r\n });\r\n };\r\n\r\n dateChanged = dates => {\r\n if(dates.length > 0){\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: dates\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: [start, end]\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n }\r\n };\r\n\r\n showDrawer = () => {\r\n this.setState({\r\n visible: true\r\n });\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n };\r\n render() {\r\n let _this = this;\r\n return (\r\n \r\n \r\n
*/}\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...ProductActions, ...AdminActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(UserHome)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Typography, Row, Col, Form, Input, Button, Popover, Icon, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {notifyUser} from \"../../../services/notification-service\";\r\nimport * as UserService from '../../../services/user-service';\r\n\r\nconst validColor = '#52c41a', invalidColor = '#cb0019';\r\nconst validIcon = 'check-circle', invalidIcon = 'exclamation-circle';\r\nclass UserChangePassword extends Component {\r\n state = {\r\n forceChangePasswordText: '',\r\n loading: false,\r\n formLayout: \"vertical\",\r\n password: {\r\n isValid: false,\r\n visibleHint: false,\r\n uppercase: {\r\n hasUppercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n lowercase: {\r\n hasLowercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n numeric: {\r\n hasNumer: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n specialCharacter: {\r\n hasSpecialChar: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n characters: {\r\n minLength: 8,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n }\r\n }\r\n };\r\n\r\n componentDidMount = async() => {\r\n this.props.clearPaginationExceptMe('change_password');\r\n let currentUser = UserService.getUser();\r\n if(currentUser.userID && currentUser.accountConfirmed === false){\r\n this.setState({\r\n forceChangePasswordText: 'For security reasons please change your password first!'\r\n });\r\n }\r\n }\r\n\r\n handleFormLayoutChange = e => {\r\n this.setState({ formLayout: e.target.value });\r\n };\r\n\r\n compareToNewPassword = (_rule, value, callback) => {\r\n const { form } = this.props;\r\n let _password = this.state.password;\r\n if (value && value !== form.getFieldValue('password')) {\r\n callback(\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {this.state.productsSaleData.map(function(el) {\r\n let mdCols = Math.ceil(24/_this.state.productsSaleData.filter(function (el) { return el != null; }).length);\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n {this.state.forceChangePasswordText != '' ? \r\n
\r\n }\r\n title={\r\n
{this.state.forceChangePasswordText}
\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\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...B2B2COrgActions, ...PricingActions, ...OrgPlanTypeActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n EditB2B2COrganizationPlan\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as B2B2COrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as adminActions from \"../../../redux/actions/admin-actions\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nconst { Option } = Select;\r\nvar validator = require(\"email-validator\");\r\n\r\nclass PrimaryAddress extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formLayout: undefined,\r\n data: {},\r\n countries: [],\r\n userData: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n loading: true\r\n };\r\n this.checkchange = this.checkchange.bind(this)\r\n this.backpage = this.backpage.bind(this)\r\n\r\n }\r\n\r\n async componentDidMount() {\r\n if(this.props.orgData && this.props.orgData.organizationId){\r\n let _disablecheck = this.state.disablecheck;\r\n let _disablecheck2 = this.state.disablecheck2;\r\n if (this.props.orgData.isBusinessAddressSame) {\r\n _disablecheck = true;\r\n } else {\r\n _disablecheck = false;\r\n }\r\n if (this.props.orgData.isCommunicationAddressSame) {\r\n _disablecheck2 = true;\r\n } else {\r\n _disablecheck = false;\r\n }\r\n this.setState({\r\n orgData: this.props.orgData,\r\n secdata: this.props.orgData.orgContacts.filter(data => (data.addressTypeID === 2))[0],\r\n billingData: this.props.orgData.orgContacts.filter(data => (data.addressTypeID === 3))[0],\r\n adminInfo: this.props.orgData.adminInfo,\r\n isBusinessAddressSame: this.props.orgData.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.props.orgData.isCommunicationAddressSame,\r\n disablecheck: _disablecheck,\r\n disablecheck2: _disablecheck2\r\n });\r\n }\r\n this.props.getCountriesListName().then(data => {\r\n this.setState({ \r\n countries: data,\r\n loading: false\r\n });\r\n });\r\n }\r\n\r\n handleSubmit() {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n this.setState({ loading: true })\r\n let orgId = (this.props.userData && this.props.userData.companyID) ? this.props.userData.companyID : null;\r\n if(orgId === null){\r\n let cu = JSON.parse(localStorage.getItem(\"user\"));\r\n if(cu && cu.companyID){\r\n orgId = cu.companyID;\r\n }\r\n }\r\n var JSONorg = {\r\n organizationId: parseInt(orgId),\r\n name: values.company_name,\r\n address1: values.address,\r\n state: values.company_state,\r\n city: values.city,\r\n countryId: values.country,\r\n zipCode: values.zip,\r\n fpManagerID: 0,\r\n fpSalesExecutiveID: 0,\r\n isBusinessAddressSame: this.state.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.state.isCommunicationAddressSame,\r\n productInfo: this.state.orgData.productInfo,\r\n phoneNumber: values.phoneNumber,\r\n /* contactFirstName: values.firstName,\r\n contactLastName: values.lastName, */\r\n customerID: values.customer_id,\r\n jobNumber: values.job_number,\r\n orgContacts: [{\r\n addressTypeID: 2,\r\n city: values.sec_city,\r\n zipCode: values.sec_zip,\r\n state: values.sec_state,\r\n countryId: values.sec_country,\r\n contacts: values.sec_phoneNumber,\r\n contactPerson: values.secondary_contactPerson,\r\n emailID: values.sec_email,\r\n address: values.sec_address,\r\n },\r\n {\r\n addressTypeID: 3,\r\n countryId: values.billing_country,\r\n address: values.billing_address,\r\n state: values.billing_state,\r\n city: values.billing_city,\r\n contacts: values.billing_phoneNumber,\r\n contactPerson: values.billing_contactPerson,\r\n emailID: values.billing_email,\r\n zipCode: values.billing_zip,\r\n\r\n \r\n billingCompanyName: values.billing_company_name\r\n }\r\n ],\r\n orgPCCAccounts: this.state.orgData.orgPCCAccounts\r\n }\r\n this.props.updateOrganizationwithId(JSONorg, orgId).then(response => {\r\n if (response.error) {\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(currentAppLocale.messages[\"admin.organization.edit\"], 'success');\r\n //this.props.history.goBack();\r\n this.setState({ loading: false });\r\n\r\n }\r\n })\r\n }\r\n })\r\n }\r\n checkchange(e) {\r\n if (e.target.id === \"secAddress\" && e.target.checked === true) {\r\n\r\n let _secData = this.state.secdata;\r\n _secData.address = this.state.orgData.address1;\r\n _secData.countryId = this.state.orgData.countryId\r\n _secData.state = this.state.orgData.state\r\n _secData.city = this.state.orgData.city\r\n _secData.zipCode = this.state.orgData.zipCode\r\n _secData.contacts = this.state.orgData.phoneNumber\r\n _secData.emailID = this.state.orgData.orgEmail\r\n _secData.contactPerson = this.state.adminInfo.firstName.concat(' ', this.state.adminInfo.lastName);\r\n\r\n\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: true\r\n })\r\n\r\n this.props.form.setFieldsValue({\r\n sec_city: _secData.city,\r\n sec_address: _secData.address,\r\n sec_zip: _secData.zipCode,\r\n sec_phoneNumber: _secData.contacts,\r\n sec_email: _secData.emailID,\r\n secondary_contactPerson: _secData.contactPerson,\r\n sec_country: _secData.countryId,\r\n sec_state: _secData.state\r\n })\r\n\r\n } else if (e.target.id === \"secAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: false\r\n })\r\n // billing address\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === true) {\r\n\r\n let _billingData = this.state.billingData;\r\n _billingData.address = this.state.orgData.address1;\r\n _billingData.countryId = this.state.orgData.countryId\r\n _billingData.state = this.state.orgData.state\r\n _billingData.city = this.state.orgData.city\r\n _billingData.zipCode = this.state.orgData.zipCode\r\n _billingData.contacts = this.state.orgData.phoneNumber\r\n _billingData.emailID = this.state.orgData.orgEmail\r\n _billingData.contactPerson = this.state.adminInfo.firstName.concat(' ', this.state.adminInfo.lastName);\r\n _billingData.billingCompanyName = this.state.orgData.name\r\n\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: true\r\n });\r\n this.props.form.setFieldsValue({\r\n billing_city: _billingData.city,\r\n billing_address: _billingData.address,\r\n billing_zip: _billingData.zipCode,\r\n billing_phoneNumber: _billingData.contacts,\r\n billing_email: _billingData.emailID,\r\n billing_contactPerson: _billingData.contactPerson,\r\n billing_country: _billingData.countryId,\r\n billing_state: _billingData.state,\r\n billing_company_name: _billingData.billingCompanyName\r\n })\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: false\r\n })\r\n }\r\n }\r\n backpage() {\r\n this.props.history.goBack();\r\n }\r\n handleEmailExistance = (rule, value, callback) => {\r\n\r\n if (this.props.email === null || this.props.email === undefined || this.props.email === '') {\r\n callback(\r\n {/* Primary address*/}\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\nPrimaryAddress.propTypes = {\r\n location: PropTypes.object,\r\n\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.language,\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions, ...userActions, ...B2B2COrgActions ,...adminActions}, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"primary-address\" })(PrimaryAddress);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n Typography,\r\n Row,\r\n Col,\r\n Form,\r\n Spin,\r\n Button,\r\n Upload,\r\n Icon,\r\n message,\r\n Checkbox,\r\n Select,\r\n Radio,\r\n Input,\r\n Divider\r\n} from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as b2b2cOrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport config from \"../../../../../config\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport Axios from \"axios\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport 'rc-color-picker/assets/index.css';\r\nimport DefaultBackgroundImage from '../../../images/main-bg.png';\r\nimport { Panel as ColorPickerPanel } from 'rc-color-picker';\r\nimport WizardIconSVG from \"../../shared/svg/b2c-svg/wizard-svg.jsx\";\r\nconst { Option } = Select;\r\n/* const msgLogoremovedSuceess = */}\r\n
All Rights Reserved.\",\r\n primaryColor: \"\",\r\n backgroundImage: null,\r\n backgroundImageUploadFileName: \"\",\r\n wizardIcon: null,\r\n wizardIconUploadFileName: \"\",\r\n hasBackgroundImage: false,\r\n hasWizardIcon: false,\r\n wizardActiveIcon: null,\r\n wizardActiveIconUploadFileName: \"\",\r\n hasWizardActiveIcon: false\r\n };\r\n\r\n componentDidMount = async() => {\r\n await this.props.getActiveThemes().then(response => {\r\n this.setState({ allThemes: response.data });\r\n }).catch(e => {\r\n console.log(\"Exception: \", e);\r\n });\r\n this.loadSettings();\r\n }\r\n\r\n async loadSettings(){\r\n let _orgData = this.state.orgData;\r\n if(this.props.orgData && this.props.orgData.organizationId){\r\n _orgData = this.props.orgData;\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.logo = _orgData.logo;\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.props.getUserData();\r\n this.setState({\r\n hasLogo: (_orgData && _orgData.logo !== null) ? true : false,\r\n hasBackgroundImage: (_orgData && _orgData.backgroundImage !== null) ? true : false,\r\n hasWizardIcon: (_orgData && _orgData.wizardIcons !== null) ? true : false,\r\n hasWizardActiveIcon: (_orgData && _orgData.wizardIconActive !== null) ? true : false,\r\n defaultTheme: _orgData.themeId || 1,\r\n selectedColor: (this.state.allThemes.length > 0) ? this.state.allThemes.find(i => i.themeId === (_orgData.themeId || 1)).primaryColor : null,\r\n IsEmail: (_orgData.isEmailActive === true) ? true : false,\r\n IsSms: (_orgData.isSMSActive === true) ? true : false,\r\n IsPushNotification: (_orgData.isNotificationActive === true) ? true : false,\r\n capLogoVisibility: (_orgData.isCapLogoVisible === null || _orgData.isCapLogoVisible === true) ? true : false,\r\n footerVisibility: (_orgData.isFooterVisible === null || _orgData.isFooterVisible === true) ? true : false,\r\n orgData: _orgData,\r\n footerText: _orgData.footerText,\r\n loading: false\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n \r\n fetchSettings = async() => {\r\n await this.props.getOrganizationId(this.props.orgData.organizationId).then(async resp => {\r\n if (resp.error) {\r\n notifyUser(resp.error.message, 'error');\r\n this.props.history.push('./../../');\r\n this.setState({ loading: false });\r\n } else {\r\n let _orgData = this.state.orgData;\r\n if(resp.data && resp.data.organizationId){\r\n _orgData = resp.data;\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.logo = _orgData.logo;\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.props.getUserData();\r\n this.setState({\r\n hasLogo: (_orgData && _orgData.logo !== null) ? true : false,\r\n hasBackgroundImage: (_orgData && _orgData.backgroundImage !== null) ? true : false,\r\n hasWizardIcon: (_orgData && _orgData.wizardIcons !== null) ? true : false,\r\n hasWizardActiveIcon: (_orgData && _orgData.wizardIconActive !== null) ? true : false,\r\n defaultTheme: _orgData.themeId || 1,\r\n selectedColor: (this.state.allThemes.length > 0) ? this.state.allThemes.find(i => i.themeId === (_orgData.themeId || 1)).primaryColor : null,\r\n IsEmail: (_orgData.isEmailActive === true) ? true : false,\r\n IsSms: (_orgData.isSMSActive === true) ? true : false,\r\n IsPushNotification: (_orgData.isNotificationActive === true) ? true : false,\r\n capLogoVisibility: (_orgData.isCapLogoVisible === null || _orgData.isCapLogoVisible === true) ? true : false,\r\n footerVisibility: (_orgData.isFooterVisible === null || _orgData.isFooterVisible === true) ? true : false,\r\n orgData: _orgData,\r\n footerText: _orgData.footerText,\r\n loading: false\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n }).catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n /* setAlertMediumOptions = (e) => {\r\n let _values = {};\r\n switch(e.target.value){\r\n case 'sms':\r\n _values.IsSms = e.target.checked;\r\n break;\r\n case 'email':\r\n _values.IsEmail = e.target.checked;\r\n break;\r\n case 'pushnotification':\r\n _values.IsPushNotification = e.target.checked;\r\n break;\r\n default:\r\n break;\r\n }\r\n this.setState(_values);\r\n } */\r\n \r\n setTheme = (selected, option) => {\r\n this.setState({\r\n themeId: selected,\r\n selectedColor: option.props.data_color\r\n });\r\n }\r\n \r\n changeTheme = (selected) => {\r\n this.setState({\r\n themeId: selected,\r\n defaultTheme: selected\r\n });\r\n }\r\n\r\n handleSubmit = async(e) => {\r\n e.preventDefault();\r\n let _this = this;\r\n this.setState({loading: true});\r\n const formData = new FormData();\r\n formData.append('file', this.state.logo); \r\n formData.set('OrgId', this.state.orgData.organizationId);\r\n formData.set('ThemeId', this.state.themeId);\r\n /* formData.set('IsEmail', this.state.IsEmail);\r\n formData.set('IsSms', this.state.IsSms);\r\n formData.set('IsPushNotification', this.state.IsPushNotification); */\r\n formData.append('BackgroundLogoFile', this.state.backgroundImage); \r\n formData.append('WizardIconFile', this.state.wizardIcon);\r\n formData.append('WizardIconActiveFile', this.state.wizardActiveIcon);\r\n formData.set('IsFooterVisible', this.state.footerVisibility); \r\n formData.set('PrimaryColor', this.state.primaryColor); \r\n formData.set('FooterText', this.state.footerText); \r\n //formData.set('IsCapLogoVisible', this.state.capLogoVisibility); \r\n\r\n let token = UserServices.getToken();\r\n let _headers = {'Content-Type': 'multipart/form-data'};\r\n if (token) _headers['authorization'] = token ? 'Bearer ' + token : undefined;\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n Axios({\r\n method: 'post',\r\n url: config.API1+'/api/B2B2CSettings',\r\n data: formData,\r\n headers: _headers\r\n })\r\n .then(function(_response){\r\n let _currentUser = UserServices.getUser();\r\n if(_currentUser.companyID === _this.state.orgData.organizationId){\r\n _currentUser.themeId = _this.state.themeId;\r\n localStorage.setItem('user', JSON.stringify(_currentUser));\r\n document.body.setAttribute('class', 'theme-'+_this.state.themeId);\r\n }\r\n _this.setState({\r\n logo: null, \r\n uploadFileName: \"\", \r\n backgroundImageUploadFileName: \"\", \r\n wizardIconUploadFileName: \"\", \r\n wizardActiveIconUploadFileName: \"\", \r\n loading: false\r\n }, () => {\r\n _this.fetchSettings();\r\n });\r\n notifyUser(currentAppLocale.messages[\"admin.organization.editsettings\"], \"success\");\r\n })\r\n .catch(function (_response) {\r\n console.log(\"Err: \", _response);\r\n _this.setState({loading: false});\r\n });\r\n };\r\n\r\n imageUploadProps = (ImageStateObject, ImageStateNameString, acceptedTypes = \".jpg,.jpeg,.png\") => {\r\n let _this = this;\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n return {\r\n showUploadList: false,\r\n accept: acceptedTypes,\r\n multiple: false,\r\n beforeUpload: file => {\r\n let isValidFile = false;\r\n acceptedTypes.split(\",\").map(type => {\r\n if(file.type.indexOf(type.replace(\".\",\"\")) > -1){\r\n isValidFile = true;\r\n }\r\n });\r\n if(isValidFile === false){\r\n message.error(currentAppLocale.messages[\"admin.fileupload.acceptedtypes\"]);\r\n _this.setState({ [ImageStateObject]: null, [ImageStateNameString]: \"\"});\r\n } else {\r\n _this.setState({ [ImageStateObject]: file, [ImageStateNameString]: file.name});\r\n }\r\n return false;\r\n },\r\n onRemove: _file => {\r\n _this.setState({ [ImageStateObject]: null, [ImageStateNameString]: \"\"});\r\n },\r\n onSuccess: _res => {\r\n _this.setState({ [ImageStateObject]: null});\r\n },\r\n onError(_err) {\r\n message.error(currentAppLocale.messages[\"admin.fileupload.failed\"]);\r\n }\r\n }\r\n };\r\n\r\n removeImage(type, hasType) {\r\n let self = this;\r\n this.setState({loading: true});\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n switch(type){\r\n case \"logo\":\r\n let confirmDeleteLogo = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.logo\"]);\r\n if (confirmDeleteLogo) {\r\n this.props\r\n .removeLogo(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.unknown.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.logo = \"\";\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.organizationsettings.removelogo\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n case \"backgroundImage\":\r\n let confirmDeleteBackgroundImage = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.background\"]);\r\n if (confirmDeleteBackgroundImage) {\r\n this.props\r\n .removeBackgroundImage(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.unknown.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n case \"wizardIcon\":\r\n let confirmDeleteWizardIcon = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.wizard\"]);\r\n if (confirmDeleteWizardIcon) {\r\n this.props\r\n .removeWizardIcon(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.unknown.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n case \"wizardActiveIcon\":\r\n let confirmDeleteWizardActiveIcon = window.confirm(currentAppLocale.messages[\"admin.org.confirm.remove.icon.wizard\"]);\r\n if (confirmDeleteWizardActiveIcon) {\r\n this.props\r\n .removeWizardActiveIcon(this.state.orgData.organizationId)\r\n .then(_response => {\r\n if (_response.error) {\r\n if(_response.error.message){\r\n notifyUser(_response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ [type]: null, [hasType]: false, loading: false }, () => self.props.updateStateOnChange());\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n break;\r\n default:\r\n this.setState({ [type]: null, [hasType]: false, loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.image.removed.successfully\"], \"success\");\r\n break;\r\n }\r\n }\r\n\r\n onChangeCapLogoVisibility = (e) => {\r\n this.setState({\r\n capLogoVisibility: e.target.value,\r\n });\r\n }\r\n\r\n onChangeFooterVisibility = (e) => {\r\n this.setState({\r\n footerVisibility: e.target.value,\r\n });\r\n }\r\n\r\n onChangeFooterText = (e) => {\r\n this.setState({\r\n footerText: e.target.value,\r\n });\r\n }\r\n\r\n onChangePrimaryColor = (colorObj) => {\r\n this.setState({\r\n primaryColor: colorObj.color\r\n });\r\n }\r\n\r\n render() {\r\n const alertMediumOptions = [\r\n { label: \"SMS\", value: \"sms\" },\r\n { label: \"Email\", value: \"email\" },\r\n { label: \"Push Notification\", value: \"pushnotification\" }\r\n ];\r\n const { formLayout } = this.state; \r\n const themeOptionsSelector = (\r\n this.state.allThemes.length > 0 ?\r\n
\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\nAdminSettings.propTypes = {\r\n logo_url:PropTypes.string,\r\n getUserData:PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language, };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cOrgActions,...userActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-settings\" })(AdminSettings);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import { Tabs, Form, Row, Col, Typography, Button } from \"antd\";\r\nimport OrganizationPlan from \"./organization-plan\";\r\nimport PrimaryAddress from \"./primary-address\";\r\nimport AdminSettings from \"./settings\";\r\nimport React, { Component } from \"react\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as b2b2cOrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\n\r\nconst { TabPane } = Tabs;\r\nclass EditOrganization extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countries: [],\r\n productData: [],\r\n orgData: {},\r\n addData: false,\r\n activeTab: \"#address\",\r\n tab1title: \r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n {this.state.orgData && this.state.orgData.organizationId ? \r\n\r\n \r\n \r\n {/* \r\n */}\r\n {Permission.isRole([\"Administrator\",\"CSR\",\"Admin\",\"Travel Manager\",\"Partner\"]) ? \r\n \r\n \r\n : \"\" }\r\n \r\n :'' }\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cOrgActions }, dispatch);\r\n}\r\n// export default EditOrganization;\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n EditOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n Switch,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tabs,\r\n Tooltip\r\n} from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nclass ManageUsers extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'users';\r\n this.state = {\r\n dataLoaded: false,\r\n loading: false,\r\n data: [],\r\n activeTab: 'all',\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n {this.state.orgData && this.state.orgData.organizationId ? \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nManageUsers.propTypes = {\r\n location: PropTypes.object,\r\n userData: PropTypes.object,\r\n getUserListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n ...state.language\r\n }; \r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageUsers\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as RolesActions from \"../../../redux/actions/roles-actions\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport { Typography, Form, Input, Select, Button, Row, Col, Spin} from \"antd\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nconst { Option } = Select;\r\n\r\nclass UserEdit extends React.Component {\r\n state = {\r\n loading: true,\r\n confirmDirty: false,\r\n userId: 0,\r\n identityId: \"\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n userName: \"\",\r\n contactNo: \"\",\r\n address: \"\",\r\n state: \"\",\r\n countryId: \"\",\r\n roleId: \"\",\r\n created: \"\",\r\n countries: [],\r\n allRoles: [],\r\n dataLoaded: false\r\n };\r\n\r\n async componentDidMount() {\r\n let user = [],\r\n userRolesList = [];\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ userId: this.props.match.params.id });\r\n user = await this.props.getUser(this.props.match.params.id);\r\n\r\n //this.props.form.setFieldsValue(user);\r\n this.setState(user.data);\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n let countriesListTemp = await API.getCountriesList();\r\n var countries=[]\r\n countriesListTemp.countries.forEach(function(country){\r\n if(country.countryName!=='All Countries'){\r\n countries.push(country)\r\n }\r\n })\r\n this.setState({ countries: countries });\r\n if (this.props.userData.companyID && this.props.userData.companyID === 1) { //focuspoint organization\r\n userRolesList = await this.props.getAllInternalRoles();\r\n } else {\r\n userRolesList = await this.props.getAllExternalRoles();\r\n }\r\n this.setState({ allRoles: userRolesList, companyId: this.props.userData.companyID, dataLoaded: true });\r\n }\r\n\r\n /* componentDidUpdate() {\r\n if (this.state.dataLoaded === false) {\r\n this.setState({ companyId: this.props.userData.companyID, dataLoaded: true });\r\n }\r\n } */\r\n\r\n submitFormAdd = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateUser(data)\r\n .then(response => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.user.add.success\"], \"success\");\r\n //notifyUser(\"User added successfully!\", \"success\");\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateUser(data)\r\n .then(response => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.user.update.success\"], \"success\");\r\n //notifyUser(\"User updated successfully!\", \"success\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function (key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = '';\r\n } else {\r\n if (typeof values[key] == 'string') {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.userId && this.state.userId > 0) {\r\n values[\"userId\"] = this.state.userId;\r\n values[\"identityId\"] = this.state.identityId;\r\n values[\"companyId\"] = this.state.companyId;\r\n values[\"assignedUsers\"] = [];\r\n this.submitFormEdit(values);\r\n } else {\r\n values[\"assignedUsers\"] = [];\r\n values[\"companyId\"] = this.state.companyId;\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleContactExistance(rule, value, callback){\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/);\r\n // const re = (/^[+-]?\\d+$/)\r\n //var val=value.match(/(\\d+)/)[0]\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length <6 || test ===false)){\r\n callback(\r\n
\r\n \r\n \r\n {this.state.userId === 0 ? (\r\n \r\n \r\n\r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserEdit.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllUserRoles: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user,...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...RolesActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-user\" })(UserEdit);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as travellerActions from \"../../../redux/actions/travellers-actions\";\r\nimport OrgAPI from \"../../../redux/api/b2b2c-organization-api\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\nimport * as B2B2COrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport moment from \"moment\";\r\nimport axios from \"axios\";\r\n\r\nimport { DatePicker } from \"antd\";\r\nimport {\r\n Switch,\r\n Modal,\r\n Spin,\r\n Popover,\r\n Popconfirm,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Upload,\r\n message,\r\n Tabs,\r\n // Divider,\r\n Tooltip,\r\n Drawer,\r\n Form,\r\n Select,\r\n Radio,\r\n} from \"antd\";\r\nimport config, { API1 } from \"../../../../../config\";\r\nimport Axios from \"axios\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\n\r\nimport * as OrgPlanTypeActions from \"../../../redux/actions/org-plan-types\";\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\n\r\nclass ManageTravelers extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'travelers';\r\n this.state = {\r\n userStatus: [],\r\n currentPlanToUnassign: '',\r\n confirmDeactivateEmployeeVisible: false,\r\n disableAssignButton: false,\r\n loading: false,\r\n uploadingEmployees: false,\r\n organizationProductsInfo: [],\r\n showAssignPlan: true,\r\n isBulkUploadModalVisible: false,\r\n startdate: new Date(),\r\n enddate: new Date(),\r\n isSixMonthPlan: false,\r\n selectedPlanDays: 0,\r\n isThisGuardMeOrg: false,\r\n memberPlansList: [],\r\n selctedPlanFromList: {},\r\n bulkUploadInstance: {\r\n sendEmailForNew: false,\r\n isAssignMembership: false,\r\n file: null,\r\n product: -1,\r\n uploadFileName: ''\r\n },\r\n data: [],\r\n activeTab: 'all',\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 filteredValue: this.getSelectedFilterValue('memberProduct'),\r\n ...this.getColumnSearchProps('membershipNumber')\r\n },\r\n {\r\n title:
\r\n {currentPlan.productName} \r\n
\r\n {currentPlan.licenseNumber} \r\n
\r\n {startdate + ' - ' + enddate}\r\n
\r\n ) : (\r\n 'No Active Plans'\r\n )}\r\n \r\n {currentPlan.licenseNumber} \r\n
\r\n {startdate + ' - ' + enddate}\r\n
\r\n \r\n );\r\n },\r\n filteredValue: this.getSelectedFilterValue('memberProduct'),\r\n ...this.getColumnSearchProps('membershipNumber')\r\n },\r\n // {\r\n // title:
\r\n // {currentPlan.productName} \r\n //
\r\n // {currentPlan.licenseNumber} \r\n //
\r\n // {startdate + ' - ' + enddate}\r\n //
\r\n // ) : (\r\n // 'No Active Plans'\r\n // )}\r\n // \r\n // {currentPlan.licenseNumber} \r\n //
\r\n // {startdate + ' - ' + enddate}\r\n //
\r\n // \r\n // );\r\n // },\r\n // filteredValue: this.getSelectedFilterValue('memberProduct'),\r\n // ...this.getColumnSearchProps('membershipNumber')\r\n // },\r\n // {\r\n // title:
{record.memberProduct.productName}
\r\n // )\r\n // }\r\n // }\r\n // },\r\n // {\r\n // title: \r\n // {moment(record.memberPlan.planStartDate).format(dateFormat)}\r\n //
\r\n // )\r\n // }\r\n // }\r\n // },\r\n // {\r\n // title: {enddate}
\r\n // )\r\n // }\r\n\r\n // }\r\n // },\r\n {\r\n title: \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName !== '' ? (\r\n
\r\n {\r\n \r\n
\r\n\r\n No \r\n Yes \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n No \r\n Yes \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {this.state.licenseTotals\r\n ? this.state.licenseTotals.map((el) => {\r\n return (\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\n \r\n \r\n
\r\n
\r\n
\r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {el.product}: \r\n \r\n {el.usedLicenses} / {el.totalLicenses}\r\n \r\n
\r\n );\r\n })\r\n : ''\r\n }\r\n trigger='hover'\r\n >\r\n \r\n {this.state.allAssignedLicenses} / {this.state.allTotalLicenses}\r\n \r\n \r\n Active Licenses : {this.state.allActiveLicenses}\r\n \r\n \r\n Expired Licenses: {this.state.allExpiredLicenses}\r\n \r\n \r\n \r\n
- \r\n {this.state.isThisGuardMeOrg ? (\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\n
\r\n \r\n \r\n {/* Edit Traveler */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nEditTraveler.propTypes = {\r\n location: PropTypes.object,\r\n updateTravellers: PropTypes.func,\r\n travellerDataById: PropTypes.object,\r\n validateTravellerEmail: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.traveller,\r\n ...state.user,\r\n ...state.b2c,\r\n ...state.language\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...travellerActions, ...b2b2cActions, ...userActions, ...AdminActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-traveler\" })(EditTraveler);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n GoogleApiWrapper({\r\n apiKey: \"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\"\r\n })(WrappedForm)\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../admin-dash/audit-logs/audit-logs\";\r\n\r\nclass ResellerAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n console.log(\"in\")\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n {/* Edit Traveler ends*/}\r\n \r\n \r\n 0 ? (\r\n \r\n \r\n {this.state.userId > 0 ? (\r\n \r\n \r\n\r\n
\r\n
\r\n\r\n \r\n ) : (\r\n \"\"\r\n )} */}\r\n\r\n {/*this.props.match.params.id !== \"new\" && (\r\n \r\n \r\n )}\r\n {this.props.match.params.id !== \"new\" && (\r\n \r\n \r\n )} */}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditB2B2COrganizationAgent.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllExternalRoles: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...userActions, ...RolesActions, ...OrgActions, ...travellerActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-organization-agent\" })(\r\n EditB2B2COrganizationAgent\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as OrgActions from \"../../../redux/actions/organization-actions\";\r\nimport OrgAPI from \"../../../redux/api/organization-api\";\r\n// import RolesAPI from \"../../../../../redux/api/roles-api\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport {\r\n Switch,\r\n Modal,\r\n Spin,\r\n Popover,\r\n Popconfirm,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Upload,Tabs,\r\n message,\r\n // Divider,\r\n Tooltip,\r\n Drawer,\r\n Form,\r\n Select,\r\n Radio\r\n} from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport config from \"../../../../../config\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport Axios from \"axios\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\n\r\nclass EditOrganizationAgents extends Component {\r\n constructor(props){\r\n super(props);\r\n this.module = 'hybrid_employees';\r\n \r\n let currentUser = localStorage.getItem(\"user\");\r\n let OrgID = \"\";\r\n if (currentUser !== \"\") {\r\n currentUser = JSON.parse(currentUser);\r\n OrgID = currentUser.companyID;\r\n }\r\n\r\n this.state = {\r\n userStatus: [],\r\n OrgID: OrgID,\r\n currentPlanToUnassign: '',\r\n confirmDeactivateEmployeeVisible: false,\r\n disableAssignButton: false,\r\n assigningLicense: false,\r\n loadMoreOrg: true,\r\n uploadingEmployees: false,\r\n orgPagerCurrent: 1,\r\n showAssignPlan: true,\r\n editPlanVisible: false,\r\n employeesLoaded: false,\r\n isBulkUploadModalVisible: false,\r\n bulkUploadInstance: {\r\n sendEmailForNew: true,\r\n isAssignMembership: false,\r\n file: null,\r\n product: -1,\r\n uploadFileName: ''\r\n },\r\n loading: true,\r\n data: [],\r\n activeTab: 'all',\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n {/* {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"new\" ? (\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName !== '' ? (\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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditOrganizationAgents.propTypes = {\r\n location: PropTypes.object,\r\n getAgentListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions, ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-agent-plan\" })(\r\n EditOrganizationAgents\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n Col,\r\n Row,\r\n Typography,\r\n Button,\r\n Table,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as OrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as userActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as Permission from \"../../../services/permissions\";\r\n\r\nclass B2B2CListDivisonOrganization extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\",\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName}\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.organizationId}\r\n loading={this.state.loading}\r\n pagination={this.state.pagination}\r\n dataSource={this.state.data}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...OrgActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(B2B2CListDivisonOrganization)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Col, Row, Button, Result } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nclass DivisonSucess extends Component {\r\n render() {\r\n let parentOrgId = this.props.match.params.id;\r\n let orgId = this.props.divisionId;\r\n return (\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\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(DivisonSucess)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\n\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport API from \"../../../../redux/api/admin-api\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../redux/actions/admin-actions\";\r\nimport DivisonSucess from \"../sucess\";\r\nimport OrgTree from \"../../../shared/components/orgTree\";\r\nconst { Option } = Select;\r\n\r\nclass B2B2CAddDivisonOrganization extends Component {\r\n state = {\r\n isBillingRequired: false,\r\n parentOrgId: 0,\r\n formLayout: undefined,\r\n submittedSuccessfully: false,\r\n data: {},\r\n countries: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n \r\n \r\n this.props.history.push('./../add/')}\r\n style={{ width: \"200px\" }}\r\n >\r\n Add New Division\r\n \r\n \r\n {/* this.props.history.push('../../../edit/'+orgId+'/employees/new/', {oldPath: '../../../../'+parentOrgId+'/divisions/'})}\r\n >\r\n \r\n */}\r\n {/* this.props.history.push('../../../edit/'+orgId+'/employees/new/', {oldPath: '../../../../'+parentOrgId+'/divisions/'})}\r\n >\r\n \r\n */}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n {submittedSuccessfully === true ? \r\n \r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...OrgActions, ...AdminActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"add-division\" })(\r\n B2B2CAddDivisonOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport API from \"../../../../redux/api/admin-api\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../redux/actions/admin-actions\";\r\nimport OrgTree from \"../../../shared/components/orgTree\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nconst { Option } = Select;\r\n\r\nclass B2B2CEditDivisonOrganization extends Component {\r\n state = {\r\n loading: false,\r\n isBillingRequired: false,\r\n formLayout: undefined,\r\n data: {},\r\n countries: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions, ...userActions, ...OrgActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-division\" })(\r\n B2B2CEditDivisonOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport UserProfile from \"../components/hybrid-dash/user-profile/user-profile\";\r\nimport ManageOrders from \"../components/hybrid-dash/order-history/order-history\";\r\nimport ViewOrder from \"../components/hybrid-dash/order-history/view\";\r\nimport HybridHome from \"../components/hybrid-dash/user-home/user-home\";\r\nimport UserChangePassword from \"../components/hybrid-dash/user-profile/change-password\";\r\nimport ManageOrganization from \"../components/hybrid-dash/manage-organization/edit-organization\";\r\nimport ManageUsers from \"../components/hybrid-dash/manage-users/index\";\r\nimport EditUser from \"../components/hybrid-dash/manage-users/edit\";\r\nimport ManageTravelers from \"../components/hybrid-dash/travelers/list\";\r\nimport EditTraveler from \"../components/hybrid-dash/travelers/edit/edit\";\r\nimport AuditLogs from \"../components/hybrid-dash/audit-logs\";\r\nimport NotFound from \"../components/shared/components/404.jsx\";\r\nimport Notifications from \"../components/Notifications/notifications\";\r\nimport ViewNotification from \"../components/Notifications/view\";\r\nimport CustomizeEmailsList from \"../components/common/customize-emails/list\";\r\nimport EditCustomizeEmail from \"../components/common/customize-emails/edit\";\r\nimport EditB2B2COrganizationAgent from \"../components/hybrid-dash/agents/edit\";\r\nimport EditOrganizationAgents from \"../components/hybrid-dash/agents/list\";\r\nimport B2B2CListDivisonOrganization from \"../components/hybrid-dash/manage-division/list-division\";\r\nimport B2B2CAddDivisonOrganization from \"../components/hybrid-dash/manage-division/add-division/add-division\";\r\nimport B2B2CEditDivisonOrganization from \"../components/hybrid-dash/manage-division/edit-division/edit-division\";\r\nimport B2B2COrganizationTravelersList from \"../components/hybrid-dash/travelers/list\";\r\nconst routes = [\r\n {\r\n path: '',\r\n component: HybridHome\r\n },\r\n {\r\n path: 'my-profile',\r\n component: UserProfile\r\n },\r\n {\r\n path: 'my-profile/change-password',\r\n component: UserChangePassword\r\n },\r\n {\r\n path: 'manage-orders',\r\n component: ManageOrders\r\n },\r\n {\r\n path: 'manage-orders/view/:orderId',\r\n component: ViewOrder\r\n },\r\n {\r\n path: 'manage-organization',\r\n component: ManageOrganization\r\n },\r\n {\r\n path: 'manage-users',\r\n component: ManageUsers\r\n },\r\n {\r\n path: 'manage-users/:id',\r\n component: EditUser\r\n },\r\n {\r\n path: 'manage-agents',\r\n component: EditOrganizationAgents\r\n },\r\n {\r\n path: 'manage-agents/:id',\r\n component: EditB2B2COrganizationAgent\r\n },\r\n {\r\n path: 'manage-travelers/',\r\n component: ManageTravelers\r\n },\r\n // company manage travler router\r\n {\r\n path: 'manage-travelers/:id/list/',\r\n component: ManageTravelers\r\n },\r\n {\r\n path: 'manage-travelers/:orgid/list/edit/:id',\r\n component: EditTraveler\r\n },\r\n {\r\n path: 'manage-travelers/:orgid/divisions/:id/traveler',\r\n component: ManageTravelers\r\n },\r\n {\r\n path: 'manage-travelers/:orgid/divisions/:divid/traveler/:new',\r\n component: EditTraveler\r\n },\r\n\r\n // end\r\n {\r\n path: 'manage-travelers/:orgid/list/:new',\r\n component: EditTraveler\r\n },\r\n {\r\n path: 'manage-travelers/edit/:id',\r\n component: EditTraveler\r\n },\r\n\r\n {\r\n path: 'manage-division/',\r\n component: B2B2CListDivisonOrganization\r\n },\r\n {\r\n path: 'manage-division/divisions/add',\r\n component: B2B2CAddDivisonOrganization\r\n },\r\n {\r\n path: 'manage-division/divisions/:id/edit/',\r\n component: B2B2CEditDivisonOrganization\r\n },\r\n // for company gurad me login\r\n {\r\n path: 'manage-division/:id/list/',\r\n component: B2B2CListDivisonOrganization\r\n },\r\n {\r\n path: 'manage-division/:orgid/list/divisions/:id/edit/',\r\n component: B2B2CEditDivisonOrganization\r\n },\r\n {\r\n path: 'manage-division/:id/list/divisions/add',\r\n component: B2B2CAddDivisonOrganization\r\n },\r\n {\r\n path: 'manage-division/:id/list/divisions/:orgid/traveler/',\r\n component: ManageTravelers\r\n },\r\n {\r\n path: 'manage-division/:id/list/divisions/:orgid/traveler/edit/:id',\r\n component: EditTraveler\r\n },\r\n\r\n // end\r\n {\r\n path: 'manage-division/divisions/:id/traveler/',\r\n component: ManageTravelers\r\n },\r\n {\r\n path: 'manage-division/divisions/:divid/traveler/:id',\r\n component: EditTraveler\r\n },\r\n {\r\n path: 'manage-division/divisions/:divid/traveler/edit/:id',\r\n component: EditTraveler\r\n },\r\n {\r\n path: 'manage-travelers/edit/:id/view-order/:orderId',\r\n component: ViewOrder\r\n },\r\n {\r\n path: 'audit-logs',\r\n component: AuditLogs\r\n },\r\n {\r\n path: 'user/audit-logs/:id',\r\n component: AuditLogs\r\n },\r\n {\r\n path: 'notifications',\r\n component: Notifications\r\n },\r\n {\r\n path: 'notifications/:id',\r\n component: ViewNotification\r\n },\r\n {\r\n path: 'customize-emails',\r\n component: CustomizeEmailsList\r\n },\r\n {\r\n path: 'customize-emails/edit/:templateId',\r\n component: EditCustomizeEmail\r\n },\r\n {\r\n path: '',\r\n component: NotFound,\r\n exact: false\r\n }\r\n];\r\n\r\nclass HybridRouter extends Component {\r\n componentDidMount(){\r\n console.log(\"mount\")\r\n }\r\n render() {\r\n const { url, style } = this.props;\r\n return (\r\n \r\n
\r\n \r\n {\r\n routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default HybridRouter;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as sidebarAction from \"../../../redux/actions/sidebar-actions\";\r\nimport LanguageSwitcher from \"../../../languageSwitcher\";\r\n//import ThemeSwitcher from \"../../../themeSwitcher/index.js\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as notificationActions from \"../../../redux/actions/notifications-actions\";\r\nimport {Tooltip, Icon, Row, Col, Menu, Dropdown, Badge } from \"antd\";\r\n\r\nclass UserHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { \r\n collapsed: true,\r\n data: [],\r\n notificationsCount: 0\r\n };\r\n this.logout = this.logout.bind(this);\r\n }\r\n toggle = () => {\r\n this.props.toggleSidebar();\r\n };\r\n logout() {\r\n this.props.LogOutUser();\r\n this.props.history.push(\"/login\");\r\n }\r\n componentDidMount() {\r\n this.props.getNotificationsList({}).then(data => {\r\n if(this.props.userData && this.props.userData.userID){\r\n this.props.getNotificationsCount(this.props.userData.userID).then(r => this.setState({notificationsCount: r}));\r\n }\r\n let _data = data.data\r\n if(_data){\r\n _data.splice(5);\r\n\r\n this.setState({ \r\n data: _data\r\n })\r\n }\r\n })\r\n }\r\n\r\n notificationsList = () => {\r\n let notifications = this.state.data || [];\r\n let output = [];\r\n let _this = this;\r\n if(notifications.length > 0){\r\n notifications.map(function(n){\r\n output.push(\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserHeader.propTypes = {\r\n LogOutUser: PropTypes.func,\r\n isLoggedIn: PropTypes.bool,\r\n toggleSidebar: PropTypes.func,\r\n notificationCount: PropTypes.string\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.sidebar\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...sidebarAction, ...notificationActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(UserHeader)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport SideBar from \"../sidebar/sidebar.jsx\";\r\nimport HybridRouter from \"../../routes/hybrid-router\";\r\nimport * as userActions from \"../../redux/actions/user-actions\"\r\nimport { Layout, Modal } from \"antd\";\r\nimport UserHeader from \"./user-header/header.jsx\";\r\nimport * as languageAction from \"../../redux/actions/language-actions.js\";\r\nimport * as themeAction from \"../../redux/actions/theme-actions\";\r\nimport options from \"../sidebar/options\";\r\nimport * as UserService from \"../../services/user-service\";\r\nconst { Header, Sider, Content } = Layout;\r\n\r\n\r\n\r\nclass ResellerDash extends Component {\r\n state = {\r\n changePasswordModalVisible: false\r\n };\r\n async componentDidMount() {\r\n var currentTheme = JSON.parse(localStorage.getItem('user')),\r\n currentThemeName = 'theme-' + currentTheme.themeId;\r\n document.body.setAttribute('class', currentThemeName);\r\n document.body.setAttribute('style', \"\");\r\n if (!this.props.userData || !this.props.userData.userID) {\r\n await this.props.getUserData();\r\n }\r\n let currentUser = UserService.getUser();\r\n if (currentUser.userID && currentUser.accountConfirmed === false) {\r\n localStorage.setItem(\"remember_me\", false);\r\n if (this.props.history.location.pathname.indexOf(\"change-password\") <= -1) {\r\n this.props.history.push('/hybrid/my-profile/change-password');\r\n }\r\n }\r\n\r\n }\r\n showModal = () => {\r\n this.setState({\r\n planExp: true,\r\n });\r\n };\r\n handleOk = e => {\r\n this.setState({\r\n planExp: false,\r\n });\r\n };\r\n submitPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n this.props.history.push('/admin/my-profile');\r\n }\r\n\r\n cancelPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n }\r\n render() {\r\n const { url } = this.props.match;\r\n return (\r\n \r\n \r\n - \r\n \r\n {this.props.notificationCount > 0 ?\r\n (
- \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n )\r\n : \r\n ( - \r\n this.props.history.push(\"/reseller/notifications/\")}>\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 {currentUserFirstname} {currentUserLastname}\r\n \r\n \r\n \r\n \r\n {/* - \r\n \r\n\r\n\r\n\r\n
\r\n */}\r\n
For security reasons, we suggest you to reset your password.
\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\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-profile\" })(UserProfile);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, DatePicker, Modal, Form, Radio, Spin } from \"antd\";\r\nimport { ViewCell } from \"../../shared/components/helperCells\";\r\nimport * as orderActions from \"../../../redux/actions/order-actions\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport Config from \"../../../../../config\";\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\n\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateDownloadFormat = \"YYYY-MM-DD\";\r\nconst { RangePicker } = DatePicker;\r\n\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass AgentOrderHistory extends Component {\r\n constructor(props) {\r\n super(props);\r\n let agntCode = JSON.parse(localStorage.getItem(\"user\"));\r\n this.state = {\r\n ordersLoaded: false,\r\n loading: false,\r\n agntCode : agntCode.agentCode,\r\n isLoading: true,\r\n currentPlanName: null,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\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 record.orderId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(AgentOrderHistory)\r\n); \r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../redux/actions/order-actions\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport {\r\n Typography,\r\n Form,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Descriptions,\r\n Table,\r\n Tag,\r\n Tooltip,\r\n Modal,\r\n Input\r\n} from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport * as b2b2cActions from \"../../../redux/actions/b2b2c-actions\";\r\n\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nclass ViewOrder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n updateCompanionModalVisible: false,\r\n currentCompanionId: null,\r\n currentCompanionEmail: null,\r\n currentCompanionPhone: null,\r\n currentCompanionOrgId: null,\r\n orderInfo: {}\r\n };\r\n }\r\n\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n });\r\n async componentDidMount() {\r\n this.setState({ loading: true, id: this.props.match.params.orderId });\r\n this.loadOrder();\r\n }\r\n\r\n loadOrder = async() => {\r\n const order = await this.props.getAgentOrder(this.props.match.params.orderId);\r\n this.setState({ orderInfo: order.data, currentCompanionOrgId: order.data.orgId });\r\n this.setState({ loading: false });\r\n }\r\n\r\n submitFormAdd = data => {\r\n this.props\r\n .addOrder(data)\r\n .then(item => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"./\");\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n editItem = id => {\r\n this.props.history.push(\"./edit/\" + id);\r\n };\r\n\r\n submitFormEdit = data => {\r\n this.props\r\n .updateOrder(data)\r\n .then(item => {\r\n if (item.error) {\r\n } else {\r\n this.props.history.push(\"./\");\r\n }\r\n\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if(values[key] == null){\r\n values[key] = '';\r\n } else {\r\n if(typeof values[key] == 'string'){\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values[\"id\"] = this.state.id;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n \r\n handleContactExistance(rule, value, callback){\r\n //const re = /^[0-9']+$/;\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/)\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length <6 || test ===false)){\r\n callback(\r\n {/*
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n { \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...UserActions, ...b2b2cActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"view-order\" })(ViewOrder);\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Row, Col, Typography, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as AdminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as ProductActions from \"../../../redux/actions/product-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport moment from \"moment\";\r\nimport { DatePicker } from \"antd\";\r\nconst { RangePicker } = DatePicker;\r\nconst dateFormat = \"MM-DD-YYYY\";\r\nconst queryDateFormatStart = \"YYYY-MM-DD 00:00:00\";\r\nconst queryDateFormatEnd = \"YYYY-MM-DD 23:59:59\";\r\n\r\n//moment.tz.setDefault();\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass UserHome extends Component {\r\n state = {\r\n productsSaleData: [],\r\n salesData: {\r\n data: [],\r\n total: 0\r\n },\r\n incomeData: {\r\n data: [],\r\n total: 0\r\n },\r\n profitData: {\r\n data: [],\r\n total: 0\r\n },\r\n notificationsData: {\r\n emails: 0,\r\n sms: 0,\r\n pushNotifications: 0,\r\n notifications: 0\r\n },\r\n isDPEnabled: true,\r\n dataPickerDates: [start, end],\r\n visible: false,\r\n statsLoading: true\r\n };\r\n componentDidMount = () => {\r\n //this.props.clearPaginationExceptMe('dashboard');\r\n this.loadProductSalesData();\r\n };\r\n loadProductSalesData = async () => {\r\n let _this = this;\r\n let dateRanges = _this.state.dataPickerDates;\r\n\r\n let args = {\r\n startDate: dateRanges[0].format(queryDateFormatStart),\r\n endDate: dateRanges[1].format(queryDateFormatEnd)\r\n };\r\n\r\n /* total sales */\r\n this.props.getResellerTotalOrders(args).then(response => {\r\n let _salesData = this.state.salesData;\r\n _salesData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Sale\": el.totalOrder };\r\n });\r\n _salesData.total = response.data.reduce(function(tot, el) {\r\n return tot + el.totalOrder;\r\n }, 0);\r\n this.setState({\r\n salesData: _salesData\r\n });\r\n });\r\n\r\n \r\n this.props.getResellerTotalProfit(args).then(response => {\r\n let _profitData = this.state.profitData;\r\n _profitData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Profit\": el.totalCommission };\r\n });\r\n _profitData.total = response.data\r\n .reduce(function(tot, el) {\r\n return tot + el.totalCommission;\r\n }, 0)\r\n .toFixed(2);\r\n this.setState({\r\n profitData: _profitData\r\n });\r\n });\r\n\r\n /* sales by product */\r\n let _productsSaleData = /* _this.state.productsSaleData || */[];\r\n _this.props.getProducts({}).then(response1 => {\r\n response1.data &&\r\n response1.data.map(function(el1) {\r\n if(el1.name.toLowerCase().indexOf(\"cap\") === -1){\r\n let data = Object.assign({}, args);\r\n data.productId = el1.productId;\r\n _this.props.getResellerTotalSale(data).then(response2 => {\r\n let _salesData = {};\r\n _salesData.data =\r\n response2.data &&\r\n response2.data.map(function(el3) {\r\n return { Date: el3.orderDate, \"Total Sale\": el3.totalProducts };\r\n });\r\n _salesData.total =\r\n response2.data &&\r\n response2.data.reduce(function(tot, el4) {\r\n return tot + el4.totalProducts;\r\n }, 0);\r\n _salesData.name = el1.name;\r\n _salesData.productId = el1.productId;\r\n _productsSaleData[el1.productId] = _salesData;\r\n _this.setState({\r\n productsSaleData: _productsSaleData\r\n });\r\n });\r\n }\r\n });\r\n });\r\n setTimeout(function() {\r\n _this.setState({ statsLoading: false });\r\n }, 1000);\r\n\r\n /* notifications count */\r\n this.props.getDashboardNotificationsData(args).then(response => {\r\n let _notificationsData = {\r\n emails: 0,\r\n pushNotifications: 0,\r\n sms: 0,\r\n notifications: 0\r\n };\r\n response.data.map(function(el){\r\n _notificationsData.emails += el.userNotificationsEmailCount;\r\n _notificationsData.pushNotifications += el.userNotificationsPushCount;\r\n _notificationsData.sms += el.userNotificationsSmsCount;\r\n _notificationsData.notifications += el.userNotificationsCount;\r\n });\r\n this.setState({\r\n notificationsData: _notificationsData\r\n });\r\n });\r\n };\r\n\r\n dateChanged = dates => {\r\n if(dates.length > 0){\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: dates\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: [start, end]\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n }\r\n };\r\n\r\n showDrawer = () => {\r\n this.setState({\r\n visible: true\r\n });\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n };\r\n render() {\r\n let _this = this;\r\n return (\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\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...ProductActions, ...AdminActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(UserHome)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Typography, Row, Col, Form, Input, Button, Popover, Icon, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {notifyUser} from \"../../../services/notification-service\";\r\nimport * as UserService from '../../../services/user-service';\r\n\r\nconst validColor = '#52c41a', invalidColor = '#cb0019';\r\nconst validIcon = 'check-circle', invalidIcon = 'exclamation-circle';\r\nclass UserChangePassword extends Component {\r\n state = {\r\n forceChangePasswordText: '',\r\n loading: false,\r\n formLayout: \"vertical\",\r\n password: {\r\n isValid: false,\r\n visibleHint: false,\r\n uppercase: {\r\n hasUppercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n lowercase: {\r\n hasLowercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n numeric: {\r\n hasNumer: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n specialCharacter: {\r\n hasSpecialChar: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n characters: {\r\n minLength: 8,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n }\r\n }\r\n };\r\n\r\n componentDidMount = async() => {\r\n this.props.clearPaginationExceptMe('change_password');\r\n let currentUser = UserService.getUser();\r\n if(currentUser.userID && currentUser.accountConfirmed === false){\r\n this.setState({\r\n forceChangePasswordText: 'For security reasons please change your password first!'\r\n });\r\n }\r\n }\r\n\r\n handleFormLayoutChange = e => {\r\n this.setState({ formLayout: e.target.value });\r\n };\r\n\r\n compareToNewPassword = (_rule, value, callback) => {\r\n const { form } = this.props;\r\n let _password = this.state.password;\r\n if (value && value !== form.getFieldValue('password')) {\r\n callback(\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n {this.state.forceChangePasswordText != '' ? \r\n
\r\n }\r\n title={\r\n
{this.state.forceChangePasswordText}
\r\n : ''}\r\n\r\n \r\n {routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AgentRouter;\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../admin-dash/audit-logs/audit-logs\";\r\n\r\nclass ResellerAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n console.log(\"in\")\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserHeader.propTypes = {\r\n LogOutUser: PropTypes.func,\r\n isLoggedIn: PropTypes.bool,\r\n toggleSidebar: PropTypes.func,\r\n notificationCount: PropTypes.string\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.sidebar\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...sidebarAction, ...notificationActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(UserHeader)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport SideBar from \"../sidebar/sidebar.jsx\";\r\nimport AgentRouter from \"../../routes/agent-router\";\r\nimport * as userActions from \"../../redux/actions/user-actions\"\r\nimport { Layout, Modal } from \"antd\";\r\nimport UserHeader from \"./user-header/header.jsx\";\r\nimport * as languageAction from \"../../redux/actions/language-actions.js\";\r\nimport * as themeAction from \"../../redux/actions/theme-actions\";\r\nimport options from \"../sidebar/options\";\r\nimport * as UserService from \"../../services/user-service\";\r\nconst { Header, Sider, Content } = Layout;\r\n\r\n\r\n\r\nclass AgentDash extends Component {\r\n state = {\r\n changePasswordModalVisible: false\r\n };\r\n async componentDidMount() {\r\n var currentTheme = JSON.parse(localStorage.getItem('user')),\r\n currentThemeName = 'theme-' + currentTheme.themeId;\r\n document.body.setAttribute('class', currentThemeName);\r\n document.body.setAttribute('style', \"\");\r\n if (!this.props.userData || !this.props.userData.userID) {\r\n await this.props.getUserData();\r\n }\r\n let currentUser = UserService.getUser();\r\n if (currentUser.userID && currentUser.accountConfirmed === false) {\r\n localStorage.setItem(\"remember_me\", false);\r\n if (this.props.history.location.pathname.indexOf(\"change-password\") <= -1) {\r\n this.props.history.push('/agent/my-profile/change-password');\r\n }\r\n }\r\n\r\n }\r\n showModal = () => {\r\n this.setState({\r\n planExp: true,\r\n });\r\n };\r\n handleOk = e => {\r\n this.setState({\r\n planExp: false,\r\n });\r\n };\r\n submitPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n this.props.history.push('/admin/my-profile');\r\n }\r\n\r\n cancelPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n }\r\n render() {\r\n const { url } = this.props.match;\r\n return (\r\n \r\n \r\n - \r\n \r\n {this.props.notificationCount > 0 ?\r\n (
- \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n )\r\n : \r\n ( - \r\n this.props.history.push(\"/reseller/notifications/\")}>\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 {currentUserFirstname} {currentUserLastname}\r\n \r\n \r\n \r\n \r\n {/* - \r\n \r\n\r\n\r\n\r\n
\r\n */}\r\n
For security reasons, we suggest you to reset your password.
\r\n \r\n{this.formatter.format(this.props.incomeData.total)}
\r\n {this.props.salesData.total}
\r\n ${this.props.profitData.total}
\r\n \r\n \r\n {Object.entries(this.state.airportLocation).map(\r\n ([marker, value]) => (\r\n
\r\n )}\r\n \r\n \r\n this.props.history.push(\"traveller-itineray-details\")\r\n }\r\n >\r\n \r\n Go To Map\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n }\r\n bodyStyle={{ padding: 0 }}\r\n extra={ record.name}\r\n pagination={false}\r\n columns={this.getHeaderKeys()}\r\n dataSource={this.state.data}\r\n loading={this.state.loading}\r\n />\r\n \r\n this.props.history.push(\"organizations/\")}\r\n >\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ListCompaines\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Table, Button, Icon, Card, Row } from \"antd\";\r\nimport {\r\n TravelersSvg,\r\n} from \"../../../shared/svg/svg/home-icon\";\r\nimport * as travellerActions from \"../../../../redux/actions/travellers-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\"\r\nconst TravelersSvgIcon = props => \r\n record.userName}\r\n pagination={false}\r\n columns={this.getHeaderKeys()}\r\n dataSource={this.state.data}\r\n loading={this.state.loading}\r\n />\r\n \r\n this.props.history.push(\"travelers/\")}\r\n >\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellerActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ListTravelers\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Row, Col, Typography, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport TotalIncome from \"./total-income/total-income\";\r\nimport TotalSales from \"./total-sales/total-sales\";\r\nimport TotalViews from \"./total-views/total-views\";\r\nimport ProductGraph from \"./product-graph\";\r\nimport GoogleMapComponent from \"./traveler-map/traveler-map\";\r\nimport DataAnalysis from \"./data-analysis/data-analysis\";\r\nimport ListCompaines from \"./list-compines/list-compaines\";\r\nimport ListTravelers from \"./list-travelers/list-travelers\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport * as AdminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as ProductActions from \"../../../redux/actions/product-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport moment from \"moment\";\r\nimport { DatePicker } from \"antd\";\r\nimport PropTypes from \"prop-types\";\r\n//import console = require(\"console\");\r\nconst { RangePicker } = DatePicker;\r\nconst dateFormat = \"MM-DD-YYYY\";\r\nconst queryDateFormatStart = \"YYYY-MM-DD 00:00:00\";\r\nconst queryDateFormatEnd = \"YYYY-MM-DD 23:59:59\";\r\n\r\n\r\n//moment.tz.setDefault();\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass AdminHome extends Component {\r\n state = {\r\n productsSaleData: [],\r\n salesData: {\r\n data: [],\r\n total: 0\r\n },\r\n incomeData: {\r\n data: [],\r\n total: 0\r\n },\r\n profitData: {\r\n data: [],\r\n total: 0\r\n },\r\n notificationsData: {\r\n emails: 0,\r\n sms: 0,\r\n pushNotifications: 0,\r\n notifications: 0\r\n },\r\n isDPEnabled: true,\r\n dataPickerDates: [start, end],\r\n visible: false,\r\n statsLoading: true\r\n };\r\n componentDidMount = () => {\r\n this.props.clearPaginationExceptMe('dashboard');\r\n this.loadProductSalesData();\r\n };\r\n loadProductSalesData = async () => {\r\n let _this = this;\r\n let dateRanges = _this.state.dataPickerDates;\r\n\r\n let args = {\r\n startDate: dateRanges[0].format(queryDateFormatStart),\r\n endDate: dateRanges[1].format(queryDateFormatEnd)\r\n };\r\n\r\n /* total sales */\r\n this.props.getTotalSales(args).then(response => {\r\n let _salesData = this.state.salesData;\r\n _salesData.data = response.data && response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Sale\": el.totalSale };\r\n });\r\n _salesData.total = response.data && response.data.reduce(function(tot, el) {\r\n return tot + el.totalSale;\r\n }, 0);\r\n this.setState({\r\n salesData: _salesData\r\n });\r\n });\r\n\r\n /* total income */\r\n this.props.getTotalIncome(args).then(response => {\r\n let _incomeData = this.state.incomeData;\r\n _incomeData.total = response.data && response.data.reduce(function(tot, el) {\r\n return tot + el.totalIncome;\r\n }, 0);\r\n _incomeData.data = response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Income\": el.totalIncome };\r\n });\r\n this.setState({\r\n incomeData: _incomeData\r\n });\r\n });\r\n\r\n /* total profit */\r\n this.props.getTotalProfit(args).then(response => {\r\n let _profitData = this.state.profitData;\r\n _profitData.data = response.data && response.data.map(function(el) {\r\n return { Date: el.orderDate, \"Total Profit\": el.totalProfit };\r\n });\r\n _profitData.total = response.data\r\n .reduce(function(tot, el) {\r\n return tot + el.totalProfit;\r\n }, 0)\r\n .toFixed(2);\r\n this.setState({\r\n profitData: _profitData\r\n });\r\n });\r\n\r\n /* sales by product */\r\n let _productsSaleData = /* _this.state.productsSaleData || */[];\r\n _this.props.getProducts({}).then(response1 => {\r\n response1.data &&\r\n response1.data.map(function(el1) {\r\n let data = Object.assign({}, args);\r\n data.productId = el1.productId;\r\n _this.props.getTotalSaleByProduct(data).then(response2 => {\r\n let _salesData = {};\r\n _salesData.data =\r\n response2.data &&\r\n response2.data.map(function(el3) {\r\n return { Date: el3.orderDate, \"Total Sale\": el3.totalProducts };\r\n });\r\n _salesData.total =\r\n response2.data &&\r\n response2.data.reduce(function(tot, el4) {\r\n return tot + el4.totalProducts;\r\n }, 0);\r\n _salesData.name = el1.name;\r\n _salesData.productId = el1.productId;\r\n _productsSaleData[el1.productId] = _salesData;\r\n _this.setState({\r\n productsSaleData: _productsSaleData\r\n });\r\n });\r\n });\r\n });\r\n setTimeout(function() {\r\n _this.setState({ statsLoading: false });\r\n }, 1000);\r\n\r\n /* notifications count */\r\n this.props.getDashboardNotificationsData(args).then(response => {\r\n let _notificationsData = {\r\n emails: 0,\r\n pushNotifications: 0,\r\n sms: 0,\r\n notifications: 0\r\n };\r\n response.data.map(function(el){\r\n _notificationsData.emails += el.userNotificationsEmailCount;\r\n _notificationsData.pushNotifications += el.userNotificationsPushCount;\r\n _notificationsData.sms += el.userNotificationsSmsCount;\r\n _notificationsData.notifications += el.userNotificationsCount;\r\n });\r\n this.setState({\r\n notificationsData: _notificationsData\r\n });\r\n });\r\n };\r\n\r\n dateChanged = dates => {\r\n if(dates.length > 0){\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: dates\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n } else {\r\n this.setState(\r\n {\r\n statsLoading: true,\r\n dataPickerDates: [start, end]\r\n },\r\n () => this.loadProductSalesData()\r\n );\r\n }\r\n };\r\n\r\n showDrawer = () => {\r\n this.setState({\r\n visible: true\r\n });\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n visible: false\r\n });\r\n };\r\n render() {\r\n let _this = this;\r\n return (\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\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...ProductActions, ...AdminActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(AdminHome)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Table, Button, Row, Col, Spinner } from \"react-bootstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport Pagination from \"react-js-pagination\";\r\n\r\n// import ModalForm from \"../Modals/Modal\";\r\n\r\nclass DataTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handlePageChange = this.handlePageChange.bind(this);\r\n this.deleteItem = this.deleteItem.bind(this);\r\n this.editItem = this.editItem.bind(this);\r\n }\r\n\r\n handlePageChange(pageNumber) {\r\n this.props.paginateHandle(pageNumber);\r\n }\r\n\r\n deleteItem(pageNumber) {\r\n this.props.deleteItemFromState(pageNumber);\r\n }\r\n\r\n editItem(idx) {\r\n this.props.editItemFromState(idx);\r\n }\r\n\r\n listing = () => {\r\n let temparr = this.props.items.map(item => {\r\n let eachRow = this.props.headerData.map(hkey => {\r\n if (hkey.key !== \"action\") {\r\n return \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {Permission.canAccess(\"dashboard_charts\") ? (\r\n \r\n \r\n \r\n
\r\n \r\n {this.state.productsSaleData.map(function(el) {\r\n return (\r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n Some contents...
\r\nSome contents...
\r\nSome contents...
\r\n */}\r\n\r\n \r\n \r\n \r\n
{\" \"}\r\n {\" \"}\r\n
{\" \"}\r\n \r\n 10\r\n ? 10\r\n : \"\"\r\n }\r\n itemClass=\"page-item\"\r\n linkClass=\"page-link\"\r\n activeClass=\"active\"\r\n onChange={this.handlePageChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nDataTable.propTypes = {\r\n items: PropTypes.array,\r\n pagination: PropTypes.object,\r\n paginateHandle: PropTypes.func,\r\n deleteItem: PropTypes.func,\r\n headerData: PropTypes.array,\r\n getListData: PropTypes.func\r\n};\r\nexport default DataTable;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport DataTable from \"../../shared/components/DataTable\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Row, Col } from \"react-bootstrap\";\r\n\r\nclass UserListing extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { userListing: {}, loading: false };\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n { key: \"id\", lable: \"ID\" },\r\n { key: \"first\", lable: \"First Name\" },\r\n { key: \"last\", lable: \"Last Name\" },\r\n { key: \"email\", lable: \"Email\" },\r\n { key: \"phone\", lable: \"Phone\" },\r\n { key: \"action\", lable: \"Action\", ignore: true }\r\n ];\r\n };\r\n async componentDidMount() {\r\n this.paginateHandlefunction(1);\r\n }\r\n\r\n deleteItem = id => {\r\n let confirmDelete = window.confirm(\"Delete item forever?\");\r\n if (confirmDelete) {\r\n this.setState({ loading: true });\r\n this.props\r\n .deleteUser({ id: id })\r\n .then(item => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"users\");\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n }\r\n };\r\n\r\n editItem = id => {\r\n this.props.history.push(\"users/\" + id);\r\n };\r\n\r\n paginateHandlefunction = pageNumber => {\r\n console.log(`active page is ${pageNumber}`);\r\n this.setState({ loading: true });\r\n this.props\r\n .getUserListing({ filters: {}, pagination: { page: pageNumber } })\r\n .then(resp => {\r\n this.setState({ loading: false, userListing: resp });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n userListing: { dataItems, pagination }\r\n } = this.state;\r\n return (\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\nUserListing.propTypes = {\r\n location: PropTypes.object,\r\n getUserListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(UserListing)\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as RolesActions from \"../../../redux/actions/roles-actions\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport { Typography, Form, Input, Select, Button, Row, Col, Spin} from \"antd\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nconst { Option } = Select;\r\n\r\nclass UserEdit extends React.Component {\r\n state = {\r\n loading: true,\r\n confirmDirty: false,\r\n userId: 0,\r\n identityId: \"\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n userName: \"\",\r\n contactNo: \"\",\r\n address: \"\",\r\n state: \"\",\r\n countryId: \"\",\r\n roleId: \"\",\r\n created: \"\",\r\n countries: [],\r\n allRoles: [],\r\n dataLoaded: false\r\n };\r\n\r\n async componentDidMount() {\r\n let user = [],\r\n userRolesList = [];\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ userId: this.props.match.params.id });\r\n user = await this.props.getUser(this.props.match.params.id);\r\n\r\n //this.props.form.setFieldsValue(user);\r\n this.setState(user.data);\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n let countriesListTemp = await API.getCountriesList();\r\n var countries=[]\r\n countriesListTemp.countries.forEach(function(country){\r\n if(country.countryName!=='All Countries'){\r\n countries.push(country)\r\n }\r\n })\r\n this.setState({ countries: countries });\r\n if (this.props.userData.companyID && this.props.userData.companyID === 1) { //focuspoint organization\r\n userRolesList = await this.props.getAllInternalRoles();\r\n } else {\r\n userRolesList = await this.props.getAllExternalRoles();\r\n }\r\n this.setState({ allRoles: userRolesList, companyId: this.props.userData.companyID, dataLoaded: true });\r\n }\r\n\r\n /* componentDidUpdate() {\r\n if (this.state.dataLoaded === false) {\r\n this.setState({ companyId: this.props.userData.companyID, dataLoaded: true });\r\n }\r\n } */\r\n\r\n submitFormAdd = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateUser(data)\r\n .then(response => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.user.add.success\"], \"success\");\r\n //notifyUser(\"User added successfully!\", \"success\");\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateUser(data)\r\n .then(response => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.user.update.success\"], \"success\");\r\n //notifyUser(\"User updated successfully!\", \"success\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function (key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = '';\r\n } else {\r\n if (typeof values[key] == 'string') {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.userId && this.state.userId > 0) {\r\n values[\"userId\"] = this.state.userId;\r\n values[\"identityId\"] = this.state.identityId;\r\n values[\"companyId\"] = this.state.companyId;\r\n values[\"assignedUsers\"] = [];\r\n this.submitFormEdit(values);\r\n } else {\r\n values[\"assignedUsers\"] = [];\r\n values[\"companyId\"] = this.state.companyId;\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleContactExistance(rule, value, callback){\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/);\r\n // const re = (/^[+-]?\\d+$/)\r\n //var val=value.match(/(\\d+)/)[0]\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length <6 || test ===false)){\r\n callback(\r\n {\" \"}\r\n
\r\n \r\n \r\n \r\n \r\n {this.state.userId === 0 ? (\r\n \r\n \r\n\r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserEdit.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllUserRoles: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user,...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...RolesActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-user\" })(UserEdit);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n Switch,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,Tabs,\r\n Tooltip\r\n} from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as UserService from \"../../../services/user-service\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nclass ManageUsers extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'users';\r\n this.state = {\r\n dataLoaded: false,\r\n loading: false,\r\n data: [],\r\n activeTab: 'all',\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nManageUsers.propTypes = {\r\n location: PropTypes.object,\r\n userData: PropTypes.object,\r\n getUserListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n ...state.language\r\n }; \r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageUsers\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tooltip\r\n} from \"antd\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nclass GlobalSearch extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'global-users';\r\n this.state = {\r\n dataLoaded: false,\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nGlobalSearch.propTypes = {\r\n location: PropTypes.object,\r\n userData: PropTypes.object,\r\n getGlobalListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n ...state.language\r\n }; \r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(GlobalSearch));\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport {\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tooltip,\r\n Tag\r\n} from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as productActions from \"../../../redux/actions/product-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\n\r\nclass ManageProducts extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'products';\r\n this.state = {\r\n isLoading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n record.productId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...productActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageProducts\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as productActions from \"../../../redux/actions/product-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport PricingAPI from \"../../../redux/api/pricing-api\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport { Typography, Form, Input, Select, Button, Row, Col, Spin, Switch } from \"antd\";\r\nimport TextArea from \"antd/lib/input/TextArea\";\r\n\r\nconst { Option } = Select;\r\n\r\nclass ProductEdit extends React.Component {\r\n state = {\r\n loading: false,\r\n confirmDirty: false,\r\n autoId: 0,\r\n productId: 0,\r\n name: \"\",\r\n price: \"\",\r\n insertDate: \"\",\r\n description: \"\",\r\n rawPriceId: \"\",\r\n retailPriceId: \"\",\r\n retailPrices: \"\",\r\n rawPrices: \"\",\r\n stateRawPriceId: \"\",\r\n stateRetailPriceId: \"\",\r\n isTrackingActive: false\r\n };\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"add\"\r\n ) {\r\n this.setState({ loading: true, id: this.props.match.params.id });\r\n const product = await this.props.getProduct(this.props.match.params.id);\r\n this.setState(product);\r\n this.setState({ loading: false });\r\n }\r\n let tempPricingList = await PricingAPI.getPricing({\r\n filters: {},\r\n pagination: {pageSize:100},\r\n sorter: {},\r\n \r\n });\r\n let retail = [];\r\n let raw = [];\r\n tempPricingList.data.map(function(obj, idx) {\r\n if (obj.calculationFor === \"RawPrice\") {\r\n raw.push(obj);\r\n } else {\r\n retail.push(obj);\r\n }\r\n });\r\n this.setState({ retailPrices: retail, rawPrices: raw });\r\n }\r\n\r\n submitFormAdd = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .addProduct(data)\r\n .then(resp => {\r\n if(resp != null){\r\n notifyUser(currentAppLocale.messages[\"admin.product.add.success\"], \"success\");\r\n this.props.history.push(\"./\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.product.add.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = data => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updateProduct(data)\r\n .then(resp => {\r\n if(resp === null){\r\n notifyUser(currentAppLocale.messages[\"admin.product.updated.success\"], \"success\");\r\n this.props.history.push(\"./\");\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.product.updated.error\"], \"error\");\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if(values[key] == null){\r\n values[key] = '';\r\n } else {\r\n if(typeof values[key] == 'string'){\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.productId && this.state.productId > 0) {\r\n values[\"productId\"] = this.state.productId;\r\n values[\"isTrackingActive\"] = this.state.isTrackingActive;\r\n this.submitFormEdit(values);\r\n } else {\r\n values[\"isTrackingActive\"] = this.state.isTrackingActive;\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n onTrackingChange = (checked, e) => {\r\n this.setState({ isTrackingActive: checked });\r\n }\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 }\r\n }\r\n : null;\r\n const rawPriceSelector = getFieldDecorator(\"rawPriceId\", {\r\n rules: [\r\n {\r\n required: true,\r\n message: \r\n
\r\n \r\n \r\n {this.state.productId === 0 ? (\r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {...state.language};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...productActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-product\" })(ProductEdit);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as RolesActions from \"../../../redux/actions/roles-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tag,\r\n Divider\r\n} from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\n\r\nclass ManageRoles extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: { pageSize: 10, current: 1 },\r\n filters: {}\r\n };\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm)}\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters)\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n record.id}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nManageRoles.propTypes = {\r\n location: PropTypes.object,\r\n getRoles: PropTypes.func,\r\n deleteRole: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...RolesActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageRoles\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as RolesActions from \"../../../redux/actions/roles-actions\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Switch,\r\n} from \"antd\";\r\n\r\nconst { Option } = Select;\r\n\r\nclass EditRole extends React.Component {\r\n state = {\r\n loading: false,\r\n confirmDirty: false,\r\n id: \"\",\r\n name: \"\",\r\n isActive: true,\r\n type: 0,\r\n };\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ loading: true, id: this.props.match.params.id });\r\n const role = await this.props.getRole(this.props.match.params.id);\r\n //this.props.form.setFieldsValue(role);\r\n this.setState(role);\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n onSwitchChange = (checked, e) => {\r\n const { name } = e.target;\r\n this.setState({ [name]: checked });\r\n };\r\n\r\n submitFormAdd = (data) => {\r\n console.log(\"Adding:\", data);\r\n /* this.props\r\n .addRole(data)\r\n .then(item => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"./\");\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n }); */\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n this.props\r\n .updateRole(data)\r\n .then((item) => {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return values;\r\n });\r\n this.setState({ loading: true });\r\n if (this.props.match.params.id !== \"new\") {\r\n values[\"id\"] = this.state.id;\r\n values[\"isActive\"] = this.state.isActive;\r\n this.submitFormEdit(values);\r\n } else {\r\n values[\"isActive\"] = this.state.isActive;\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n const rolesSelector = getFieldDecorator(\"type\", {\r\n rules: [\r\n {\r\n required: true,\r\n message: \r\n \r\n \r\n {this.state.id === 0 ? (\r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nEditRole.propTypes = {\r\n location: PropTypes.object,\r\n updateRole: PropTypes.func,\r\n getRole: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...RolesActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-role\" })(EditRole);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Button,\r\n} from \"antd\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\n\r\nimport * as b2cActions from \"../../../../redux/actions/b2c-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport * as adminActions from \"../../../../redux/actions/admin-actions\";\r\n\r\nvar validator = require(\"email-validator\");\r\n\r\nconst { Option } = Select;\r\n\r\nclass PrimaryAddress extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countries: [],\r\n userData: [],\r\n stateuser: 1,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n };\r\n this.bill_checkchange = this.bill_checkchange.bind(this);\r\n this.sec_checkchange = this.sec_checkchange.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n this.props.getCountriesListName().then((data) => {\r\n this.setState({ countries: data });\r\n this.setState({ loading: true });\r\n });\r\n await this.props.getUserData();\r\n // if (this.props.isBusinessAddressSame === true) {\r\n // this.setState({ address: true })\r\n // } else {\r\n // this.setState({ address: false })\r\n\r\n // }\r\n this.props\r\n .getUserListing({\r\n orgId: 1,\r\n // filters: filters,\r\n // pagination: { page: pagination.current, pageSize: pagination.pageSize },\r\n // sorter: sorter\r\n })\r\n .then((resp) => {\r\n this.setState({\r\n userData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n onChange(e) {}\r\n // this.handleTableChange({ current: 1, pageSize: 10 }, {}, {});\r\n\r\n loadAccountManagers = (e) => {\r\n if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) {\r\n var datas = this.state.stateuser + 1;\r\n this.props\r\n .getUserListing({\r\n orgId: 1,\r\n filters: {},\r\n pagination: { page: datas, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let data = this.state.userData;\r\n this.setState({ stateuser: datas });\r\n this.setState({\r\n userData: data.concat(resp.data),\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n };\r\n fetchAccountmanagers = (e) => {\r\n if (e === \"\" || e === null) {\r\n this.setState({ stateuser: 1 });\r\n }\r\n this.props\r\n .getUserListing({\r\n orgId: 1,\r\n filters: { firstName: e },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n this.setState({\r\n fetching: false,\r\n userData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ fetching: false });\r\n });\r\n };\r\n\r\n // final submit\r\n async finalform() {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n if (validator.validate(this.props.email)) {\r\n await this.props.validateTravellerEmail(this.props.email);\r\n if (this.props.emailCheckResponse.userExist) {\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.email.alreadyexist\"],\r\n \"error\"\r\n );\r\n //notifyUser(\"Email Already Exists!\", 'error');\r\n } else {\r\n this.props.onchange(\"current\", 1);\r\n }\r\n }\r\n }\r\n // button submit\r\n handleSubmit() {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null || values[key] == \" \") {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.finalform();\r\n }\r\n });\r\n }\r\n //email validation checker\r\n handleEmailExistance = (rule, value, callback) => {\r\n if (validator.validate(this.props.email)) {\r\n this.props.validateTravellerEmail(this.props.email);\r\n if (this.props.emailCheckResponse.userExist) {\r\n callback(\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\nPrimaryAddress.propTypes = {\r\n data_primary_address: PropTypes.object,\r\n validateTravellerEmail: PropTypes.func,\r\n getUserListing: PropTypes.func,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.user,\r\n ...state.language,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...b2cActions, ...userActions, ...adminActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"primary-address\" })(PrimaryAddress);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Result, Button, Col, Row } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nclass OrganizationSucess extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(OrganizationSucess)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n DatePicker,\r\n Row,\r\n Col,\r\n Select,\r\n Checkbox,\r\n Transfer,\r\n Button,\r\n Spin,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport * as productActions from \"../../../../redux/actions/product-actions\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as AdminActions from \"../../../../redux/actions/admin-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nvar checkTraveller = false;\r\nvar dataAccount = [];\r\n\r\nfunction onChanges(date, dateString) {}\r\nclass OrganizationPlan extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mockData: [],\r\n countries: [],\r\n productData: [],\r\n pccData: [],\r\n hasTravelManager: false,\r\n selectedKeys: [],\r\n loading: true,\r\n pccaccountno: \"\",\r\n };\r\n this.onChange = this.onChange.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ loading: false });\r\n\r\n this.setState({ targetKeys: this.props.targetKeys });\r\n await this.props.getCountriesListFormatted().then((re) => {\r\n this.setState({ countries: re });\r\n });\r\n // this.getMock();\r\n this.props\r\n /// Get Products on INIT\r\n .getProducts({\r\n // filters: filters,\r\n // pagination: { page: pagination.current, pageSize: pagination.pageSize },\r\n // sorter: sorter\r\n })\r\n .then((resp) => {\r\n let data = resp.data;\r\n this.setState({\r\n productData: data,\r\n });\r\n })\r\n .catch((ex) => {});\r\n // get PCC DATA on INIT\r\n this.props\r\n .getPccdata({})\r\n .then((resp) => {\r\n let data = resp.data;\r\n this.setState({\r\n pccData: data,\r\n });\r\n })\r\n .catch((ex) => {});\r\n }\r\n onChange(e) {\r\n checkTraveller = e.target.checked;\r\n this.props.onchange(e.target.checked, \"tarvellerexits\");\r\n }\r\n\r\n // filterOption = (inputValue, option) =>\r\n // option.description.indexOf(inputValue) > -1;\r\n\r\n handleChangeTransfer = (targetKeys) => {\r\n this.props.onchange(targetKeys, \"targetKeys\");\r\n this.setState({ targetKeys });\r\n this.setState({ isEmpty: true });\r\n var data = [];\r\n if (targetKeys.length === 0) {\r\n this.props.onchange([], \"pccaccountno\");\r\n } else {\r\n for (var i = 0; i < targetKeys.length; i++) {\r\n data.push({ pccAccountID: +targetKeys[i] });\r\n }\r\n this.props.onchange(data, \"pccaccountno\");\r\n }\r\n };\r\n handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {\r\n this.setState({\r\n selectedKeys: [...sourceSelectedKeys, ...targetSelectedKeys],\r\n });\r\n };\r\n handleSearch = (dir, value) => {};\r\n state = {\r\n formLayout: undefined,\r\n };\r\n\r\n handleSubmit() {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n this.setState({ loading: true });\r\n\r\n var Json_Org = {\r\n orgName: this.props.company_name,\r\n code: this.props.company_code,\r\n orgTypeId: 3,\r\n address1: this.props.address,\r\n state: this.props.company_state,\r\n city: this.props.city,\r\n zipCode: this.props.zip,\r\n countryId: this.props.country,\r\n phoneNo: this.props.phoneNumber,\r\n isBusinessAddressSame: this.props.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.props.isCommunicationAddressSame,\r\n fpManagerID: 0,\r\n fpSalesExecutiveID: 0,\r\n emailID: this.props.email,\r\n contactFirstName: this.props.firstName,\r\n contactLastName: this.props.lastName,\r\n coverageStartDate: this.props.startDate,\r\n coverageEndDate: this.props.endDate,\r\n days: 365,\r\n countries: this.props.org_country,\r\n customerID: this.props.customer_id,\r\n jobNumber: this.props.job_number,\r\n creditDaysLimit: this.props.creditDays,\r\n productInfo: {\r\n productID: this.props.membership_type,\r\n productQty: this.props.licence_number,\r\n productRetailPrice: this.props.price,\r\n productDealPrice: this.props.dealprice,\r\n postSalePricePerLicense: 0,\r\n },\r\n orgContacts: [\r\n {\r\n addressTypeID: 2,\r\n address: this.props.sec_address,\r\n city: this.props.sec_city,\r\n state: this.props.sec_state,\r\n zipCode: this.props.sec_zip,\r\n countryId: this.props.sec_country,\r\n contacts: this.props.sec_phoneNumber,\r\n contactPerson: this.props.secondary_contactPerson,\r\n emailID: this.props.sec_email,\r\n },\r\n {\r\n addressTypeID: 3,\r\n address: this.props.billing_address,\r\n city: this.props.billing_city,\r\n state: this.props.billing_state,\r\n zipCode: this.props.billing_zip,\r\n countryId: this.props.billing_country,\r\n contacts: this.props.billing_phoneNumber,\r\n contactPerson: this.props.billing_contactPerson,\r\n emailID: this.props.billing_email,\r\n billingCompanyName: this.props.billing_company_name,\r\n },\r\n ],\r\n orgPCCAccounts: this.props.pccaccountno,\r\n };\r\n\r\n if (checkTraveller) {\r\n /* if (this.props.pccaccountno.length === 0) {\r\n notifyUser(currentAppLocale.messages[\"admin.ponumber.required\"], \"error\");\r\n this.setState({ loading: false });\r\n } else { */\r\n this.props.onchange(\"current\", 2);\r\n this.setState({ loading: false });\r\n /* } */\r\n } else if (!checkTraveller) {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n /* if (this.props.pccaccountno.length === 0) {\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.ponumber.required\"], \"error\");\r\n } else { */\r\n this.props\r\n .AddOrganizations(Json_Org)\r\n .then((response) => {\r\n if (response.error) {\r\n notifyUser(\r\n \"PCCAccount code already in use by another organization!\",\r\n \"error\"\r\n );\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n this.props.onchange(\r\n \"membershipNumber\",\r\n response.data.membershipNumber\r\n );\r\n this.props.onchange(\r\n \"organizationId\",\r\n response.data.organizationID\r\n );\r\n this.props.onchange(\"current\", 3);\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n /* } */\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n });\r\n } else {\r\n }\r\n }\r\n });\r\n }\r\n backpage() {\r\n const current = this.props.current - 1;\r\n this.setState({ current: current });\r\n this.props.onchange(\"current\", 0);\r\n }\r\n\r\n async onchangePcc(e) {\r\n dataAccount = [];\r\n var value = [];\r\n var self = this;\r\n var a = [];\r\n e.length > 0 &&\r\n e.map(function(row, idx) {\r\n self.props.getPccAccountData(row).then((resp) => {\r\n a.push(row);\r\n\r\n if (resp.data && resp.data.length > 0) {\r\n value = dataAccount.concat(\r\n resp.data.map((item) => ({\r\n account: item.pccaccountNumber,\r\n key: \"\" + item.pccAccountId,\r\n }))\r\n );\r\n dataAccount = value;\r\n }\r\n if (a.length === e.length) {\r\n if (\r\n dataAccount\r\n .map((data) => data.key)\r\n .filter((value) => -1 !== self.state.targetKeys.indexOf(value))\r\n .length === 0\r\n ) {\r\n self.setState({\r\n targetKeys: value\r\n .map((info) => info.key)\r\n .filter(\r\n (value) => -1 !== self.state.targetKeys.indexOf(value)\r\n ),\r\n });\r\n }\r\n self.props.onchange(dataAccount, \"pccaccountnumber\");\r\n if (dataAccount.length === 0) {\r\n self.props.onchange([], \"pccaccountno\");\r\n }\r\n }\r\n });\r\n });\r\n }\r\n\r\n limitfunction = (rule, value, callback) => {\r\n if (parseInt(value) < 0 || parseInt(value) > 366) {\r\n callback(\"Credit Limit Must be Between 0 and 365\");\r\n }\r\n callback();\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n\r\n return (\r\n \r\n \r\n \r\n this.props.history.push('../'+this.props.organizationId+'/divisions/add/')}\r\n style={{ width: \"200px\" }}\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\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...AdminActions, ...productActions, ...OrgActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n OrganizationPlan\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Typography, Form, Input, Row, Col, DatePicker, Select, Button, Spin } from \"antd\";\r\nimport moment from \"moment\";\r\nimport API from \"../../../../redux/api/admin-api\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nclass TravelManager extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countries: [],\r\n loading: true\r\n };\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n\r\n }\r\n state = {\r\n formLayout2: undefined\r\n };\r\n async componentDidMount() {\r\n\r\n let countriesListTemp = await API.getCountriesList();\r\n this.setState({ countries: countriesListTemp.countries });\r\n\r\n this.setState({ loading: false })\r\n }\r\n backpage() {\r\n\r\n this.props.onchange('current', 1)\r\n }\r\n // handleEmailExistance = (rule, value, callback) => {\r\n // if (validator.validate(this.props.email)) {\r\n // this.props.validateTravellerEmail(this.props.email);\r\n // if (this.props.emailCheckResponse.userExist) {\r\n // callback('Email ID Already Exists')\r\n // }else {\r\n // callback('')\r\n\r\n // }\r\n // }\r\n // callback()\r\n // }\r\n\r\n\r\n\r\n handleSubmit = () => { \r\n // if (1 !== 1) {\r\n if (this.props.email === this.props.primary_email) {\r\n notifyUser(\"Email ID Already Exists!\", 'success');\r\n } else {\r\n\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n\r\n var Json_Org = {\r\n \"orgName\": this.props.company_name,\r\n \"code\": this.props.company_code,\r\n \"orgTypeId\": 3,\r\n \"address1\": this.props.address,\r\n \"state\": this.props.company_state,\r\n \"city\": this.props.city,\r\n \"zipCode\": this.props.zip,\r\n \"countryId\": this.props.country,\r\n \"phoneNo\": this.props.phoneNumber,\r\n \"isBusinessAddressSame\": this.props.isBusinessAddressSame,\r\n \"isCommunicationAddressSame\": this.props.isCommunicationAddressSame,\r\n \"fpManagerID\": 0,\r\n \"fpSalesExecutiveID\": 0,\r\n \"emailID\": this.props.email,\r\n \"contactFirstName\": this.props.firstName,\r\n \"contactLastName\": this.props.lastName,\r\n \"coverageStartDate\": this.props.startDate,\r\n \"coverageEndDate\": this.props.endDate,\r\n \"days\": 365,\r\n \"countries\": this.props.org_country,\r\n \"customerID\": this.props.customer_id,\r\n \"jobNumber\": this.props.job_number,\r\n \"creditDaysLimit\": this.props.creditDays,\r\n\r\n\r\n \"productInfo\": {\r\n \"productID\": parseInt(this.props.membership_type),\r\n \"productQty\": parseInt(this.props.licence_number),\r\n \"productRetailPrice\": parseFloat(this.props.price),\r\n \"productDealPrice\": parseFloat(this.props.dealprice),\r\n \"postSalePricePerLicense\": 0,\r\n },\r\n \"orgContacts\": [\r\n {\r\n \"addressTypeID\": 2,\r\n \"address\": this.props.sec_address,\r\n \"city\": this.props.sec_city,\r\n \"state\": this.props.sec_state,\r\n \"zipCode\": this.props.sec_zip,\r\n \"countryId\": this.props.sec_country,\r\n \"contacts\": this.props.sec_phoneNumber,\r\n \"contactPerson\": this.props.secondary_contactPerson,\r\n \"emailID\": this.props.sec_email\r\n },\r\n {\r\n \"addressTypeID\": 3,\r\n \"address\": this.props.billing_address,\r\n \"city\": this.props.billing_city,\r\n \"state\": this.props.billing_state,\r\n \"zipCode\": this.props.billing_zip,\r\n \"countryId\": this.props.billing_country,\r\n \"contacts\": this.props.billing_phoneNumber,\r\n \"contactPerson\": this.props.billing_contactPerson,\r\n \"emailID\": this.props.billing_email,\r\n \"billingCompanyName\": this.props.billing_company_name\r\n }\r\n ],\r\n \"orgPCCAccounts\": this.props.pccaccountno,\r\n \"usersInfo\": {\r\n \"firstName\": this.props.primary_first,\r\n \"lastName\": this.props.primary_last,\r\n \"emailID\": this.props.primary_email,\r\n \"contactNo\": this.props.primary_primaryPhoneNumber,\r\n \"countryId\": this.props.primary_country,\r\n \"emergencyFirstName\": this.props.emergency_first,\r\n \"emergencyLastName\": this.props.emergency_lastname,\r\n \"emergencyRelationship\": this.props.emergency_relationship,\r\n \"emergencyContactNo\": this.props.emergency_primary_phone_number,\r\n \"dateOfBirth\": this.props.primary_dateofbirth,\r\n \"emergencyEmail\": this.props.emergencyEmail,\r\n \"employeeID\": this.props.primary_id\r\n }\r\n }\r\n\r\n\r\n if (!err) {\r\n this.setState({ loading: true })\r\n\r\n this.props\r\n .AddOrganizations(Json_Org)\r\n .then(response => {\r\n if (response.error) {\r\n\r\n notifyUser(response.error.message, 'error');\r\n this.setState({ loading: false });\r\n\r\n } else if (response.data.message === \"Primary Travel manager already exist\") {\r\n notifyUser(\"Email Already Exists!\", 'success');\r\n this.setState({ loading: false });\r\n\r\n } else if (response.data.message === \"Admin user already exist\") {\r\n notifyUser(\"Email Already Exists!\", 'success');\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(\"Organization added successfully!\", 'success');\r\n this.setState({ loading: false });\r\n this.props.onchange('membershipNumber', response.data.membershipNumber)\r\n this.props.onchange('organizationId', response.data.organizationID)\r\n this.props.onchange('current', 3);\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n console.log(err);\r\n\r\n }\r\n\r\n\r\n })\r\n }\r\n\r\n\r\n }\r\n\r\n handleContactExistance(rule, value, callback){\r\n //const re = /^[0-9']+$/;\r\n const re = (/^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/)\r\n //var val=value.match(/(\\d+)/)[0]\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length < 6 || test ===false)){\r\n callback(\r\n Primary Contact \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nTravelManager.propTypes = {\r\n validateTravellerEmail: PropTypes.func,\r\n};\r\nfunction mapStateToProps(state) {\r\n return { ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions, ...userActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"travel-manager\" })(TravelManager);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PrimaryAddress from \"../add-organization/primary-address\";\r\nimport OrganizationSucess from \"../add-organization/organization-sucess\";\r\nimport OrganizationPlan from \"../add-organization/organization-plan\";\r\nimport TravelManager from \"../add-organization/travel-manager\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\"\r\nimport { Steps } from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nconst { Step } = Steps;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\n\r\nexport default class AddOrganization extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n current: 0,\r\n //first form\r\n company_name: \"\",\r\n address: \"\",\r\n city: \"\",\r\n country: null,\r\n zip: \"\",\r\n phoneNumber: \"\",\r\n email: \"\",\r\n accountmanager: null,\r\n firstName: \"\",\r\n lastName: \"\",\r\n salesexecutive: null,\r\n company_code: \"\",\r\n company_state: \"\",\r\n\r\n sec_address: \"\",\r\n sec_city: \"\",\r\n sec_country: \"\",\r\n sec_zip: \"\",\r\n sec_phoneNumber: \"\",\r\n sec_email: \"\",\r\n\r\n billing_address: \"\",\r\n billing_city: \"\",\r\n billing_country: \"\",\r\n billing_zip: \"\",\r\n billing_phoneNumber: \"\",\r\n billing_email: \"\",\r\n\r\n countries: [],\r\n membership_type: [],\r\n price: null,\r\n startDate: null,\r\n endDate: null,\r\n org_country: [],\r\n membership_number: \"\",\r\n licence_number: null,\r\n postSalePrice: 0,\r\n pcc_number: [],\r\n account_number: [],\r\n dealprice: \"\",\r\n primary_id: \"\",\r\n primary_first: \"\",\r\n primary_last: \"\",\r\n primary_dateofbirth: null,\r\n primary_email: \"\",\r\n primary_primaryPhoneNumber: \"\",\r\n primary_country: null,\r\n emergency_first: \"\",\r\n emergency_lastname: \"\",\r\n emergency_relationship: \"\",\r\n emergency_primary_phone_number: \"\",\r\n secondary_contactPerson: \"\",\r\n billing_contactPerson: \"\",\r\n sec_state: \"\",\r\n billing_state: \"\",\r\n pccaccountnumber: [],\r\n checkTraveller: false,\r\n pccaccountno: [],\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n creditDays: null,\r\n customer_id: \"\",\r\n job_number: \"\",\r\n billing_company_name: \"\",\r\n targetKeys: [],\r\n tarvellerexits: false,\r\n emergencyEmail: \"\",\r\n membershipNumber: null,\r\n organizationId: null\r\n };\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n componentDidMount() {}\r\n getSteps = () => {\r\n return [\r\n {\r\n title: \r\n {this.state.tarvellerexits ? (\r\n \r\n {steps.map(item => (\r\n \r\n ) : (\r\n \r\n {steps2.map(item => (\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\"\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { connect } from \"react-redux\"\r\nimport { bindActionCreators } from \"redux\"\r\nimport * as orderActions from \"../../../redux/actions/order-actions\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\"\r\nimport config from \"../../../../../config\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\n\r\nimport { Typography, Form, Input, Button, Row, Col, Spin, DatePicker, Switch, Select } from \"antd\";\r\nimport moment from \"moment\"\r\nconst { Option } = Select;\r\nconst dateFormat = \"YYYY-MM-DD\"\r\nconst dateFormatY = \"YYYY-MM-DD\"\r\nclass EditOrder extends React.Component {\r\n state = {\r\n loading: false,\r\n order: {},\r\n confirmDirty: false,\r\n productId: 0,\r\n companyId: 0,\r\n orderNumber: '',\r\n orderSubmitterUserId: 0,\r\n quantity: 0,\r\n expiryDate: '',\r\n referrerCode: '',\r\n couponId: 0,\r\n isActive: true,\r\n totalOrderAmount: 0,\r\n transactionId: '',\r\n insertDate: '',\r\n insertUserId: 0,\r\n updateDate: '',\r\n updateUserId: 0,\r\n savedPlanCountriesList: [],\r\n countryDropDownData: [],\r\n countrystate: [],\r\n usCountryData: [],\r\n travelCountriesId: [],\r\n travelStates: []\r\n };\r\n\r\n async componentDidMount() {\r\n await this.props.getProductPricingAndInfo();\r\n\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== 'new'\r\n ) {\r\n this.setState({ loading: true, id: this.props.match.params.id });\r\n const orderResponse = await this.props.getOrder(this.props.match.params.id);\r\n this.setState({ order: orderResponse.data });\r\n //console.log(this.state.order, this.state.order.travelersInfo[0].country);\r\n this.setState({ loading: false });\r\n }\r\n\r\n const usCountryData = this.props.countryTierInfo.filter((country) => {\r\n return country.countryCode == 'US';\r\n });\r\n\r\n //Travelling countries\r\n const travelCountries = this.state.order.membershipCountries.map((country) => {\r\n if (country.placeType == 1 && this.state.order.destinationType != 'Domestic') {\r\n return country.countryId;\r\n } else {\r\n return usCountryData && usCountryData[0].countryId;\r\n }\r\n });\r\n\r\n const travelStates = this.state.order.membershipCountries\r\n .filter((country) => country.placeType === 2)\r\n .map((country) => country.countryId);\r\n\r\n //filterd countries\r\n const filteredCountries = this.props.countryTierInfo.filter((country) => {\r\n return country.tierId >= this.state.order.tierID;\r\n });\r\n\r\n //filtered states\r\n const filteredStates = this.props.stateTierInfo;\r\n\r\n // debugger\r\n // var riskTypeId = [];\r\n // travelStates.map((travelState) => {\r\n // debugger\r\n // this.props.stateTierInfo.map((state, index) => {\r\n // if (travelState === state.stateId) {\r\n // if (state && state.stateRiskZones && state.stateRiskZones.length > 0) {\r\n // state.stateRiskZones.map((stateRiskZone, index) => {\r\n // if (\r\n // new Date(this.state.order.CoverageStartDate).getTime() <= new Date(stateRiskZone.toDate).getTime() &&\r\n // new Date(this.state.order.CoverageStartDate).getTime() >= new Date(stateRiskZone.fromDate).getTime() &&\r\n // new Date(this.state.order.CoverageEndDate).getTime() <= new Date(stateRiskZone.toDate).getTime() &&\r\n // new Date(this.state.order.CoverageEndDate).getTime() >= new Date(stateRiskZone.fromDate).getTime()\r\n // ) {\r\n // riskTypeId.push(stateRiskZone.stateRiskTypeId);\r\n // } else {\r\n // riskTypeId.push(1);\r\n // }\r\n // });\r\n // }\r\n // } else {\r\n // riskTypeId.push(1);\r\n // }\r\n // });\r\n // });\r\n\r\n // console.log(riskTypeId) ;\r\n\r\n this.setState({ countrystate: filteredStates });\r\n\r\n this.setState({\r\n countryDropDownData: filteredCountries,\r\n travelCountriesId: [...new Set(travelCountries)],\r\n usCountryData: usCountryData,\r\n travelStates: travelStates\r\n });\r\n }\r\n\r\n submitFormAdd = (data) => {\r\n this.props\r\n .addOrder(data)\r\n .then((item) => {\r\n this.setState({ loading: false });\r\n this.props.history.push('./');\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n if (data.CoverageEndDate.isBefore(data.CoverageStartDate)) {\r\n notifyUser('Invalid Start/ End Date.', 'error');\r\n this.setState({ loading: false });\r\n return false;\r\n }\r\n \r\n data.CoverageStartDate = moment(data.CoverageStartDate).format('YYYY-MM-DDT00:00:00');\r\n data.CoverageEndDate = moment(data.CoverageEndDate).format('YYYY-MM-DDT00:00:00');\r\n this.props\r\n .updateOrder(data)\r\n .then((res) => { \r\n if (res.success && res.response.data) {\r\n this.setState({\r\n order: {\r\n ...this.state.order,\r\n days: (moment(data.CoverageEndDate).diff(moment(data.CoverageStartDate), 'days') + 1)\r\n }\r\n });\r\n }\r\n else {\r\n notifyUser(res.response.error.message, 'error');\r\n }\r\n\r\n this.setState({ loading: false });\r\n })\r\n .catch((err) => {\r\n // notifyUser(\"Error Adding Order\", 'error');\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = '';\r\n } else {\r\n if (typeof values[key] == 'string') {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return values;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values['id'] = this.state.id;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n onIsReceiveTravelAlertsChange = (checked) => {\r\n this.setState({ order: { ...this.state.order, isReceiveTravelAlerts: checked } });\r\n };\r\n\r\n onCoverageStartDateChange = (date, dateString) => {\r\n console.log(date, dateString, 1);\r\n };\r\n disabledDate = (current) => {\r\n const startDate = moment(this.state.order.coverageStartDate);\r\n const endDate = startDate.clone().add(this.state.order.maxDays - 1, 'days'); // Subtract 1 day from maxDays to get the inclusive end date\r\n // return current && (current < moment().startOf('day') || current < startDate || current > endDate.endOf('day'));\r\n return current && (current < startDate || current > endDate.endOf('day'));\r\n\r\n };\r\n setCoverageStartDate = (_obj, dateString) => {\r\n this.setState({\r\n order: {\r\n ...this.state.order,\r\n coverageStartDate: moment(_obj)\r\n .add(1, 'days')\r\n .format(dateFormatY),\r\n \r\n }\r\n });\r\n };\r\n\r\n setCoverageEndDate = (_obj, dateString) => {\r\n this.setState({\r\n order: {\r\n ...this.state.order,\r\n coverageEndDate: moment(_obj)\r\n .add(1, 'days')\r\n .format(dateFormatY),\r\n }\r\n });\r\n };\r\n\r\n // _bindCountries() {\r\n // return this.props.countries.map((country, index) => (\r\n // \r\n // ));\r\n // }\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === 'horizontal'\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 }\r\n }\r\n : null;\r\n\r\n return (\r\n {steps[current].content}
\r\n \r\n \r\n \r\n {this.state.id === 0 ? (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n\r\n }\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...b2cActions,}, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-order\" })(EditOrder)\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(WrappedForm)\r\n)\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, Tag } from \"antd\";\r\nimport { DeleteCell, EditCell } from \"../../../shared/components/helperCells\";\r\n\r\nclass OrganizationTypes extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: { pageSize: 10, current: 1 },\r\n filters: {}\r\n };\r\n }\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \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 Order Number : {this.state.order && this.state.order.orderNumber}\r\n
\r\n \r\n\r\n Total Order Amount : {this.state.order && this.state.order.totalOrderAmount}\r\n
\r\n \r\n\r\n Total Order Retail Amount : {this.state.order && this.state.order.totalOrderRetailAmount}\r\n
\r\n \r\n\r\n Days : {this.state.order && this.state.order.days}\r\n
\r\n \r\n\r\n
\r\n {/* */}\r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys[0]}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? [e.target.value] : [])\r\n }\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm)}\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters)\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n Search\r\n \r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n Reset\r\n \r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n record.id}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nOrganizationTypes.propTypes = {\r\n location: PropTypes.object,\r\n getOrganizationTypes: PropTypes.func,\r\n deleteOrganizationType: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(OrganizationTypes)\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Switch\r\n} from \"antd\";\r\n\r\nclass EditOrganizationType extends React.Component {\r\n state = {\r\n loading: false,\r\n confirmDirty: false,\r\n id: 0,\r\n name: '',\r\n status: 0\r\n };\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ loading: true, id: this.props.match.params.id });\r\n const organization = await this.props.getOrganizationType(this.props.match.params.id);\r\n //this.props.form.setFieldsValue(user);\r\n this.setState(organization);\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n\r\n\r\n onSwitchChange = (checked, e) => {\r\n const { name } = e.target;\r\n this.setState({ [name]: checked });\r\n };\r\n\r\n submitFormAdd = data => {\r\n this.props\r\n .updateOrganizationType(data)\r\n .then(item => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"./\");\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = data => {\r\n data.status = this.state.status;\r\n this.props\r\n .updateOrganizationType(data)\r\n .then(item => {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if(values[key] == null){\r\n values[key] = '';\r\n } else {\r\n if(typeof values[key] == 'string'){\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return values;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values[\"id\"] = this.state.id;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 }\r\n }\r\n : null;\r\n \r\n return (\r\n \r\n
\r\n \r\n \r\n {this.state.id === 0 ? (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditOrganizationType.propTypes = {\r\n location: PropTypes.object,\r\n updateOrganizationType: PropTypes.func,\r\n getOrganizationType: PropTypes.func\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-organization-type\" })(EditOrganizationType);\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(WrappedForm)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as PricingActions from \"../../../redux/actions/pricing-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport { Table, Input, Tabs, Button, Icon, Typography, Row, Col, Tooltip } from \"antd\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nconst { TabPane } = Tabs;\r\n\r\nclass Pricing extends Component {\r\n state = {\r\n loading: true,\r\n defaultActiveKey: (Permission.isRole(\"Administrator\") ? \"raw\" : \"retail\"),\r\n rawPrices: [],\r\n retailPrices: [],\r\n data: [],\r\n pagination: {\r\n pageSize: 1000,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\"./add/\")}\r\n >\r\n
\r\n
\r\n\r\n {Permission.isRole(\"Administrator\") ? \r\n \r\n \r\n record.pricingListId}\r\n dataSource={this.state.rawPrices}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n //onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n : \"\" }\r\n \r\n \r\n record.pricingListId}\r\n dataSource={this.state.retailPrices}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n //onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nPricing.propTypes = {\r\n getPricing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return { \r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...PricingActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n Pricing\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport API from \"../../../../redux/api/pricing-api\";\r\nimport * as PricingActions from \"../../../../redux/actions/pricing-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport {\r\n Table,\r\n Row,\r\n Col,\r\n Typography,\r\n Button,\r\n Spin,\r\n Form,\r\n Input,\r\n Select\r\n} from \"antd\";\r\nconst { Option } = Select;\r\nconst EditableContext = React.createContext();\r\n\r\nconst EditableRow = ({ form, index, ...props }) => (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n {Permission.isRole(\"Administrator\") ? \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nManageTiers.propTypes = {\r\n location: PropTypes.object,\r\n getTiersListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...tiersActions, ...userActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageTiers\r\n )\r\n);\r\n","import API from \"../api/day-packages-api\";\r\n\r\nexport function getDayPackageListing({ filters, pagination, sorter }) {\r\n return async function (dispatch, getState) {\r\n try {\r\n let resp = await API.getDayPackagesList({\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}\r\n\r\nexport function getDayPackages(idx) {\r\n return async function (dispatch, getState) {\r\n try {\r\n let resp = await API.getDayPackagesById(idx);\r\n return resp;\r\n \r\n } catch (e) {\r\n return { \"error\": true };\r\n }\r\n };\r\n}\r\nexport function updateDayPackagesData(data,id) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp;\r\n if(id > 0){\r\n resp = await API.updateDayPackages(data,id)\r\n } else {\r\n resp = await API.addDayPackages(data,id)\r\n\r\n }\r\n return resp;\r\n } catch (e) {\r\n return {\"error\" : true};\r\n }\r\n };\r\n}","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography } from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as managedayActions from \"../../../redux/actions/day-packages-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nclass ManageDayPackages extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'day_packages';\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n {Permission.isRole(\"Administrator\") ? \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"s\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nManageDayPackages.propTypes = {\r\n // location: PropTypes.object,\r\n // getDayPackageListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.daypackages,\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...managedayActions, ...userActions, ...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageDayPackages\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as tiersActions from \"../../../redux/actions/tiers-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport { Typography, Form, Input, Button, Row, Col, Spin } from \"antd\";\r\n\r\nclass TiersEdit extends React.Component {\r\n state = {\r\n loading: true,\r\n confirmDirty: false,\r\n autoId: 0,\r\n title: \"\",\r\n description: \"\",\r\n isActive: Boolean,\r\n };\r\n\r\n async componentDidMount() {\r\n this.setState({ isActive: true });\r\n\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ autoId: this.props.match.params.id });\r\n\r\n const user = await this.props.getTiers(this.props.match.params.id);\r\n this.setState({ isActive: user.isActive });\r\n\r\n //this.props.form.setFieldsValue(user);\r\n this.setState(user);\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n submitFormAdd = (data) => {\r\n this.props\r\n .updateTiersdata(data, this.state.autoId)\r\n .then((response) => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n if (response.error) {\r\n //notifyUser(currentAppLocale.messages[\"admin.product.add.success\"], \"success\");\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.tier.add.success\"],\r\n \"success\"\r\n );\r\n //notifyUser(\"Tier added successfully!\", 'success');\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n this.props\r\n .updateTiersdata(data, this.state.autoId)\r\n .then((response) => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.tier.update.success\"],\r\n \"success\"\r\n );\r\n //notifyUser(\"Tier updated successfully!\", 'success');\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n this.setState({ loading: true });\r\n values[\"isActive\"] = this.state.isActive;\r\n if (this.state.autoId && this.state.autoId > 0) {\r\n values[\"autoId\"] = this.state.autoId;\r\n // values[\"identityId\"] = this.state.identityId;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n onSwitchChange = (checked, e) => {\r\n this.setState({ isActive: checked });\r\n };\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n return (\r\n \r\n
\r\n \r\n \r\n {this.state.autoId === 0 || this.state.autoId === \"add\" ? (\r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nTiersEdit.propTypes = {\r\n location: PropTypes.object,\r\n updateTiersdata: PropTypes.func,\r\n tiersDataById: PropTypes.object,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.language,\r\n // ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...tiersActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-user\" })(TiersEdit);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as dayPackagesActions from \"../../../redux/actions/day-packages-actions\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Spin\r\n} from \"antd\";\r\n\r\nclass DayPackagesEdit extends React.Component {\r\n state = {\r\n loading: true,\r\n confirmDirty: false,\r\n dayPackageiD: 0,\r\n isActive: Boolean,\r\n title: \"\",\r\n description: \"\",\r\n };\r\n\r\n async componentDidMount() {\r\n this.setState({ isActive: true })\r\n\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ dayPackageiD: this.props.match.params.id });\r\n\r\n const user = await this.props.getDayPackages(this.props.match.params.id);\r\n this.setState({ isActive: user.isActive })\r\n\r\n //this.props.form.setFieldsValue(user);\r\n this.setState(user);\r\n\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n submitFormAdd = data => {\r\n\r\n this.props\r\n .updateDayPackagesData(data, this.state.dayPackageiD)\r\n .then(response => {\r\n if (response.error) {\r\n notifyUser(response.error.message, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(currentAppLocale.messages[\"admin.managedaypackage.success\"], \"success\");\r\n //notifyUser(\"Day Package added successfully!\", 'success');\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = data => {\r\n\r\n this.props\r\n .updateDayPackagesData(data, this.props.match.params.id)\r\n .then(response => {\r\n if (response.error) {\r\n notifyUser(response.error.message, 'error');\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(currentAppLocale.messages[\"admin.managedaypackage.updatesuccess\"], \"success\");\r\n //notifyUser(\"Day Package updated successfully!\", 'success');\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = e => {\r\n\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if(values[key] == null){\r\n values[key] = '';\r\n } else {\r\n if(typeof values[key] == 'string'){\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n this.setState({ loading: true });\r\n values[\"isActive\"] = this.state.isActive;\r\n\r\n\r\n if (this.state.dayPackageiD && this.state.dayPackageiD > 0) {\r\n values[\"dayPackageiD\"] = this.state.dayPackageiD;\r\n // values[\"identityId\"] = this.state.identityId;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n onSwitchChange = (checked, e) => {\r\n this.setState({ isActive: checked });\r\n };\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 }\r\n }\r\n : null;\r\n\r\n return (\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 {this.state.dayPackageiD === 0 ? (\r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nDayPackagesEdit.propTypes = {\r\n location: PropTypes.object,\r\n updateDayPackagesData: PropTypes.func,\r\n tiersDataById: PropTypes.object\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.language\r\n // ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...dayPackagesActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-dayPackages\" })(DayPackagesEdit);\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n null,\r\n { forwardRef: true }\r\n )(WrappedForm)\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n\r\n\r\nconst getCountriesList = data => {\r\n return Axios.get(\"/api/Country/OrgCountryList?search=\" + encodeURIComponent(JSON.stringify(data)), undefined, undefined);\r\n};\r\nconst getCountriesbyId = data => {\r\n return Axios.get(\"/api/CountryInfo/\" + data, undefined, undefined);\r\n};\r\nconst updateCountries = (data, id) => {\r\n return Axios.put(\"/api/Country/\" + id, data, undefined);\r\n};\r\nconst addCountries = (data, id) => {\r\n return Axios.post(\"/api/Country/\", data, undefined);\r\n};\r\nexport default {\r\n getCountriesList,\r\n getCountriesbyId,\r\n updateCountries,\r\n addCountries\r\n};\r\n\r\n","import API from \"../api/countries-api\";\r\n\r\nexport function getCountriesListing({ filters, pagination, sorter }) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getCountriesList({\r\n filters: filters,\r\n pagination: pagination,\r\n sorter: sorter\r\n });\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\n\r\nexport function getCountriesListbyId(idx) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getCountriesbyId(idx);\r\n\r\n return resp;\r\n } catch (e) {\r\n return { error: true };\r\n }\r\n };\r\n}\r\nexport function updateCountriesData(data, id) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp;\r\n if (id === 0) {\r\n resp = await API.addCountries(data);\r\n } else {\r\n resp = await API.updateCountries(data, id);\r\n }\r\n return resp;\r\n } catch (e) {\r\n console.log(e);\r\n return { error: true };\r\n }\r\n };\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, Tag } from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as countriesActions from \"../../../redux/actions/countries-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as tiersActions from \"../../../redux/actions/tiers-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\n\r\nclass ManageCountries extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'pricing_countries';\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n {Permission.isRole(\"Administrator\") ? \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nManageCountries.propTypes = {\r\n location: PropTypes.object,\r\n getCountriesListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.user,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...countriesActions, ...userActions, ...tiersActions, ...paginationActions },\r\n dispatch\r\n );\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageCountries\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as countriesActions from \"../../../redux/actions/countries-actions\";\r\nimport * as tiersActions from \"../../../redux/actions/tiers-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Switch,\r\n} from \"antd\";\r\nimport API2 from \"../../../redux/api/admin-api\";\r\n\r\nimport API from \"../../../redux/api/tiers-api\";\r\nconst { Option } = Select;\r\n\r\nclass CountriesEdit extends React.Component {\r\n state = {\r\n loading: true,\r\n confirmDirty: false,\r\n autoId: 0,\r\n title: \"\",\r\n description: \"\",\r\n isActive: Boolean,\r\n tiers: [],\r\n tierId: 0,\r\n data: {},\r\n countries: [],\r\n };\r\n\r\n async componentDidMount() {\r\n let countriesListTemp = await API2.getValidCountriesList();\r\n this.setState({ countries: countriesListTemp.countries });\r\n\r\n let tierslist = await API.getTiersList({});\r\n this.setState({ tiers: tierslist.data });\r\n\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ autoId: this.props.match.params.id });\r\n\r\n const userinfo = await this.props.getCountriesListbyId(\r\n this.props.match.params.id\r\n );\r\n this.setState({ isActive: userinfo.isActive });\r\n this.setState(userinfo.data);\r\n\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n submitFormAdd = (data) => {\r\n this.props\r\n .updateCountriesData(data, this.state.autoId)\r\n .then((response) => {\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.managecountries.success\"],\r\n \"success\"\r\n );\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n this.props\r\n .updateCountriesData(data, this.state.autoId)\r\n\r\n .then((response) => {\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.managecountries.updatesuccess\"],\r\n \"success\"\r\n );\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n if (!err) {\r\n this.setState({ loading: true });\r\n values[\"isActive\"] = this.state.isActive;\r\n if (this.state.autoId && this.state.autoId > 0) {\r\n values[\"autoId\"] = this.state.autoId;\r\n values[\r\n \"organizationCountryTierId\"\r\n ] = this.state.organizationCountryTierId;\r\n values[\"riskLineDerivedCode\"] = values.country;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n console.log(values);\r\n }\r\n }\r\n });\r\n };\r\n onSwitchChange = (checked, e) => {\r\n this.setState({ isActive: checked });\r\n if (checked == true) {\r\n notifyUser(\"Activated successfully!\", \"success\");\r\n } else {\r\n notifyUser(\"Inactivated successfully!\", \"success\");\r\n }\r\n };\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {this.state.autoId === 0 ? (\r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nCountriesEdit.propTypes = {\r\n location: PropTypes.object,\r\n updateCountriesData: PropTypes.func,\r\n tiersDataById: PropTypes.object,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.language,\r\n // ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...countriesActions, ...tiersActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-user\" })(CountriesEdit);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, Tag } from \"antd\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport * as countriesActions from \"../../../redux/actions/countries-actions\";\r\nimport * as adminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as tiersActions from \"../../../redux/actions/tiers-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\n\r\nclass ManageStates extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = \"pricing_countries\";\r\n this.state = {\r\n riskId: 0,\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n bordered\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nManageStates.propTypes = {\r\n location: PropTypes.object,\r\n // getCountriesListing: PropTypes.func,\r\n getCountryStateList: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.tiers,\r\n ...state.user,\r\n ...state.pagination,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n ...countriesActions,\r\n ...userActions,\r\n ...tiersActions,\r\n ...paginationActions,\r\n ...adminActions\r\n },\r\n dispatch\r\n );\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManageStates\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as adminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as countriesActions from \"../../../redux/actions/countries-actions\";\r\nimport * as tiersActions from \"../../../redux/actions/tiers-actions\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Switch,\r\n DatePicker,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"YYYY/MM/DD\";\r\nconst { RangePicker } = DatePicker;\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass StatesEdit extends React.Component {\r\n state = {\r\n loading: true,\r\n confirmDirty: false,\r\n stateId: 0,\r\n title: \"\",\r\n description: \"\",\r\n tierId: 0,\r\n data: {},\r\n riskLevels: [],\r\n stateRisks: {},\r\n stateRiskTypeId: \"\",\r\n tasks: [],\r\n isActive: Boolean,\r\n dataPickerDates: [start, end],\r\n selectedDates: [],\r\n formValues : \"\" , \r\n };\r\n\r\n disableDate(current) {\r\n var _this = this;\r\n var disable = false;\r\n if (_this.state.selectedDates.length > 0) {\r\n _this.state.selectedDates.map((range, index) => {\r\n let start = range[0];\r\n let end = range[1];\r\n if (current > moment(start) && current < moment(end)) {\r\n disable = true;\r\n } else {\r\n disable = false;\r\n }\r\n });\r\n }\r\n return disable;\r\n }\r\n\r\n RemoveRiskZone = (e, index) => {\r\n const tasks = this.state.tasks;\r\n tasks.splice(index, 1);\r\n this.setState({ tasks: tasks });\r\n // document.getElementById(`id-${index}`).remove();\r\n };\r\n \r\n RiskTypeValue = (e,i) => {\r\n this.setState({ formValues: e });\r\n }\r\n \r\n appendRiskZone = () => {\r\n const tasks = this.state.tasks;\r\n this.setState({ tasks: [this.state.tasks.length, ...tasks] });\r\n };\r\n\r\n onSwitchChange = (checked, e) => {\r\n this.setState({ isActive: checked });\r\n if (checked == true) {\r\n notifyUser(\"Activated successfully!\", \"success\");\r\n } else {\r\n notifyUser(\"Inactivated successfully!\", \"success\");\r\n }\r\n };\r\n\r\n onDateChange = (dates, e,i) => {\r\n if (dates.length > 0) {\r\n this.setState({ dataPickerDates: dates });\r\n this.state.selectedDates.push(dates);\r\n }\r\n };\r\n\r\n async componentDidMount() {\r\n let stateRisks = await this.props.getStateRiskZones({});\r\n this.setState({ riskLevels: stateRisks });\r\n\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ stateId: this.props.match.params.id });\r\n const userinfo = await this.props.getCountryStateById(this.state.stateId);\r\n this.setState({ isActive: userinfo.isActive });\r\n\r\n this.setState(userinfo.data);\r\n if (\r\n userinfo &&\r\n userinfo.data.stateRiskZones &&\r\n userinfo.data.stateRiskZones.length > 0\r\n ) {\r\n var tempZones = \"\";\r\n userinfo.data.stateRiskZones.map((stateRiskZone, index) => {\r\n tempZones =\r\n tempZones +\r\n (index === 0 || index === stateRiskZone.length - 1 ? \"\" : \", \") +\r\n stateRiskZone.stateRiskTypeId;\r\n this.setState({ stateRisks: stateRiskZone });\r\n });\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n submitFormAdd = (data) => {\r\n this.props\r\n .createCountryState(data)\r\n .then((response) => {\r\n if (response.error) {\r\n if (response.error.message) {\r\n notifyUser(response.error.message, \"error\");\r\n //this.props.form.resetFields();\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(\"State created\", \"success\");\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n this.props\r\n .updateCountryState(this.state.stateId, data)\r\n\r\n .then((response) => {\r\n if (response.error) {\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(\"State updated!\", \"success\");\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n if (!err) {\r\n var arr = [];\r\n if (values.existingStateRiskTypeId0) {\r\n this.state.stateRiskZones.map((task, i) => {\r\n var existingStateRisk = {\r\n stateRiskTypeId: values[\"existingStateRiskTypeId\" + i],\r\n fromDate: moment(values[\"existingFromDate\" + i][0]).format('YYYY-MM-DD'),\r\n toDate: moment(values[\"existingFromDate\" + i][1]).format('YYYY-MM-DD'),\r\n // fromDate: values[\"existingFromDate\" + i][0],\r\n // toDate: values[\"existingFromDate\" + i][1],\r\n };\r\n arr.push(existingStateRisk);\r\n });\r\n }\r\n this.state.tasks.map((task, i) => {\r\n var stateRisk = {\r\n stateRiskTypeId: values[\"stateRiskTypeId\" + i],\r\n // fromDate: values[\"fromDate\" + i][0],\r\n // toDate: values[\"fromDate\" + i][1],\r\n fromDate: moment(values[\"fromDate\" + i][0]).format('YYYY-MM-DD'),\r\n toDate: moment(values[\"fromDate\" + i][1]).format('YYYY-MM-DD'),\r\n };\r\n arr.push(stateRisk);\r\n });\r\n var payload = {\r\n stateCode: values.stateCode,\r\n stateName: values.stateName,\r\n stateRiskZones: arr,\r\n };\r\n this.setState({ loading: true });\r\n payload[\"isActive\"] = this.state.isActive;\r\n if (this.state.stateId && this.state.stateId > 0) {\r\n payload[\"stateId\"] = this.state.stateId;\r\n // if (!this.state.isActive) {\r\n // this.props\r\n // .deleteState(this.state.stateId)\r\n // .then((resp) => {\r\n // this.setState({ loading: false });\r\n // this.props.history.push(\"./\");\r\n // })\r\n // .catch((err) => {\r\n // console.log(err);\r\n // this.setState({ loading: false });\r\n // });\r\n // }\r\n this.submitFormEdit(payload);\r\n } else {\r\n this.submitFormAdd(payload);\r\n }\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {this.state.stateId === 0 ? (\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nStatesEdit.propTypes = {\r\n location: PropTypes.object,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.language,\r\n ...state.riskLevels,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...countriesActions, ...tiersActions, ...adminActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-user\" })(StatesEdit);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import Axios from \"../../services/axios-service\";\r\n\r\nconst getPromoCodes = data => {\r\n return Axios.get(\"/api/PromoOffers?search=\"+encodeURIComponent(JSON.stringify(data)), undefined, undefined);\r\n};\r\n\r\nconst updatePromoCode = data => {\r\n return Axios.put(\"/api/PromoOffers/\"+data.promoOfferId, data, undefined);\r\n};\r\n\r\nconst addPromoCode = data => {\r\n return Axios.post(\"/api/PromoOffers\", data, undefined);\r\n};\r\n\r\nconst getPromoCode = idx => {\r\n return Axios.get(\"/api/PromoOffers/\"+idx, undefined, undefined);\r\n};\r\n\r\nconst deletePromoCode = data => {\r\n return Axios.delete(\"/api/PromoOffers/\"+ data.promoOfferId, data, undefined);\r\n};\r\n\r\nexport default {\r\n getPromoCodes,\r\n updatePromoCode,\r\n addPromoCode,\r\n getPromoCode,\r\n deletePromoCode\r\n};\r\n","import API from \"../api/promo-api\";\r\nimport {notifyUser} from \"../../services/notification-service\"\r\n\r\nexport function getPromoCodes({ filters, pagination, sorter }) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getPromoCodes({\r\n filters: filters,\r\n pagination: pagination,\r\n sorter : sorter\r\n });\r\n return resp;\r\n\r\n } catch (e) {\r\n console.log(e);\r\n return {\"error\" : true};\r\n }\r\n };\r\n}\r\n\r\nexport function updatePromoCode(data) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp;\r\n if(data.promoOfferId > 0){\r\n resp = await API.updatePromoCode(data);\r\n } else {\r\n resp = await API.addPromoCode(data);\r\n }\r\n return resp;\r\n } catch (e) {\r\n console.log(e);\r\n return {\"error\" : true};\r\n }\r\n };\r\n}\r\n\r\nexport function getPromoCode(idx) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.getPromoCode(idx);\r\n return resp;\r\n } catch (e) {\r\n console.log(e);\r\n return {\"error\" : true};\r\n }\r\n };\r\n}\r\n\r\nexport function deletePromoCode(idx) {\r\n return async function(dispatch, getState) {\r\n try {\r\n let resp = await API.deletePromoCode(idx);\r\n notifyUser(\"User Deleted.\", 'info');\r\n return resp;\r\n } catch (e) {\r\n console.log(e);\r\n return {\"error\" : true};\r\n }\r\n };\r\n}","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as PromoActions from \"../../../../redux/actions/promo-actions\";\r\nimport * as paginationActions from \"../../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, Tag } from \"antd\";\r\nimport { EditCell } from \"../../../shared/components/helperCells\";\r\nimport moment from \"moment\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\n\r\nclass ManagePromoCodes extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = \"promo\";\r\n this.state = {\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n \r\n \r\n this.editItem(\"new\")}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.promoOfferId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nManagePromoCodes.propTypes = {\r\n location: PropTypes.object,\r\n getUserListing: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.pagination,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...PromoActions, ...paginationActions },\r\n dispatch\r\n );\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n ManagePromoCodes\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as PromoActions from \"../../../../redux/actions/promo-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Switch,\r\n DatePicker,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormatY = \"YYYY/MM/DD\";\r\n\r\nclass EditPromoCode extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.onTypeChange = this.onTypeChange.bind(this);\r\n }\r\n\r\n onTypeChange(value) {\r\n this.setState({ discountType: value });\r\n }\r\n state = {\r\n loading: true,\r\n promoOfferId: 0,\r\n activeDisabled: false,\r\n allDiscountTypes: [\r\n { id: \"N\", name: \"Fixed\", type: \"USD $\" },\r\n { id: \"P\", name: \"Percent\", type: \"%\" },\r\n ],\r\n };\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({ promoOfferId: this.props.match.params.id });\r\n const promo = await this.props.getPromoCode(this.props.match.params.id);\r\n this.setState(promo.data);\r\n if (moment(promo.data.expireDate).isBefore(new Date())) {\r\n this.setState({ activeDisabled: true });\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n this.setState({ isActive: true, loading: false });\r\n }\r\n }\r\n\r\n submitFormAdd = (data) => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updatePromoCode(data)\r\n .then((response) => {\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n notifyUser(currentAppLocale.messages[\"admin.promo.added\"], \"success\");\r\n //notifyUser(\"Promo added successfully!\", 'success');\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n }\r\n })\r\n .catch((err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.props\r\n .updatePromoCode(data)\r\n .then((response) => {\r\n if (response.error) {\r\n notifyUser(response.error.message, \"error\");\r\n this.setState({ loading: false });\r\n } else {\r\n this.props.history.push(\"./\");\r\n this.setState({ loading: false });\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.promo.edited\"],\r\n \"success\"\r\n );\r\n //notifyUser(\"Promo updated successfully!\", 'success');\r\n }\r\n })\r\n .catch((_err) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.promoOfferId && this.state.promoOfferId > 0) {\r\n values[\"promoOfferId\"] = this.state.promoOfferId;\r\n values[\"isActive\"] = this.state.isActive;\r\n this.submitFormEdit(values);\r\n } else {\r\n values[\"isActive\"] = this.state.isActive;\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n onSwitchChange = (checked, e) => {\r\n this.setState({ isActive: checked });\r\n if (checked == true) {\r\n notifyUser(\"Activated successfully!\", \"success\");\r\n } else {\r\n notifyUser(\"Inactivated successfully!\", \"success\");\r\n }\r\n };\r\n\r\n onInputCode = (e) => {\r\n e.target.value = e.target.value.toUpperCase();\r\n };\r\n\r\n setStartDate = (_obj, dateString) => {\r\n this.setState({ startDate: dateString });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === \"horizontal\"\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 },\r\n }\r\n : null;\r\n const discountTypeSelector = getFieldDecorator(\"discountType\", {\r\n rules: [\r\n {\r\n required: true,\r\n message: \r\n
\r\n \r\n \r\n {this.state.promoOfferId === 0 ? (\r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nEditPromoCode.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllUserRoles: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...PromoActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-promo-code\" })(EditPromoCode);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { Table, Typography, Row, Col, Button } from \"antd\";\r\nconst dataSource = [\r\n {\r\n key: \"1\",\r\n name: \"Mike\",\r\n age: 32,\r\n address: \"10 Downing Street\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"John\",\r\n age: 42,\r\n address: \"10 Downing Street\"\r\n }\r\n];\r\nexport default class TravelerInvoice extends Component {\r\n render() {\r\n const columns = [\r\n {\r\n title: \"Item/Description\",\r\n dataIndex: \"itemdescription\",\r\n key: \"itemdescription\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"Quantity\",\r\n dataIndex: \"quantity\",\r\n key: \"quantity\"\r\n },\r\n {\r\n title: \"Unit\",\r\n dataIndex: \"unit\",\r\n key: \"unit\"\r\n },\r\n {\r\n title: \"Unit Price $\",\r\n dataIndex: \"unitprice\",\r\n key: \"unitprice\"\r\n },\r\n {\r\n title: \"Total Price $\",\r\n dataIndex: \"totalprice\",\r\n key: \"totalrice\"\r\n }\r\n ];\r\n return (\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 this.props.history.push(\"../\")}\r\n >\r\n
\r\n
\r\n\r\n \r\n \r\n FocusPoint International Inc.\r\n
\r\n 15830 Foltz Parkway\r\n
\r\n Strongsville, Ohio 44149\r\n
\r\n (440) 878-7600\r\n
\r\n (440) 878-0092 Fax\r\n
\r\n Federal ID No. 47-4612937\r\n
\r\n \r\n\r\n\r\n
\r\n Invoice Date:mm/dd/year\r\n
\r\n Page: 1\r\n \r\n
\r\n \r\n \r\n Bill\r\n \r\n
\r\n Organization Address:\r\n
\r\n Organization Address\r\n \r\n
\r\n \r\n \r\n Ship\r\n \r\n
\r\n Organization Address:\r\n
\r\n Organization Address\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\n
\r\n \r\n \r\n Remit Wire Payments to:\r\n
\r\n Name of Bank Account: Fifth Third Bank\r\n
\r\n Routing Number: 042000314\r\n
\r\n Account Number: 7283970288\r\n
\r\n SWIFT Code: FTBCUS3C\r\n
\r\n \r\n
\r\n \r\n \r\n REMIT PAYMENTS TO OUR CORPORATE OFFICE:
\r\n 15830 FOLTZ INDUSTRIAL PARKWAY;
\r\n CLEVELAND OH 44149\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as AdminActions from \"../../../redux/actions/admin-actions\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport API from \"../../../redux/api/admin-api\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport AppLocale from \"../../../languageProvider\";\r\nimport {notifyUser} from \"../../../services/notification-service\";\r\nimport { Select, Spin, Typography, Row, Col, Form, Input, Button } from \"antd\";\r\nconst {Option} = Select;\r\n\r\nclass AdminProfile extends Component {\r\n state = {\r\n formLayout: \"vertical\",\r\n loading: true,\r\n countries: []\r\n };\r\n\r\n async componentDidMount(){\r\n this.props.clearPaginationExceptMe('profile');\r\n let user = await this.props.myAccount();\r\n this.setState(user.data);\r\n this.setState({\r\n loading: false, \r\n dataLoaded: true\r\n });\r\n let countriesListTemp = await API.getCountriesList();\r\n this.setState({\r\n countries: countriesListTemp.countries\r\n });\r\n }\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((_err, values) => {\r\n if (!_err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if(values[key] == null){\r\n values[key] = '';\r\n } else {\r\n if(typeof values[key] == 'string'){\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.setState({ loading: true });\r\n this.props\r\n .updateMyAccount(values)\r\n .then(response => {\r\n if (response.error) {\r\n if(response.error.message){\r\n notifyUser(response.error.message, \"error\");\r\n } else {\r\n notifyUser(\"Unknown error. Please try again!\", \"error\");\r\n }\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n this.setState({ loading: false });\r\n this.props.updateLoggedInUserAccount(values);\r\n let currentUser = JSON.parse(localStorage.getItem('user'));\r\n currentUser.firstName = values.firstName;\r\n currentUser.lastName = values.lastName;\r\n currentUser.contactNo = values.contactNo;\r\n localStorage.setItem('user', JSON.stringify(currentUser));\r\n this.props.history.push('/admin/my-profile');\r\n notifyUser(currentAppLocale.messages[\"admin.profile.success\"], 'success');\r\n }\r\n })\r\n .catch(_err => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n });\r\n };\r\n\r\n handleContactExistance(rule, value, callback){\r\n //const re = /^[0-9']+$/;\r\n const re = /^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/;\r\n var test=re.test(value)\r\n if(value !==\"\" && (value.length < 6 || test ===false)){\r\n callback(\r\n
\r\n 15830 Foltz Parkway\r\n
\r\n Strongsville, Ohio 44149\r\n
\r\n (440) 878-7600\r\n
\r\n (440) 878-0092 Fax\r\n
\r\n Federal ID No. 47-4612937\r\n
\r\n \r\n\r\n
INVOICE
\r\n Invoice Number:xxxxxxx-xx\r\n\r\n Invoice Date:mm/dd/year\r\n
\r\n Page: 1\r\n \r\n
\r\n Organization Address:\r\n
\r\n Organization Address\r\n \r\n
\r\n Organization Address:\r\n
\r\n Organization Address\r\n \r\n
\r\n Name of Bank Account: Fifth Third Bank\r\n
\r\n Routing Number: 042000314\r\n
\r\n Account Number: 7283970288\r\n
\r\n SWIFT Code: FTBCUS3C\r\n
\r\n \r\n
\r\n 15830 FOLTZ INDUSTRIAL PARKWAY;
\r\n CLEVELAND OH 44149\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\nfunction mapStateToProps(state) {\r\n return { ...state.user ,...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions, ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-profile\" })(AdminProfile);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Typography, Row, Col, Form, Input, Button, Popover, Icon, Spin } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as UserActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport {notifyUser} from \"../../../services/notification-service\";\r\nimport * as UserService from '../../../services/user-service';\r\n\r\nconst validColor = '#52c41a', invalidColor = '#cb0019';\r\nconst validIcon = 'check-circle', invalidIcon = 'exclamation-circle';\r\nclass AdminChangePassword extends Component {\r\n state = {\r\n forceChangePasswordText: '',\r\n loading: false,\r\n formLayout: \"vertical\",\r\n password: {\r\n isValid: false,\r\n visibleHint: false,\r\n uppercase: {\r\n hasUppercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n lowercase: {\r\n hasLowercase: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n numeric: {\r\n hasNumer: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n specialCharacter: {\r\n hasSpecialChar: false,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n },\r\n characters: {\r\n minLength: 8,\r\n iconColor: invalidColor,\r\n iconType: invalidIcon\r\n }\r\n }\r\n };\r\n\r\n componentDidMount = () => {\r\n this.props.clearPaginationExceptMe('change_password');\r\n let currentUser = UserService.getUser();\r\n if(currentUser.userID && currentUser.accountConfirmed === false){\r\n this.setState({\r\n forceChangePasswordText: 'For security reasons please change your password first!'\r\n });\r\n }\r\n }\r\n\r\n handleFormLayoutChange = e => {\r\n this.setState({ formLayout: e.target.value });\r\n };\r\n\r\n compareToNewPassword = (_rule, value, callback) => {\r\n const { form } = this.props;\r\n let _password = this.state.password;\r\n if (value && value !== form.getFieldValue('password')) {\r\n callback(\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n {this.state.forceChangePasswordText != '' ? \r\n
\r\n }\r\n title={\r\n
{this.state.forceChangePasswordText}
\r\n : ''}\r\n\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n \r\n {/*\r\n this.handleSubmit()}\r\n >\r\n Submit\r\n \r\n \r\n
*/}\r\n
\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"pnr-report\" })(SearchbyPNR);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as itiniaryActions from \"../../../redux/actions/itinerary-actions\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport config from \"../../../../../config\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport Axios from \"axios\";\r\nimport { notifyUser } from \"../../../services/notification-service\";\r\nimport {\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n Button,\r\n Typography,\r\n Table,\r\n Tag,\r\n Icon,\r\n Upload,\r\n message,\r\n Spin,\r\n Modal,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport OrgTree from \"../../shared/components/orgTree\";\r\nconst todaydate = new Date();\r\nclass UpdateItinerary extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = \"itineraries\";\r\n this.state = {\r\n formLayout: undefined,\r\n fromDate: \"\",\r\n fromlocation: \"\",\r\n tolocation: \"\",\r\n todate: \"\",\r\n departuredate: \"\",\r\n flightnumber: \"\",\r\n isActive: true,\r\n userid: 0,\r\n loading: false,\r\n data: [],\r\n pagination: { pageSize: 10, current: 1 },\r\n filters: {},\r\n airportData: [],\r\n stateuser: 1,\r\n itineraryData: {},\r\n uploadingEmployees: false,\r\n };\r\n }\r\n getSelectedFilterValue = (index) => {\r\n return (\r\n (this.props.paginginfo[this.module] &&\r\n this.props.paginginfo[this.module].filter &&\r\n this.props.paginginfo[this.module].filter[index]) ||\r\n null\r\n );\r\n };\r\n editItem = (orgid, divid, id) => {\r\n if (Permission.isRole(\"Membership\") || Permission.isRole(\"Employee\")) {\r\n if (\r\n JSON.parse(localStorage.getItem(\"user\")).isActiveMembership === false\r\n ) {\r\n this.showModal();\r\n } else {\r\n this.props.history.push(\r\n \"../../../edit/\" + orgid + \"/\" + divid + \"/\" + id\r\n );\r\n }\r\n } else {\r\n this.props.history.push(\r\n \"../../../edit/\" + orgid + \"/\" + divid + \"/\" + id\r\n );\r\n }\r\n };\r\n showModal = () => {\r\n this.setState({\r\n planExp: true,\r\n });\r\n };\r\n csvUploadProps = () => {\r\n let _this = this;\r\n let token = UserServices.getToken();\r\n let _headers = { \"Content-Type\": \"multipart/form-data\" };\r\n if (token)\r\n _headers[\"authorization\"] = token ? \"Bearer \" + token : undefined;\r\n return {\r\n name: \"file\",\r\n showUploadList: false,\r\n headers: _headers,\r\n // action: config.API1 + \"/api/BulkUploadTravelerItinerary\",\r\n accept: \".csv\",\r\n beforeUpload: (file) => {\r\n let ext = file.name.split(\".\");\r\n ext = ext.pop();\r\n if (ext == \"csv\") {\r\n const formData = new FormData();\r\n formData.append(\"file\", file);\r\n let token = UserServices.getToken();\r\n let _headers = { \"Content-Type\": \"multipart/form-data\" };\r\n if (token)\r\n _headers[\"authorization\"] = token ? \"Bearer \" + token : undefined;\r\n\r\n Axios({\r\n method: \"post\",\r\n url:\r\n config.API1 +\r\n \"/api/BulkUploadItinerary/\" +\r\n this.props.match.params.id,\r\n data: formData,\r\n headers: _headers,\r\n })\r\n .then(function(_response) {\r\n if (_response.data && _response.data.data) {\r\n notifyUser(_response.data.data.message, \"success\");\r\n }\r\n _this.setState({ uploadingEmployees: false });\r\n _this.handleTableChange({ current: 1, pageSize: 10 }, {}, {});\r\n })\r\n .catch(function(_response) {\r\n if (_response.response && _response.response.data) {\r\n notifyUser(_response.response.data.Message, \"error\");\r\n } else {\r\n notifyUser(\"File upload failed.\", \"error\");\r\n }\r\n _this.setState({ uploadingEmployees: false });\r\n _this.handleTableChange({ current: 1, pageSize: 10 }, {}, {});\r\n });\r\n } else {\r\n message.error(\"Please select file only from accepted file types.\");\r\n return false;\r\n }\r\n },\r\n onStart: (_file) => {\r\n _this.setState({ uploadingEmployees: true });\r\n },\r\n };\r\n };\r\n getHeaderKeys = () => {\r\n let datacolumns1 = [\r\n {\r\n title: - \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 {this.state.showTable ?\r\n < div >\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 (data.dataIndex !==\"pnrNumber\"))} data={this.state.travellerListManual} /> \r\n \r\n
\r\n |
\r\n \r\n \r\n (data.dataIndex !==\"pnrNumber\"))}\r\n dataSource={this.state.travellerListManual}\r\n pagination={this.state.paginationManual}\r\n loading={this.state.loading}\r\n onChange={this.handleManualTableChange}\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 this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n Cancel\r\n ,\r\n ,\r\n ]\r\n ) : (\r\n \r\n )\r\n }\r\n >\r\n {Permission.isRole(\"Employee\") ? (\r\n \r\n \r\n {this.props &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id === \"1\" &&\r\n Permission.isRole(\"Administrator\") ? (\r\n \r\n {\" \"}\r\n \r\n \r\n ) : (\r\n \r\n {\" \"}\r\n \r\n \r\n )}\r\n\r\n {!Permission.isRole(\"Employee\") &&\r\n !Permission.isRole(\"CSR\") &&\r\n !Permission.isRole([\"Employee\"]) ? (\r\n
\r\n
\r\n {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"1\" &&\r\n !this.state.loading ? (\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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...itiniaryActions, ...userActions, ...paginationActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"Update-itinerary\" })(UpdateItinerary);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../audit-logs/audit-logs\";\r\n\r\nclass PricingAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n return (\r\n \r\n You do not have any CAP plan assigned. Please contact your\r\n division manager / travel manager.\r\n
\r\n ) : (\r\nYour CAP plan has been expired. Please buy a new plan.
\r\n )}\r\n \r\n- \r\n
- \r\n \r\n \r\n {JSON.parse(localStorage.getItem(\"user\"))\r\n .isActiveMembership === false &&\r\n Permission.isRole(\"Membership\") ? (\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 {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"1\" ? (\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 {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"1\" ? (\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 {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"1\" ? (\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n {this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id !== \"1\" &&\r\n !this.state.loading ? (\r\n //
\r\n
\r\n \r\n \r\n
\r\n \r\n {!this.state.loading ? (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n\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\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
\r\n );\r\n }\r\n}\r\nexport default NAVReportB2B;\r\n","import React, { Component } from \"react\";\r\nimport { Tabs, Typography, Row, Col, DatePicker, Button } from \"antd\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport ReportsAPI from \"../../../redux/api/reports-api\";\r\nimport * as UserServices from \"../../../services/user-service\";\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nconst { TabPane } = Tabs;\r\nconst dateFormatAPI = \"YYYY-MM-DD\";\r\nconst dateFormatFilename = \"MM-DD-YYYY\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst monthFormat = \"MM/DD/YYYY\";\r\nlet now = new Date();\r\nlet startDay = moment(new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0));\r\nlet endDay = moment(new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0));\r\nlet startMonth = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet endMonth = moment(new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0));\r\nclass NAVReportB2C extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tloading: true,\r\n\t\t\tdefaultActiveKey: \"daily\",\r\n\t\t\tdailyReportDateSelected: true,\r\n\t\t\tdailyReportDates: [startDay, endDay],\r\n\t\t\tmonthlyReportDateSelected: true,\r\n\t\t\tmonthlyReportDates: [startMonth, endMonth]\r\n\t\t};\r\n\t}\r\n\t\t\r\n async componentDidMount() {\r\n if (window.location.hash != \"\") {\r\n this.setState({\r\n defaultActiveKey: window.location.hash.replace(\"#\", \"\")\r\n });\r\n }\r\n }\r\n\r\n switchNAVTabs = current => {\r\n if (window.history.pushState) {\r\n window.history.pushState(null, null, \"#\" + current);\r\n } else {\r\n this.props.location.hash = \"#\" + current;\r\n }\r\n this.setState({ defaultActiveKey: current });\r\n\t};\r\n\t\r\n\tselectDay = (dates) => {\r\n\t\tif(dates.length > 0){\r\n\t\t\tthis.setState({\r\n\t\t\t\tdailyReportDates: dates,\r\n\t\t\t\tdailyReportDateSelected: true\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tdailyReportDates: [startDay, endDay],\r\n\t\t\t\tdailyReportDateSelected: false\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\t\r\n\tselectMonth = (dates) => {\r\n\t\tif(dates.length > 0){\r\n\t\t\tthis.setState({\r\n\t\t\t\tmonthlyReportDates: dates,\r\n\t\t\t\tmonthlyReportDateSelected: true\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tmonthlyReportDate: [startMonth, endMonth],\r\n\t\t\t\tmonthlyReportDateSelected: false\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\t\r\n\tdownloadDailyReport = () => {\r\n\t\tlet token = UserServices.getToken();\r\n\t\tlet _headers = {'Content-Type': 'multipart/form-data'};\r\n\t\tif (token) _headers['authorization'] = token ? 'Bearer ' + token : undefined;\r\n\t\tlet filename = 'B2C daily report ('+moment(this.state.dailyReportDates[0]).format(dateFormatFilename)+' to '+moment(this.state.dailyReportDates[1]).format(dateFormatFilename)+').csv';\r\n\t\tlet apiUrl = ReportsAPI.getB2CDailyReport(moment(this.state.dailyReportDates[0]).format(dateFormatAPI), moment(this.state.dailyReportDates[1]).format(dateFormatAPI));\r\n\t\taxios({\r\n\t\t\turl: apiUrl,\r\n\t\t\tmethod: 'GET',\r\n\t\t\tresponseType: 'blob',\r\n\t\t\theaders: _headers\r\n\t\t}).then((response) => {\r\n\t\t\t const url = window.URL.createObjectURL(new Blob([response.data]));\r\n\t\t\t const link = document.createElement('a');\r\n\t\t\t link.href = url;\r\n\t\t\t link.setAttribute('download', filename);\r\n\t\t\t document.body.appendChild(link);\r\n\t\t\t link.click();\r\n\t\t});\r\n\t}\r\n\t\r\n\tdownloadMonthlyReport = () => {\r\n\t\tlet token = UserServices.getToken();\r\n\t\tlet _headers = {'Content-Type': 'multipart/form-data'};\r\n\t\tif (token) _headers['authorization'] = token ? 'Bearer ' + token : undefined;\r\n\t\tlet filename = 'B2C monthly report ('+moment(this.state.monthlyReportDates[0]).format(dateFormatFilename)+' to '+moment(this.state.monthlyReportDates[1]).format(dateFormatFilename)+').csv';\r\n\t\tlet apiUrl = ReportsAPI.getB2CMonthlyReport(moment(this.state.monthlyReportDates[0]).format(dateFormatAPI), moment(this.state.monthlyReportDates[1]).format(dateFormatAPI));\r\n\t\taxios({\r\n\t\t\turl: apiUrl,\r\n\t\t\tmethod: 'GET',\r\n\t\t\tresponseType: 'blob',\r\n\t\t\theaders: _headers\r\n\t\t}).then((response) => {\r\n\t\t\t const url = window.URL.createObjectURL(new Blob([response.data]));\r\n\t\t\t const link = document.createElement('a');\r\n\t\t\t link.href = url;\r\n\t\t\t link.setAttribute('download', filename);\r\n\t\t\t document.body.appendChild(link);\r\n\t\t\t link.click();\r\n\t\t});\r\n\t}\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n\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\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
\r\n );\r\n }\r\n}\r\nexport default NAVReportB2C;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as B2B2COrgActions from \"../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../services/permissions\";\r\nimport {\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tooltip\r\n} from \"antd\";\r\nimport { AccountsBilling } from \"../../shared/svg/svg/home-icon\";\r\nimport { EditCell } from \"../../shared/components/helperCells\";\r\nimport moment from \"moment\";\r\nimport { th } from \"date-fns/locale\";\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nconst AccountsBillingIcon = props => (\r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n this.addItem()}\r\n className=\"right-fl def-blue\"\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.id}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nB2B2COrganizations.propTypes = {\r\n location: PropTypes.object,\r\n getOrganizations: PropTypes.func,\r\n deleteOrganization: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {...state.pagination};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...B2B2COrgActions,...paginationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n B2B2COrganizations\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n Col,\r\n Row,\r\n Typography,\r\n Button,\r\n Table,\r\n Input,\r\n Icon,\r\n Tooltip\r\n} from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport { EditCell } from \"../../../shared/components/helperCells\";\r\nimport * as OrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as userActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\n\r\nclass B2B2CListDivisonOrganization extends Component {\r\n state = {\r\n searchText: \"\",\r\n searchedColumn: \"\",\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={(selectedKeys != \"\" && selectedKeys !== null) ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n record.organizationId}\r\n loading={this.state.loading}\r\n pagination={this.state.pagination}\r\n dataSource={this.state.data}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...OrgActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(B2B2CListDivisonOrganization)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../../redux/actions/b2b2c-organization-actions\";\r\nimport AppLocale from \"../../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport API from \"../../../../../redux/api/admin-api\";\r\nimport * as userActions from \"../../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../../redux/actions/admin-actions\";\r\nimport OrgTree from \"../../../../shared/components/orgTree\";\r\nimport { notifyUser } from \"../../../../../services/notification-service\";\r\nconst { Option } = Select;\r\n\r\nclass B2B2CEditDivisonOrganization extends Component {\r\n state = {\r\n loading: false,\r\n isBillingRequired: false,\r\n formLayout: undefined,\r\n data: {},\r\n countries: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n {!Permission.isRole(\"Division Manager\") ?
\r\n : ''}\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions, ...userActions, ...OrgActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-division\" })(\r\n B2B2CEditDivisonOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Col, Row, Button, Result } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nclass DivisonSucess extends Component {\r\n render() {\r\n let parentOrgId = this.props.match.params.id;\r\n let orgId = this.props.divisionId;\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(DivisonSucess)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\nimport * as OrgActions from \"../../../../../redux/actions/b2b2c-organization-actions\";\r\n\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin\r\n} from \"antd\";\r\nimport API from \"../../../../../redux/api/admin-api\";\r\nimport * as userActions from \"../../../../../redux/actions/user-actions\";\r\nimport * as AdminActions from \"../../../../../redux/actions/admin-actions\";\r\nimport DivisonSucess from \"../sucess\";\r\nimport OrgTree from \"../../../../shared/components/orgTree\";\r\nconst { Option } = Select;\r\n\r\nclass B2B2CAddDivisonOrganization extends Component {\r\n state = {\r\n isBillingRequired: false,\r\n parentOrgId: 0,\r\n formLayout: undefined,\r\n submittedSuccessfully: false,\r\n data: {},\r\n countries: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n \r\n \r\n this.props.history.push('./../add/')}\r\n style={{ width: \"200px\" }}\r\n >\r\n Add New Division\r\n \r\n \r\n {/* this.props.history.push('../../../edit/'+orgId+'/employees/new/', {oldPath: '../../../../'+parentOrgId+'/divisions/'})}\r\n >\r\n \r\n */}\r\n {/* this.props.history.push('../../../edit/'+orgId+'/employees/new/', {oldPath: '../../../../'+parentOrgId+'/divisions/'})}\r\n >\r\n \r\n */}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.goBack()}\r\n >\r\n
\r\n
\r\n\r\n {submittedSuccessfully === true ? \r\n \r\n
\r\n );\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...OrgActions, ...AdminActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"add-division\" })(\r\n B2B2CAddDivisonOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Select,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Button,\r\n} from \"antd\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as b2cActions from \"../../../../redux/actions/b2c-actions\";\r\nimport * as B2B2COrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport * as adminActions from \"../../../../redux/actions/admin-actions\";\r\n\r\nvar validator = require(\"email-validator\");\r\n\r\nconst { Option } = Select;\r\n\r\nclass PrimaryAddress extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countries: [],\r\n userData: [],\r\n stateuser: 1,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n orgTypes: [],\r\n };\r\n this.bill_checkchange = this.bill_checkchange.bind(this);\r\n this.sec_checkchange = this.sec_checkchange.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n this.props.getCountriesListName().then((data) => {\r\n this.setState({ countries: data });\r\n this.setState({ loading: true });\r\n });\r\n await this.props\r\n .getResellerOrganizationTypes({\r\n filters: {},\r\n pagination: { page: 1 },\r\n sorter: {},\r\n })\r\n .then((re) => {\r\n if (re.data && re.data.length > 0) {\r\n this.setState({ orgTypes: re.data });\r\n }\r\n });\r\n\r\n await this.props.getUserData();\r\n // if (this.props.isBusinessAddressSame === true) {\r\n // this.setState({ address: true })\r\n // } else {\r\n // this.setState({ address: false })\r\n\r\n // }\r\n this.props\r\n .getUserListing({\r\n orgId: 1,\r\n // filters: filters,\r\n // pagination: { page: pagination.current, pageSize: pagination.pageSize },\r\n // sorter: sorter\r\n })\r\n .then((resp) => {\r\n this.setState({\r\n userData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n onChange(e) {}\r\n // this.handleTableChange({ current: 1, pageSize: 10 }, {}, {});\r\n\r\n loadAccountManagers = (e) => {\r\n if (e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight) {\r\n var datas = this.state.stateuser + 1;\r\n this.props\r\n .getUserListing({\r\n orgId: 1,\r\n filters: {},\r\n pagination: { page: datas, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n let data = this.state.userData;\r\n this.setState({ stateuser: datas });\r\n this.setState({\r\n userData: data.concat(resp.data),\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n };\r\n fetchAccountmanagers = (e) => {\r\n if (e === \"\" || e === null) {\r\n this.setState({ stateuser: 1 });\r\n }\r\n this.props\r\n .getUserListing({\r\n orgId: 1,\r\n filters: { firstName: e },\r\n pagination: { page: 1, pageSize: 10 },\r\n sorter: {},\r\n })\r\n .then((resp) => {\r\n this.setState({\r\n fetching: false,\r\n userData: resp.data,\r\n });\r\n })\r\n .catch((ex) => {\r\n this.setState({ fetching: false });\r\n });\r\n };\r\n\r\n // final submit\r\n async finalform() {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n if (validator.validate(this.props.email)) {\r\n await this.props.validateTravellerEmail(this.props.email);\r\n if (this.props.emailCheckResponse.userExist) {\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.email.alreadyexist\"],\r\n \"error\"\r\n );\r\n //notifyUser(\"Email Already Exists!\", 'error');\r\n } else {\r\n this.props.onchange(\"current\", 1);\r\n }\r\n }\r\n }\r\n // button submit\r\n handleSubmit() {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n console.log(values, \"formval\")\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null || values[key] == \" \") {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n });\r\n this.finalform();\r\n }\r\n });\r\n }\r\n //email validation checker\r\n handleEmailExistance = (rule, value, callback) => {\r\n if (validator.validate(this.props.email)) {\r\n this.props.validateTravellerEmail(this.props.email);\r\n if (this.props.emailCheckResponse.userExist) {\r\n callback(\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nPrimaryAddress.propTypes = {\r\n data_primary_address: PropTypes.object,\r\n validateTravellerEmail: PropTypes.func,\r\n getUserListing: PropTypes.func,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.user,\r\n ...state.language,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...b2cActions, ...userActions, ...adminActions, ...B2B2COrgActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"primary-address\" })(PrimaryAddress);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Result, Button, Col, Row } from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nclass OrganizationSucess extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(OrganizationSucess)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport {\r\n Typography,\r\n Form,\r\n Row,\r\n Col,\r\n Radio,\r\n Modal,\r\n Input,\r\n Select,\r\n Button,\r\n Spin,\r\n Checkbox,\r\n Transfer,\r\n message,\r\n} from \"antd\";\r\nimport * as B2B2COrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as OrgPlanTypeActions from \"../../../../redux/actions/org-plan-types\";\r\nimport * as PricingActions from \"../../../../redux/actions/pricing-actions\";\r\nimport * as productActions from \"../../../../redux/actions/product-actions\";\r\nimport * as AdminActions from \"../../../../redux/actions/admin-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport DerivedPricingQuickView from \"../../pricing/view/derived-quickview\";\r\nimport moment from \"moment\";\r\n\r\nconst { Option } = Select;\r\nclass B2B2COrganizationPlan extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n retailPrices: [],\r\n rawPrices: [],\r\n selectedRawPriceList: null,\r\n selectedPriceList: null,\r\n guardMePlanType: [],\r\n planType: {\r\n indeterminate: false,\r\n checkAll: false,\r\n selectedPlanTypes: [],\r\n planTypesList: []\r\n },\r\n selectedKeys: [],\r\n targetKeys: [],\r\n productData: [],\r\n pccData: [],\r\n orgTypes: [],\r\n dataAccount: [],\r\n isModalVisible: true,\r\n isGuardme: 'no',\r\n selectedGuardmePlan: [],\r\n\r\n pccaccountno: '',\r\n loading: true,\r\n pagination: {\r\n pageSize: 1000,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {this.props.orgTypeId == HybridTypeId ? (\r\n \r\n Ok\r\n \r\n ]}\r\n style={{ marginTop: '60px' }}\r\n >\r\n {\r\n this.setState({ isGuardme: e.target.value });\r\n }}\r\n >\r\n Yes \r\n No \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\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n ...AdminActions,\r\n ...productActions,\r\n ...B2B2COrgActions,\r\n ...PricingActions,\r\n ...OrgPlanTypeActions,\r\n },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n B2B2COrganizationPlan\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PrimaryAddress from \"../add-organization/primary-address\";\r\nimport OrganizationSucess from \"../add-organization/organization-sucess\";\r\nimport OrganizationPlan from \"../add-organization/organization-plan\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\"\r\nimport { Steps } from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nconst { Step } = Steps;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\n\r\nexport default class AddB2B2COrganization extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n current: 0,\r\n orgTypeId: 0,\r\n \r\n //first form\r\n company_name: \"\",\r\n address: \"\",\r\n city: \"\",\r\n country: null,\r\n zip: \"\",\r\n phoneNumber: \"\",\r\n email: \"\",\r\n accountmanager: null,\r\n firstName: \"\",\r\n lastName: \"\",\r\n salesexecutive: null,\r\n company_code: \"\",\r\n company_state: \"\",\r\n \r\n sec_address: \"\",\r\n sec_city: \"\",\r\n sec_country: \"\",\r\n sec_zip: \"\",\r\n sec_phoneNumber: \"\",\r\n sec_email: \"\",\r\n\r\n billing_address: \"\",\r\n billing_city: \"\",\r\n billing_country: \"\",\r\n billing_zip: \"\",\r\n billing_phoneNumber: \"\",\r\n billing_email: \"\",\r\n\r\n countries: [],\r\n membership_type: [],\r\n price: null,\r\n startDate: null,\r\n endDate: null,\r\n org_country: [],\r\n membership_number: \"\",\r\n licence_number: null,\r\n postSalePrice: 0,\r\n pcc_number: [],\r\n account_number: [],\r\n dealprice: \"\",\r\n primary_id: \"\",\r\n primary_first: \"\",\r\n primary_last: \"\",\r\n primary_dateofbirth: null,\r\n primary_email: \"\",\r\n primary_primaryPhoneNumber: \"\",\r\n primary_country: null,\r\n emergency_first: \"\",\r\n emergency_lastname: \"\",\r\n emergency_relationship: \"\",\r\n emergency_primary_phone_number: \"\",\r\n secondary_contactPerson: \"\",\r\n billing_contactPerson: \"\",\r\n sec_state: \"\",\r\n billing_state: \"\",\r\n pccaccountnumber: [],\r\n checkTraveller: false,\r\n pccaccountno: [],\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n creditDays: null,\r\n customer_id: \"\",\r\n job_number: \"\",\r\n billing_company_name: \"\",\r\n targetKeys: [],\r\n tarvellerexits: false,\r\n emergencyEmail: \"\",\r\n membershipNumber: null,\r\n organizationId: null\r\n };\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n componentDidMount() {}\r\n getSteps = () => {\r\n return [\r\n {\r\n title: \r\n \r\n {steps.map(item => (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport moment from \"moment\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n DatePicker,\r\n Row,\r\n Col,\r\n Select,\r\n Table,\r\n Button,\r\n Icon,\r\n Transfer,\r\n Modal,\r\n Spin,\r\n TreeSelect,\r\n Checkbox,\r\n message,\r\n} from \"antd\";\r\nimport * as B2B2COrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as OrgPlanTypeActions from \"../../../../redux/actions/org-plan-types\";\r\nimport * as PricingActions from \"../../../../redux/actions/pricing-actions\";\r\nimport * as productActions from \"../../../../redux/actions/product-actions\";\r\nimport * as AdminActions from \"../../../../redux/actions/admin-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport DerivedPricingQuickView from \"../../pricing/view/derived-quickview\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nvar finalData = [];\r\nclass EditB2B2COrganizationPlan extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.addnewProduct = this.addnewProduct.bind(this);\r\n this.saveproduct = this.saveproduct.bind(this);\r\n this.showModal = this.showModal.bind(this);\r\n this.onPlanChange = this.onPlanChange.bind(this);\r\n this.backpage = this.backpage.bind(this);\r\n\r\n this.state = {\r\n orgData: [],\r\n planTypes: [],\r\n retailPrices: [],\r\n rawPrices: [],\r\n selectedRawPriceList: null,\r\n selectedPriceList: null,\r\n guardMePlanType: [],\r\n planType: {\r\n indeterminate: false,\r\n checkAll: false,\r\n selectedPlanTypes: [],\r\n planTypesList: [],\r\n },\r\n selectedKeys: [],\r\n productData: [],\r\n pccData: [],\r\n pccaccountno: \"\",\r\n b2B2CPriceName: \"\",\r\n pccaccountnumber: [],\r\n targetKeys: [],\r\n orgTypes: [],\r\n dataAccount: [],\r\n defaultDataAccount: [],\r\n useDefaultDataAccount: false,\r\n loading: true,\r\n selectedGuardmePlan: [],\r\n sixMonthPlanNo: false,\r\n twelveMonthPlanNo: false,\r\n twelveMonthWithoutAss: false,\r\n formLayoutaddPlan: undefined,\r\n productInfo: {},\r\n\r\n pagination: {\r\n pageSize: 1000,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n {steps[current].content}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n {(this.state.isGuardMeOrg == true && Permission.isRole('Administrator')) || Permission.isRole('CSR') ? (\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n {this.state.addnew === true ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n {this.state.isGuardMeOrg == true ? (\r\n record.productID}\r\n dataSource={finalData}\r\n pagination={this.state.pagination}\r\n //loading={this.state.loading}\r\n //onChange={this.handleTableChange}\r\n scroll={{ x: '100%' }}\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\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n ...AdminActions,\r\n ...productActions,\r\n ...B2B2COrgActions,\r\n ...PricingActions,\r\n ...OrgPlanTypeActions,\r\n },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n EditB2B2COrganizationPlan\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as B2B2COrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as adminActions from \"../../../../redux/actions/admin-actions\";\r\nimport {\r\n Typography,\r\n Form,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Checkbox,\r\n Select,\r\n Spin,\r\n} from \"antd\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport * as b2cActions from \"../../../../redux/actions/b2c-actions\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nconst { Option } = Select;\r\nvar validator = require(\"email-validator\");\r\n\r\nclass PrimaryAddress extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formLayout: undefined,\r\n data: {},\r\n countries: [],\r\n userData: [],\r\n stateuser: 1,\r\n orgData: {},\r\n secdata: {},\r\n billingData: {},\r\n adminInfo: {},\r\n isBusinessAddressSame: false,\r\n isCommunicationAddressSame: false,\r\n disablecheck: false,\r\n disablecheck2: false,\r\n loading: true,\r\n };\r\n this.checkchange = this.checkchange.bind(this);\r\n this.backpage = this.backpage.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n \r\n if (this.props.orgData && this.props.orgData.organizationId) {\r\n let _disablecheck = this.state.disablecheck;\r\n let _disablecheck2 = this.state.disablecheck2;\r\n if (this.props.orgData.isBusinessAddressSame) {\r\n _disablecheck = true;\r\n } else {\r\n _disablecheck = false;\r\n }\r\n if (this.props.orgData.isCommunicationAddressSame ) {\r\n _disablecheck2 = true;\r\n } else {\r\n _disablecheck = false;\r\n _disablecheck = true;\r\n }\r\n this.setState({\r\n orgData: this.props.orgData,\r\n secdata: this.props.orgData.orgContacts.filter(\r\n (data) => data.addressTypeID === 2\r\n )[0],\r\n billingData: this.props.orgData.orgContacts.filter(\r\n (data) => data.addressTypeID === 3\r\n )[0],\r\n adminInfo: this.props.orgData.adminInfo,\r\n isBusinessAddressSame: this.props.orgData.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.props.orgData\r\n .isCommunicationAddressSame,\r\n disablecheck: _disablecheck,\r\n disablecheck2: _disablecheck2,\r\n });\r\n }\r\n this.props.getCountriesListName().then((data) => {\r\n this.setState({\r\n countries: data,\r\n loading: false,\r\n });\r\n });\r\n }\r\n\r\n handleSubmit() {\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n this.setState({ loading: true });\r\n\r\n var JSONorg = {\r\n organizationId: parseInt(this.props.match.params.id),\r\n name: values.company_name,\r\n address1: values.address,\r\n state: values.company_state,\r\n city: values.city,\r\n countryId: values.country,\r\n zipCode: values.zip,\r\n fpManagerID: 0,\r\n fpSalesExecutiveID: 0,\r\n isBusinessAddressSame: this.state.isBusinessAddressSame,\r\n isCommunicationAddressSame: this.state.isCommunicationAddressSame,\r\n productInfo: this.state.orgData.productInfo,\r\n phoneNumber: values.phoneNumber,\r\n /* contactFirstName: values.firstName,\r\n contactLastName: values.lastName, */\r\n customerID: values.customer_id,\r\n jobNumber: values.job_number,\r\n orgContacts: [\r\n {\r\n addressTypeID: 2,\r\n city: values.sec_city,\r\n zipCode: values.sec_zip,\r\n state: values.sec_state,\r\n countryId: values.sec_country,\r\n contacts: values.sec_phoneNumber,\r\n contactPerson: values.secondary_contactPerson,\r\n emailID: values.sec_email,\r\n address: values.sec_address,\r\n },\r\n {\r\n addressTypeID: 3,\r\n countryId: values.billing_country,\r\n address: values.billing_address,\r\n state: values.billing_state,\r\n city: values.billing_city,\r\n contacts: values.billing_phoneNumber,\r\n contactPerson: values.billing_contactPerson,\r\n emailID: values.billing_email,\r\n zipCode: values.billing_zip,\r\n\r\n billingCompanyName: values.billing_company_name,\r\n },\r\n ],\r\n orgPCCAccounts: this.state.orgData.orgPCCAccounts,\r\n };\r\n this.props\r\n .updateOrganizationwithId(JSONorg, this.props.match.params.id)\r\n .then((response) => {\r\n if (response.error) {\r\n this.setState({ loading: false });\r\n } else {\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n notifyUser(\r\n currentAppLocale.messages[\"admin.organization.edit\"],\r\n \"success\"\r\n );\r\n this.props.history.goBack();\r\n this.setState({ loading: false });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n checkchange(e) {\r\n if (e.target.id === \"secAddress\" && e.target.checked === true) {\r\n let _secData = this.state.secdata;\r\n _secData.address = this.state.orgData.address1;\r\n _secData.countryId = this.state.orgData.countryId;\r\n _secData.state = this.state.orgData.state;\r\n _secData.city = this.state.orgData.city;\r\n _secData.zipCode = this.state.orgData.zipCode;\r\n _secData.contacts = this.state.orgData.phoneNumber;\r\n _secData.emailID = this.state.orgData.orgEmail;\r\n _secData.contactPerson = this.state.adminInfo.firstName.concat(\r\n \" \",\r\n this.state.adminInfo.lastName\r\n );\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: true,\r\n });\r\n\r\n this.props.form.setFieldsValue({\r\n sec_city: _secData.city,\r\n sec_address: _secData.address,\r\n sec_zip: _secData.zipCode,\r\n sec_phoneNumber: _secData.contacts,\r\n sec_email: _secData.emailID,\r\n secondary_contactPerson: _secData.contactPerson,\r\n sec_country: _secData.countryId,\r\n sec_state: _secData.state,\r\n });\r\n } else if (e.target.id === \"secAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isBusinessAddressSame: e.target.checked,\r\n disablecheck: false,\r\n });\r\n \r\n // billing address\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === true) {\r\n let _billingData = this.state.billingData;\r\n _billingData.address = this.state.orgData.address1;\r\n _billingData.countryId = this.state.orgData.countryId;\r\n _billingData.state = this.state.orgData.state;\r\n _billingData.city = this.state.orgData.city;\r\n _billingData.zipCode = this.state.orgData.zipCode;\r\n _billingData.contacts = this.state.orgData.phoneNumber;\r\n _billingData.emailID = this.state.orgData.orgEmail;\r\n _billingData.contactPerson = this.state.adminInfo.firstName.concat(\r\n \" \",\r\n this.state.adminInfo.lastName\r\n );\r\n _billingData.billingCompanyName = this.state.orgData.name;\r\n\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: true,\r\n });\r\n this.props.form.setFieldsValue({\r\n billing_city: _billingData.city,\r\n billing_address: _billingData.address,\r\n billing_zip: _billingData.zipCode,\r\n billing_phoneNumber: _billingData.contacts,\r\n billing_email: _billingData.emailID,\r\n billing_contactPerson: _billingData.contactPerson,\r\n billing_country: _billingData.countryId,\r\n billing_state: _billingData.state,\r\n billing_company_name: _billingData.billingCompanyName,\r\n });\r\n } else if (e.target.id === \"billAddress\" && e.target.checked === false) {\r\n this.setState({\r\n isCommunicationAddressSame: e.target.checked,\r\n disablecheck2: false,\r\n });\r\n\r\n }\r\n }\r\n backpage() {\r\n this.props.history.push(\"/admin/b2b2c-organizations/\");\r\n }\r\n handleEmailExistance = (rule, value, callback) => {\r\n if (\r\n this.props.email === null ||\r\n this.props.email === undefined ||\r\n this.props.email === \"\"\r\n ) {\r\n callback(\r\n
Plan Name :-{this.state.modelName}
\r\nPost Sale Price/Plan :-
{' '}\r\n\r\n {/* Primary address*/}\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\nPrimaryAddress.propTypes = {\r\n location: PropTypes.object,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n ...state.language,\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...b2cActions, ...userActions, ...B2B2COrgActions, ...adminActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"primary-address\" })(PrimaryAddress);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {\r\n Typography,\r\n Row,\r\n Col,\r\n Form,\r\n Spin,\r\n Button,\r\n Upload,\r\n Icon,\r\n message,\r\n Checkbox,\r\n Select,\r\n Radio,\r\n Input,\r\n Divider,\r\n} from \"antd\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport * as b2b2cOrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as userActions from \"../../../../redux/actions/user-actions\";\r\nimport * as OrgActions from \"../../../../redux/actions/organization-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport config from \"../../../../../../config\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport Axios from \"axios\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nimport AppLocale from \"../../../../languageProvider\";\r\nimport \"rc-color-picker/assets/index.css\";\r\nimport DefaultBackgroundImage from \"../../../../images/main-bg.png\";\r\nimport { Panel as ColorPickerPanel } from \"rc-color-picker\";\r\nimport WizardIconSVG from \"../../../shared/svg/b2c-svg/wizard-svg.jsx\";\r\nimport * as adminActions from \"../../../../redux/actions/admin-actions\";\r\nimport ReactQuill from \"react-quill\";\r\nimport \"../../../.../../../../../shared/app/styles/css/vendor/quill.snow.css\";\r\nimport * as Permission from '../../../../services/permissions';\r\n\r\n\r\nconst { Option } = Select;\r\n/* const msgLogoremovedSuceess = \r\n
All Rights Reserved.\",\r\n primaryColor: \"\",\r\n backgroundImage: null,\r\n backgroundImageUploadFileName: \"\",\r\n wizardIcon: null,\r\n wizardIconUploadFileName: \"\",\r\n hasBackgroundImage: false,\r\n hasWizardIcon: false,\r\n wizardActiveIcon: null,\r\n wizardActiveIconUploadFileName: \"\",\r\n hasWizardActiveIcon: false,\r\n users: [],\r\n receivers: [],\r\n riskFrequency: 0,\r\n selectedCountries: [],\r\n userNames: [],\r\n notificationReceivers: [],\r\n emailCustomContent: \"\"\r\n };\r\n\r\n componentDidMount = async () => {\r\n await this.props\r\n .getActiveThemes()\r\n .then((response) => {\r\n this.setState({ allThemes: response.data });\r\n })\r\n .catch((e) => {\r\n console.log(\"Exception: \", e);\r\n });\r\n if (\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.loadSettings();\r\n }\r\n await this.props.getCountriesListName().then((data) => {\r\n this.setState({ countries: data });\r\n });\r\n\r\n await this.props.getOrgUsersList(this.props.match.params.id).then((data) => {\r\n this.setState({ users: data });\r\n });\r\n\r\n this.state.users.map((element) => {\r\n if (\r\n element.role === \"Hybrid Admin\" ||\r\n element.role === \"Travel Manager\" ||\r\n element.role === \"Division Manager\" ||\r\n element.role === \"Agent\"\r\n ) {\r\n this.setState({\r\n userNames: [...this.state.userNames, element.firstName + \" \" + element.lastName]\r\n });\r\n }\r\n });\r\n\r\n await this.props\r\n .getResellerOrganizationTypes({\r\n filters: {},\r\n pagination: { page: 1 },\r\n sorter: {}\r\n })\r\n .then((re) => {\r\n if (re.data && re.data.length > 0) {\r\n this.setState({ orgTypes: re.data });\r\n }\r\n });\r\n };\r\n\r\n handleReceiverChange = (value) => {\r\n this.state.receivers.length = 0;\r\n this.setState({ receivers: this.state.receivers.concat(value) });\r\n };\r\n\r\n handleCountryChange = (value) => {\r\n this.state.selectedCountries.length = 0;\r\n this.setState({\r\n selectedCountries: this.state.selectedCountries.concat(value)\r\n });\r\n };\r\n\r\n handleRadioChange(value) {\r\n this.setState({ riskFrequency: value });\r\n }\r\n\r\n async loadSettings() {\r\n let _orgData = this.state.orgData;\r\n if (this.props.orgData && this.props.orgData.organizationId) {\r\n _orgData = this.props.orgData;\r\n let currentUser = JSON.parse(localStorage.getItem(\"user\"));\r\n currentUser.logo = _orgData.logo;\r\n localStorage.setItem(\"user\", JSON.stringify(currentUser));\r\n this.props.getUserData();\r\n this.setState({\r\n hasLogo: _orgData && _orgData.logo !== null ? true : false,\r\n hasBackgroundImage: _orgData && _orgData.backgroundImage !== null ? true : false,\r\n hasWizardIcon: _orgData && _orgData.wizardIcons !== null ? true : false,\r\n hasWizardActiveIcon: _orgData && _orgData.wizardIconActive !== null ? true : false,\r\n defaultTheme: _orgData.themeId || 1,\r\n selectedColor:\r\n this.state.allThemes.length > 0\r\n ? this.state.allThemes.find((i) => i.themeId === (_orgData.themeId || 1)).primaryColor\r\n : null,\r\n IsEmail: _orgData.isEmailActive === true ? true : false,\r\n IsSms: _orgData.isSMSActive === true ? true : false,\r\n IsPushNotification: _orgData.isNotificationActive === true ? true : false,\r\n capLogoVisibility: _orgData.isCapLogoVisible === null || _orgData.isCapLogoVisible === true ? true : false,\r\n footerVisibility: _orgData.isFooterVisible === null || _orgData.isFooterVisible === true ? true : false,\r\n orgData: _orgData,\r\n footerText: _orgData.footerText,\r\n loading: false,\r\n riskFrequency: _orgData.riskReportFrequency,\r\n selectedCountries: _orgData.riskReportCountries,\r\n receivers: _orgData.riskReportUsers,\r\n notificationReceivers: _orgData.assistNotificationRecipients || [],\r\n emailCustomContent: _orgData.emailCustomContent || \"\"\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n\r\n fetchSettings = async () => {\r\n await this.props\r\n .getOrganizationId(this.props.match.params.id)\r\n .then(async (resp) => {\r\n if (resp.error) {\r\n notifyUser(resp.error.message, \"error\");\r\n this.props.history.push(\"./../../\");\r\n this.setState({ loading: false });\r\n } else {\r\n let _orgData = this.state.orgData;\r\n if (resp.data && resp.data.organizationId) {\r\n _orgData = resp.data;\r\n let currentUser = JSON.parse(localStorage.getItem(\"user\"));\r\n currentUser.logo = _orgData.logo;\r\n localStorage.setItem(\"user\", JSON.stringify(currentUser));\r\n this.props.getUserData();\r\n this.setState({\r\n hasLogo: _orgData && _orgData.logo !== null ? true : false,\r\n hasBackgroundImage: _orgData && _orgData.backgroundImage !== null ? true : false,\r\n hasWizardIcon: _orgData && _orgData.wizardIcons !== null ? true : false,\r\n hasWizardActiveIcon: _orgData && _orgData.wizardIconActive !== null ? true : false,\r\n defaultTheme: _orgData.themeId || 1,\r\n selectedColor:\r\n this.state.allThemes.length > 0\r\n ? this.state.allThemes.find((i) => i.themeId === (_orgData.themeId || 1)).primaryColor\r\n : null,\r\n IsEmail: _orgData.isEmailActive === true ? true : false,\r\n IsSms: _orgData.isSMSActive === true ? true : false,\r\n IsPushNotification: _orgData.isNotificationActive === true ? true : false,\r\n capLogoVisibility:\r\n _orgData.isCapLogoVisible === null || _orgData.isCapLogoVisible === true ? true : false,\r\n footerVisibility: _orgData.isFooterVisible === null || _orgData.isFooterVisible === true ? true : false,\r\n orgData: _orgData,\r\n footerText: _orgData.footerText,\r\n loading: false,\r\n riskFrequency: _orgData.riskReportFrequency,\r\n countries: _orgData.riskReportCountries,\r\n receivers: _orgData.riskReportUsers,\r\n notificationReceivers: _orgData.assistNotificationRecipients,\r\n emailCustomContent: _orgData.emailCustomContent || \"\"\r\n });\r\n } else {\r\n this.setState({ loading: false });\r\n }\r\n }\r\n })\r\n .catch((ex) => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n /* setAlertMediumOptions = (e) => {\r\n let _values = {};\r\n switch(e.target.value){\r\n case 'sms':\r\n _values.IsSms = e.target.checked;\r\n break;\r\n case 'email':\r\n _values.IsEmail = e.target.checked;\r\n break;\r\n case 'pushnotification':\r\n _values.IsPushNotification = e.target.checked;\r\n break;\r\n default:\r\n break;\r\n }\r\n this.setState(_values);\r\n } */\r\n\r\n setTheme = (selected, option) => {\r\n this.setState({\r\n themeId: selected,\r\n selectedColor: option.props.data_color\r\n });\r\n };\r\n\r\n changeTheme = (selected) => {\r\n this.setState({\r\n themeId: selected,\r\n defaultTheme: selected\r\n });\r\n };\r\n\r\n handleSubmit = async (e) => {\r\n e.preventDefault();\r\n let _this = this;\r\n this.setState({ loading: true });\r\n var receiversString = this.state.receivers.join(\";\");\r\n var countriesString = this.state.selectedCountries.join(\";\");\r\n var notificationReceiversString = this.state.notificationReceivers.join(\";\");\r\n const formData = new FormData();\r\n formData.append(\"file\", this.state.logo);\r\n formData.set(\"OrgId\", this.state.orgData.organizationId);\r\n formData.set(\"ThemeId\", this.state.themeId);\r\n /* formData.set('IsEmail', this.state.IsEmail);\r\n formData.set('IsSms', this.state.IsSms);\r\n formData.set('IsPushNotification', this.state.IsPushNotification); */\r\n formData.append(\"BackgroundLogoFile\", this.state.backgroundImage);\r\n formData.append(\"WizardIconFile\", this.state.wizardIcon);\r\n formData.append(\"WizardIconActiveFile\", this.state.wizardActiveIcon);\r\n formData.set(\"IsFooterVisible\", this.state.footerVisibility);\r\n formData.set(\"PrimaryColor\", this.state.primaryColor);\r\n formData.set(\"FooterText\", this.state.footerText);\r\n formData.set(\"IsCapLogoVisible\", this.state.capLogoVisibility);\r\n formData.set(\"RiskReportCountries\", countriesString);\r\n formData.set(\"RiskReportUsers\", receiversString);\r\n formData.set(\"RiskReportFrequency\", this.state.riskFrequency);\r\n formData.set(\"AssistNotificationRecipients\", notificationReceiversString);\r\n formData.set(\"EmailCustomContent\", this.state.emailCustomContent);\r\n\r\n let token = UserServices.getToken();\r\n let _headers = { \"Content-Type\": \"multipart/form-data\" };\r\n if (token) _headers[\"authorization\"] = token ? \"Bearer \" + token : undefined;\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n Axios({\r\n method: \"post\",\r\n url: config.API1 + \"/api/B2B2CSettings\",\r\n data: formData,\r\n headers: _headers\r\n })\r\n .then(function(_response) {\r\n let _currentUser = UserServices.getUser();\r\n if (_currentUser.companyID === _this.state.orgData.organizationId) {\r\n _currentUser.themeId = _this.state.themeId;\r\n localStorage.setItem(\"user\", JSON.stringify(_currentUser));\r\n document.body.setAttribute(\"class\", \"theme-\" + _this.state.themeId);\r\n }\r\n _this.setState(\r\n {\r\n logo: null,\r\n uploadFileName: \"\",\r\n backgroundImageUploadFileName: \"\",\r\n wizardIconUploadFileName: \"\",\r\n wizardActiveIconUploadFileName: \"\",\r\n loading: false\r\n },\r\n () => {\r\n _this.fetchSettings();\r\n }\r\n );\r\n notifyUser(currentAppLocale.messages[\"admin.organization.editsettings\"], \"success\");\r\n })\r\n .catch(function(_response) {\r\n console.log(\"Err: \", _response);\r\n _this.setState({ loading: false });\r\n });\r\n };\r\n\r\n imageUploadProps = (ImageStateObject, ImageStateNameString, acceptedTypes = \".jpg,.jpeg,.png\") => {\r\n let _this = this;\r\n const { language } = this.props;\r\n const currentAppLocale = AppLocale[language.locale];\r\n return {\r\n showUploadList: false,\r\n accept: acceptedTypes,\r\n multiple: false,\r\n beforeUpload: (file) => {\r\n let isValidFile = false;\r\n acceptedTypes.split(\",\").map((type) => {\r\n if (file.type.indexOf(type.replace(\".\", \"\")) > -1) {\r\n isValidFile = true;\r\n }\r\n });\r\n if (isValidFile === false) {\r\n message.error(currentAppLocale.messages[\"admin.fileupload.acceptedtypes\"]);\r\n _this.setState({\r\n [ImageStateObject]: null,\r\n [ImageStateNameString]: \"\"\r\n });\r\n } else {\r\n _this.setState({\r\n [ImageStateObject]: file,\r\n [ImageStateNameString]: file.name\r\n });\r\n }\r\n return false;\r\n },\r\n onRemove: (_file) => {\r\n _this.setState({\r\n [ImageStateObject]: null,\r\n [ImageStateNameString]: \"\"\r\n });\r\n },\r\n onSuccess: (_res) => {\r\n _this.setState({ [ImageStateObject]: null });\r\n },\r\n onError(_err) {\r\n message.error(
\r\n 0 ? this.state.defaultTheme : null}\r\n style={{ width: \"83%\" }}\r\n placeholder=\"--select--\"\r\n >\r\n {this.state.allThemes.length > 0\r\n ? this.state.allThemes.map(function(theme) {\r\n return (\r\n \r\n );\r\n })\r\n : \"\"}\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
\r\n \r\n
\r\n );\r\n }\r\n}\r\nAdminSettings.propTypes = {\r\n logo_url: PropTypes.string,\r\n getUserData: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.user, ...state.language };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...b2b2cOrgActions, ...userActions, ...adminActions, ...OrgActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"admin-settings\" })(AdminSettings);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import { Tabs, Form } from \"antd\";\r\nimport OrganizationPlan from \"../edit-organization/organization-plan\";\r\nimport PrimaryAddress from \"../edit-organization/primary-address\";\r\nimport AdminSettings from \"../edit-organization/settings\";\r\nimport React, { Component } from \"react\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as b2b2cOrgActions from \"../../../../redux/actions/b2b2c-organization-actions\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\n\r\nconst { TabPane } = Tabs;\r\nclass EditOrganization extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countries: [],\r\n productData: [],\r\n orgData: {},\r\n addData: false,\r\n activeTab: \"#address\",\r\n tab1title: \r\n \r\n
\r\n {this.state.orgData && this.state.orgData.organizationId ? (\r\n \r\n \r\n \r\n \r\n \r\n {Permission.isRole([\r\n \"Administrator\",\r\n \"CSR\",\r\n \"Admin\",\r\n \"Travel Manager\",\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\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cOrgActions }, dispatch);\r\n}\r\n// export default EditOrganization;\r\nconst WrappedForm = Form.create({ name: \"organization-plans\" })(\r\n EditOrganization\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport * as travellerActions from '../../../../redux/actions/travellers-actions';\r\nimport OrgAPI from '../../../../redux/api/b2b2c-organization-api';\r\nimport * as userActions from '../../../../redux/actions/user-actions';\r\nimport * as paginationActions from '../../../../redux/actions/pagination-actions';\r\nimport IntlMessages from '../../../../services/intlMesseges';\r\nimport { EditCell } from '../../../shared/components/helperCells';\r\nimport * as b2b2cActions from '../../../../redux/actions/b2b2c-actions';\r\nimport * as B2B2COrgActions from '../../../../redux/actions/b2b2c-organization-actions';\r\nimport moment from 'moment';\r\nimport axios from 'axios';\r\n\r\nimport { DatePicker } from 'antd';\r\nimport {\r\n Switch,\r\n Modal,\r\n Spin,\r\n Popover,\r\n Popconfirm,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Tabs,\r\n Upload,\r\n message,\r\n // Divider,\r\n Tooltip,\r\n Drawer,\r\n Form,\r\n Select,\r\n Radio\r\n} from 'antd';\r\nimport config, { API1 } from '../../../../../../config';\r\nimport Axios from 'axios';\r\nimport { notifyUser } from '../../../../services/notification-service';\r\nimport * as Permission from '../../../../services/permissions';\r\nimport * as UserServices from '../../../../services/user-service';\r\nimport AppLocale from '../../../../languageProvider';\r\nimport OrgTree from '../../../shared/components/orgTree';\r\n\r\nimport * as OrgPlanTypeActions from '../../../../redux/actions/org-plan-types';\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\nconst dateFormat = 'MM/DD/YYYY';\r\nconst dateFormatY = 'YYYY/MM/DD';\r\n\r\nclass ManageTravelers extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = 'travelers';\r\n this.state = {\r\n userStatus: [],\r\n currentPlanToUnassign: '',\r\n confirmDeactivateEmployeeVisible: false,\r\n disableAssignButton: false,\r\n loading: false,\r\n uploadingEmployees: false,\r\n organizationProductsInfo: [],\r\n showAssignPlan: true,\r\n isBulkUploadModalVisible: false,\r\n startdate: new Date(),\r\n enddate: new Date(),\r\n isSixMonthPlan: false,\r\n selectedPlanDays: 0,\r\n isThisGuardMeOrg: false,\r\n memberPlansList: [],\r\n usersGuardPlans: [],\r\n selctedPlanFromList: {},\r\n bulkUploadInstance: {\r\n sendEmailForNew: false,\r\n isAssignMembership: false,\r\n file: null,\r\n product: -1,\r\n uploadFileName: '',\r\n headers: []\r\n },\r\n bulkUpdateUsersInstance: {\r\n IsAddOrUpdateUsers: true\r\n },\r\n\r\n requiredFields: ['FirstName', 'LastName', 'Email', 'ContactNo', 'DateOfBirth'],\r\n appFields: [\r\n 'EmployeeId',\r\n 'FirstName',\r\n 'LastName',\r\n 'UserName',\r\n 'Email',\r\n 'ContactNo',\r\n 'CountryId',\r\n 'Address',\r\n 'State',\r\n 'AlternateFirstName',\r\n 'AlternateLastName',\r\n 'AlternateRelationship',\r\n 'AlternateContactNo',\r\n 'AlternateEmail',\r\n 'DateOfBirth',\r\n 'RelatedParentEmail',\r\n 'IsChild'\r\n ],\r\n mappedValues: {},\r\n fieldMapping: {},\r\n showMappingFields: false,\r\n data: [],\r\n activeTab: 'all',\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n }),\r\n filteredValue: this.getSelectedFilterValue('memberProduct'),\r\n ...this.getColumnSearchProps('membershipNumber')\r\n },\r\n {\r\n title:
\r\n {currentPlan.productName} \r\n
\r\n {currentPlan.licenseNumber} \r\n
\r\n {startdate + ' - ' + enddate}\r\n
\r\n ) : (\r\n 'No Active Plans'\r\n )}\r\n \r\n {currentPlan.licenseNumber} \r\n
\r\n {startdate + ' - ' + enddate}\r\n
\r\n \r\n );\r\n },\r\n filteredValue: this.getSelectedFilterValue('memberProduct'),\r\n ...this.getColumnSearchProps('membershipNumber')\r\n },\r\n {\r\n title:
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : '')}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)}\r\n disabled={selectedKeys != '' && selectedKeys !== null ? false : true}\r\n icon='search'\r\n size='small'\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size='small'\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName !== '' ? (\r\n
\r\n {this.state.showMappingFields && (\r\n \r\n
\r\n {this.state.bulkUploadInstance &&\r\n this.state.bulkUploadInstance.headers &&\r\n this.state.bulkUploadInstance.headers.length > 0 &&\r\n this.state.bulkUploadInstance.headers.map((header, index) => (\r\n\r\n this.handleMappingChange(header, e.target.value)}\r\n >\r\n \r\n {this.state.appFields.map((field) => (\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 No \r\n Yes \r\n \r\n \r\n
\r\n }\r\n {/* \r\n
\r\n\r\n No \r\n Yes \r\n \r\n \r\n
*/}\r\n \r\n
\r\n\r\n \r\n {this.state.licenseTotals\r\n ? this.state.licenseTotals.map((el) => {\r\n return (\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\n \r\n \r\n
\r\n
\r\n
\r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n {this.state.bulkUploadInstance &&\r\n this.state.bulkUploadInstance.headers &&\r\n this.state.bulkUploadInstance.headers.length > 0 &&\r\n this.state.bulkUploadInstance.headers.map((header, index) => (\r\n
\r\n
\r\n
\r\n
\r\n \r\n {el.product}: \r\n \r\n {el.usedLicenses} / {el.totalLicenses}\r\n \r\n
\r\n );\r\n })\r\n : ''\r\n }\r\n trigger='hover'\r\n >\r\n \r\n {this.state.allAssignedLicenses} / {this.state.allTotalLicenses}\r\n \r\n \r\n Active Licenses : {this.state.allActiveLicenses}\r\n \r\n \r\n Expired Licenses: {this.state.allExpiredLicenses}\r\n \r\n \r\n \r\n
- \r\n {this.state.isThisGuardMeOrg ? (\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\n
\r\n \r\n
\r\n \r\n \r\n {/* Edit Traveler */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nEditTraveler.propTypes = {\r\n location: PropTypes.object,\r\n updateTravellers: PropTypes.func,\r\n travellerDataById: PropTypes.object,\r\n validateTravellerEmail: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.traveller,\r\n ...state.user,\r\n ...state.b2c,\r\n ...state.language,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...travellerActions, ...b2b2cActions, ...userActions, ...AdminActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-traveler\" })(EditTraveler);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n GoogleApiWrapper({\r\n apiKey: \"AIzaSyAA_ayr9aMRSAPIugacjp_CL6S5ux_N4is\",\r\n })(WrappedForm)\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../../../redux/actions/user-actions\";\r\nimport * as travellerActions from \"../../../../../redux/actions/travellers-actions\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\nimport { Table, Icon, Input, Button, Row, Col, Typography, Tag, Tooltip } from \"antd\";\r\nimport moment from \"moment\";\r\nimport OrgAPI from \"../../../../../redux/api/b2b2c-organization-api\";\r\n\r\n//import Highlighter from 'react-highlight-words';\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nclass PlanType extends Component {\r\n state = {\r\n isGuardMe : false ,\r\n data: {},\r\n todayDate: Date,\r\n pagination: { pageSize: 10, current: 1 },\r\n filters: {}\r\n };\r\n\r\n getHeaderKeys = () => {\r\n return [\r\n {\r\n title: \r\n \r\n \r\n \r\n
\r\n {/* Edit Traveler ends*/}\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nPlanType.propTypes = {\r\n location: PropTypes.object,\r\n getUserListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...travellerActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n PlanType\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLogs from \"../../../audit-logs/audit-logs\";\r\n\r\nclass ActivityLog extends Component {\r\n \r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {/* this.props.history.goBack()}\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\nViewTravelers.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n};\r\n\r\nconst WrappedForm = Form.create({ name: \"edit-traveler\" })(ViewTravelers);\r\nexport default withRouter(\r\n connect(null, null, null, { forwardRef: true })(WrappedForm)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport {\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Form,\r\n Row,\r\n Col,\r\n Typography,\r\n Modal,\r\n Radio,\r\n DatePicker,\r\n Spin,\r\n} from \"antd\";\r\nimport { ViewCell } from \"../../../shared/components/helperCells\";\r\nimport * as orderActions from \"../../../../redux/actions/order-actions\";\r\nimport * as UserServices from \"../../../../services/user-service\";\r\nimport Config from \"../../../../../../config\";\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport OrgAPI from \"../../../../redux/api/b2b2c-organization-api\";\r\n\r\nconst dateFormathh = \"MM/DD/YYYY HH:mm:ss\";\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateDownloadFormat = \"YYYY-MM-DD\";\r\nconst { RangePicker } = DatePicker;\r\n\r\nlet now = new Date();\r\nlet start = moment(new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0, 0));\r\nlet end = moment(\r\n new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 0)\r\n);\r\n\r\nclass B2B2COrganizationOrderHistory extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ordersLoaded: false,\r\n loading: false,\r\n isLoading: true,\r\n currentPlanName: null,\r\n data: [],\r\n isGuardMeOrg: \"\",\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\"../../\")}\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 record.orderId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n B2B2COrganizationOrderHistory\r\n )\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../../redux/actions/order-actions\";\r\nimport * as UserActions from \"../../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport {\r\n Typography,\r\n Form,\r\n Button,\r\n Row,\r\n Col,\r\n Spin,\r\n Descriptions,\r\n Table,\r\n Tag,\r\n Tooltip,\r\n Modal,\r\n Input,\r\n} from \"antd\";\r\n\r\nimport TextArea from \"antd/lib/input/TextArea\";\r\nimport moment from \"moment\";\r\nimport * as Permission from \"../../../../services/permissions\";\r\nimport { notifyUser } from \"../../../../services/notification-service\";\r\nimport * as b2b2cActions from \"../../../../redux/actions/b2b2c-actions\";\r\nimport OrgAPI from \"../../../../redux/api/b2b2c-organization-api\";\r\n\r\nconst dateFormat = \"MM/DD/YYYY\";\r\nconst dateFormathh = \"MM/DD/YYYY - HH:mm:ss\";\r\nclass ViewOrder extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isGuardMeOrg: \"\",\r\n loading: false,\r\n updateCompanionModalVisible: false,\r\n currentCompanionId: null,\r\n currentCompanionEmail: null,\r\n currentCompanionPhone: null,\r\n currentCompanionOrgId: null,\r\n orderInfo: {},\r\n orderRefundModal: {\r\n loading: false,\r\n show: false\r\n },\r\n orderRefundModalData: {\r\n remarks: \"\",\r\n internalRemarks: \"\"\r\n }\r\n };\r\n }\r\n\r\n formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2,\r\n });\r\n async componentDidMount() {\r\n this.setState({ loading: true, id: this.props.match.params.orderId });\r\n this.loadOrder();\r\n\r\n await OrgAPI.getOrganization(this.props.match.params.id).then(\r\n (response) => {\r\n this.setState({ isGuardMeOrg: response.data.isGuardMeOrg });\r\n }\r\n );\r\n \r\n \r\n }\r\n\r\n resendMembershipInfo = async (id) => {\r\n await this.props.resendMembershipInfo(id);\r\n };\r\n \r\n resendProofOfBenefits = async (id) => {\r\n await this.props.resendProofOfBenefits(id)\r\n }\r\n\r\n\r\n loadOrder = async () => {\r\n const order = await this.props.getOrder(this.props.match.params.orderId);\r\n let pricecurrency = order.data.currency;\r\n this.setState({ currency: pricecurrency });\r\n \r\n this.setState({\r\n orderInfo: order.data,\r\n currentCompanionOrgId: order.data.orgId,\r\n });\r\n this.setState({ loading: false });\r\n };\r\n\r\n submitFormAdd = (data) => {\r\n this.props\r\n .addOrder(data)\r\n .then((item) => {\r\n this.setState({ loading: false });\r\n this.props.history.push(\"./\");\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n editItem = (id) => {\r\n this.props.history.push(\"../edit/\" + id)\r\n }\r\n\r\n submitFormEdit = (data) => {\r\n this.props\r\n .updateOrder(data)\r\n .then((item) => {\r\n if (item.error) {\r\n } else {\r\n this.props.history.push(\"./\");\r\n }\r\n\r\n this.setState({ loading: false });\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = \"\";\r\n } else {\r\n if (typeof values[key] == \"string\") {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return key;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values[\"id\"] = this.state.id;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleContactExistance(rule, value, callback) {\r\n //const re = /^[0-9']+$/;\r\n const re = /^(?=[+0-9]*$)(?!.*[<>'\"/;`%~@#$^*()_=[\\]{}|\\\\,.?: -])/;\r\n var test = re.test(value);\r\n if (value !== \"\" && (value.length < 6 || test === false)) {\r\n callback(\r\n
\r\n
\r\n \r\n \r\n \r\n {/* Refund Order Modal */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n { \r\n \r\n {\r\n let state = this.props.history.location.state;\r\n if (state) {\r\n let { fromTab, fromLink } = state;\r\n this.props.history.push(fromLink, { setTab: fromTab });\r\n } else {\r\n this.props.history.goBack();\r\n }\r\n }}\r\n >\r\n this.onOpenOrderRefundModal()}\r\n disabled={this.state.orderInfo && this.state.orderInfo.orderStatus === \"REFUNDED\"}\r\n >\r\n Refund Order\r\n \r\n )} \r\n {!this.state.isGuardMeOrg && Permission.isRole([\"Administrator\", \"CSR\", \"Super Admin\"]) && (\r\n this.resendProofOfBenefits(this.state.orderInfo.orderID)}\r\n hidden = {this.state.orderInfo.orderStatus === \"REFUNDED\"}\r\n >\r\n Send Benefits Email\r\n \r\n )} \r\n {!this.state.isGuardMeOrg && Permission.isRole([\"Administrator\", \"CSR\", \"Super Admin\"]) && (\r\n this.editItem(this.state.orderInfo.orderID)}\r\n hidden = {this.state.orderInfo.orderStatus === \"REFUNDED\"}\r\n >\r\n Edit Order\r\n \r\n )} \r\n {/* TODO Refund Condition */}\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...orderActions, ...UserActions, ...b2b2cActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"view-order\" })(ViewOrder);\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps, null, { forwardRef: true })(WrappedForm)\r\n);\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../../redux/actions/order-actions\";\r\nimport * as b2b2cActions from \"../../../../redux/actions/b2b2c-actions\";\r\nimport * as UserActions from \"../../../../redux/actions/user-actions\";\r\nimport IntlMessages from \"../../../../services/intlMesseges\";\r\nimport * as UserService from \"../../../../services/user-service\";\r\nimport { notifyUser } from '../../../../services/notification-service';\r\n\r\nimport { Typography, Form, Input, Button, Row, Col, Spin, DatePicker, Switch, Select } from \"antd\";\r\nimport moment from \"moment\";\r\nconst { Option } = Select;\r\nconst dateFormat = \"YYYY-MM-DD\";\r\nconst dateFormatY = \"YYYY-MM-DD\";\r\nclass EditOrder extends React.Component {\r\n state = {\r\n loading: false,\r\n order: {},\r\n confirmDirty: false,\r\n productId: 0,\r\n companyId: 0,\r\n orderNumber: '',\r\n orderSubmitterUserId: 0,\r\n quantity: 0,\r\n expiryDate: '',\r\n referrerCode: '',\r\n couponId: 0,\r\n isActive: true,\r\n totalOrderAmount: 0,\r\n transactionId: '',\r\n insertDate: '',\r\n insertUserId: 0,\r\n updateDate: '',\r\n updateUserId: 0,\r\n savedPlanCountriesList: [],\r\n countryDropDownData: [],\r\n travelCountriesId: [],\r\n };\r\n\r\n async componentDidMount() {\r\n // this.loadOrder();\r\n await this.props.getAllCountries();\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== 'new'\r\n ) {\r\n this.setState({ loading: true, id: this.props.match.params.id });\r\n const orderResponse = await this.props.getOrder(this.props.match.params.orderId);\r\n\r\n this.setState({ order: orderResponse.data });\r\n this.setState({ loading: false });\r\n }\r\n const travelCountries = this.state.order.membershipCountries.map((country) => {\r\n return country.countryId;\r\n });\r\n\r\n const filteredCountries = this.props.allCountries.filter((country) => {\r\n return country.tierId >= this.state.order.tierID;\r\n });\r\n this.setState({ countryDropDownData: filteredCountries, travelCountriesId: travelCountries });\r\n\r\n }\r\n\r\n // loadOrder = async () => {\r\n // const order = await this.props.getOrder(this.props.match.params.orderId);\r\n // let pricecurrency = order.data.currency;\r\n // this.setState({ currency: pricecurrency });\r\n // this.setState({\r\n // orderInfo: order.data,\r\n // currentCompanionOrgId: order.data.orgId,\r\n // });\r\n // this.setState({ loading: false });\r\n // };\r\n\r\n disabledDate = (current) => {\r\n const startDate = moment(this.state.order.coverageStartDate);\r\n const endDate = startDate.clone().add(this.state.order.maxDays - 1, 'days'); // Subtract 1 day from maxDays to get the inclusive end date\r\n return current && (current < startDate || current > endDate.endOf('day'));\r\n};\r\n \r\n submitFormAdd = (data) => {\r\n this.props\r\n .addOrder(data)\r\n .then((item) => {\r\n this.setState({ loading: false });\r\n this.props.history.push('./');\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n submitFormEdit = (data) => {\r\n \r\n if (data.CoverageEndDate.isBefore(data.CoverageStartDate)) {\r\n notifyUser(\"Invalid Start/ End Date.\", 'error');\r\n this.setState({ loading: false });\r\n return false;\r\n }\r\n data.CoverageStartDate = moment(data.CoverageStartDate).format('YYYY-MM-DDT00:00:00');\r\n data.CoverageEndDate = moment(data.CoverageEndDate).format('YYYY-MM-DDT00:00:00');\r\n \r\n \r\n this.props\r\n .updateOrder(data)\r\n .then((res) => {\r\n \r\n \r\n // this.setCoverageEndDate(data.CoverageEndDate);\r\n if (res.success) {\r\n this.setState({\r\n order: {\r\n ...this.state.order,\r\n days: moment(data.CoverageEndDate).diff(moment(data.CoverageStartDate), 'days') + 1\r\n }\r\n });\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch((err) => {\r\n // notifyUser(\"Error Adding Order\", 'error');\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFieldsAndScroll((err, values) => {\r\n if (!err) {\r\n Object.keys(values).map(function(key, _idx) {\r\n if (values[key] == null) {\r\n values[key] = '';\r\n } else {\r\n if (typeof values[key] == 'string') {\r\n values[key] = values[key].trim();\r\n }\r\n }\r\n return values;\r\n });\r\n this.setState({ loading: true });\r\n if (this.state.id && this.state.id > 0) {\r\n values['id'] = this.state.order.orderID;\r\n this.submitFormEdit(values);\r\n } else {\r\n this.submitFormAdd(values);\r\n }\r\n }\r\n });\r\n };\r\n\r\n onIsReceiveTravelAlertsChange = (checked) => {\r\n console.log(checked, !this.state.order.isReceiveTravelAlerts);\r\n this.setState({ order: { ...this.state.order, isReceiveTravelAlerts: checked } });\r\n };\r\n\r\n onCoverageStartDateChange = (date, dateString) => {\r\n console.log(date, dateString, 1);\r\n };\r\n\r\n setCoverageStartDate = (_obj, dateString) => {\r\n this.setState({\r\n order: {\r\n ...this.state.order,\r\n coverageStartDate: moment(_obj)\r\n .add(1, 'days')\r\n .format(dateFormatY),\r\n }\r\n });\r\n };\r\n\r\n setCoverageEndDate = (_obj, dateString) => {\r\n this.setState({\r\n order: {\r\n ...this.state.order,\r\n coverageEndDate: moment(_obj)\r\n .add(1, 'days')\r\n .format(dateFormatY),\r\n \r\n }\r\n });\r\n };\r\n\r\n render() {\r\n console.log(this.state.order);\r\n const { getFieldDecorator } = this.props.form;\r\n const { formLayout } = this.state;\r\n const formItemLayout =\r\n formLayout === 'horizontal'\r\n ? {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 14 }\r\n }\r\n : null;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.state.orderInfo.orderStatus || \"Not Available\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {!this.state.isGuardMeOrg ? (\r\n {this.state.orderInfo.expiryDate}
\r\n {!this.state.isGuardMeOrg ? (\r\n\r\n
\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n {!this.state.isGuardMeOrg ? (\r\n
\r\n \r\n {this.state.id === 0 ? (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...b2b2cActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-order\" })(EditOrder);\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(WrappedForm));\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../audit-logs/audit-logs\";\r\n\r\nclass B2B2COrganizationAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n return (\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 Order Number : {this.state.order && this.state.order.orderNumber}\r\n
\r\n \r\n\r\n Total Order Amount : {this.state.order && this.state.order.totalOrderAmount}\r\n
\r\n \r\n\r\n Total Order Retail Amount : {this.state.order && this.state.order.totalOrderRetailAmount}\r\n
\r\n \r\n\r\n Days : {this.state.order && this.state.order.days}\r\n
\r\n \r\n\r\n
\r\n {/* */}\r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n }\r\n closable={false}\r\n visible={this.state.assignRoleWarning}\r\n onOk={this.hideAssignRoleWarning}\r\n cancelButtonProps={{ style: { display: \"none\" } }}\r\n >\r\n }\r\n closable={false}\r\n visible={this.state.isBulkUploadModalVisible}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {\r\n this.state.bulkUploadInstance.uploadFileName !== \"\" ? \r\n
\r\n \r\n
\r\n\r\n No \r\n Yes \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {this.state.organizationProductsInfo\r\n ? this.state.organizationProductsInfo.map(el => {\r\n if((el.productQty - el.planConsumed) > 0){\r\n return (\r\n \r\n {el.productName}\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 {this.state.licenseTotals &&\r\n this.state.licenseTotals.length > 0 ? (\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n }\r\n \r\n \r\n
\r\n
\r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n : \r\n \"\"\r\n }\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n
\r\n
\r\n \r\n {el.product}: \r\n \r\n {el.usedLicenses} / {el.totalLicenses}\r\n \r\n
\r\n );\r\n })\r\n : \"\"\r\n }\r\n trigger=\"hover\"\r\n >\r\n \r\n {this.state.allAssignedLicenses} /{\" \"}\r\n {this.state.allTotalLicenses}\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\n \r\n
\r\n);\r\n\r\nclass EmployeeMap extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n initLoading: true,\r\n data: [],\r\n listData: [],\r\n pathCoordinates: [],\r\n currentUserId: 0,\r\n paginationToken: {},\r\n dataPickerDates: []\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n if (\r\n this.props.match &&\r\n this.props.match &&\r\n this.props.match.params &&\r\n this.props.match.params.id &&\r\n this.props.match.params.id !== \"new\"\r\n ) {\r\n this.setState({\r\n currentUserId: this.props.match.params.id,\r\n loading: true\r\n });\r\n this.getTravelerLocationsData();\r\n }\r\n }\r\n\r\n onLoadMore = () => {\r\n this.setState({\r\n loading: true\r\n });\r\n this.props\r\n .getTravellerLocations({\r\n filters: { userId: this.props.match.params.id },\r\n pagination: {\r\n pageSize: 10,\r\n paginationToken: this.state.paginationToken\r\n },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n let data = this.state.data.concat(resp.data);\r\n let pathData = this._bindPathCoordinates(data);\r\n if (Object.keys(resp.paginationToken).length === 2) {\r\n this.setState({ initLoading: false });\r\n }\r\n this.setState({\r\n data: data,\r\n listData: data,\r\n pathCoordinates: pathData,\r\n loading: false,\r\n paginationToken: resp.paginationToken\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n };\r\n\r\n dateChanged = dates => {\r\n this.setState({\r\n dataPickerDates: dates,\r\n loading: true\r\n });\r\n if (dates.length > 0) {\r\n let start = new Date(dates[0]);\r\n let end = new Date(dates[1]);\r\n\r\n let startDate = moment(\r\n new Date(\r\n start.getFullYear(),\r\n start.getMonth(),\r\n start.getDate(),\r\n 0,\r\n 0,\r\n 0,\r\n 0\r\n )\r\n ).format(\"X\");\r\n\r\n let endDate = moment(\r\n new Date(\r\n end.getFullYear(),\r\n end.getMonth(),\r\n end.getDate(),\r\n 23,\r\n 59,\r\n 59,\r\n 0\r\n )\r\n ).format(\"X\");\r\n\r\n this.getTravelerLocationsData(startDate, endDate);\r\n } else {\r\n this.getTravelerLocationsData();\r\n }\r\n };\r\n\r\n getTravelerLocationsData(startDate, endDate) {\r\n let filters = {};\r\n if (startDate && endDate) {\r\n filters = {\r\n userId: this.props.match.params.id,\r\n startDate: startDate,\r\n endDate: endDate\r\n };\r\n } else {\r\n filters = { userId: this.props.match.params.id };\r\n }\r\n\r\n this.props\r\n .getTravellerLocations({\r\n filters: filters,\r\n pagination: { current: 1, pageSize: 10 },\r\n sorter: {}\r\n })\r\n .then(resp => {\r\n let pathData = this._bindPathCoordinates(resp.data);\r\n if (Object.keys(resp.paginationToken).length === 2) {\r\n this.setState({ initLoading: false });\r\n }\r\n this.setState({\r\n data: resp.data,\r\n listData: resp.data,\r\n pathCoordinates: pathData,\r\n loading: false,\r\n paginationToken: resp.paginationToken\r\n });\r\n })\r\n .catch(ex => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n _bindPathCoordinates(data) {\r\n let tempArray = [];\r\n if (data && data.length > 0) {\r\n data.map(data => {\r\n tempArray.push({\r\n lat: data.latitude,\r\n lng: data.longitude\r\n });\r\n });\r\n return tempArray;\r\n }\r\n }\r\n\r\n fetchPlaces = ({ google }, map) => {\r\n if (this.state.listData && this.state.listData.length > 0) {\r\n const bounds = new window.google.maps.LatLngBounds();\r\n this.state.listData.map(data => {\r\n bounds.extend({ lat: data.latitude, lng: data.longitude });\r\n });\r\n map.panTo(bounds.getCenter());\r\n }\r\n };\r\n\r\n secondsToMS(seconds) {\r\n var d = Number(seconds);\r\n var h = Math.floor(d / 3600);\r\n var m = Math.floor(d % 3600 / 60);\r\n var s = Math.floor(d % 3600 % 60);\r\n\r\n var hDisplay = h > 0 ? h + (h == 1 ? \" hour, \" : \" hours, \") : \"\";\r\n var mDisplay = m > 0 ? m + (m == 1 ? \" minute, \" : \" minutes, \") : \"\";\r\n var sDisplay = s > 0 ? s + (s == 1 ? \" second\" : \" seconds\") : \"\";\r\n return hDisplay + mDisplay + sDisplay; \r\n }\r\n\r\n render() {\r\n const loadMore = this.state.initLoading ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {this.state.listData && this.state.listData.length > 0 ? (\r\n Past Locations \r\n \r\n {this.state.initLoading ? (\r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {moment.utc(this.state.listData[0].modifiedOnUtc).fromNow()}\r\n \r\n {\")\"}\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n {this.state.listData &&\r\n this.state.listData.length > 0 &&\r\n this.state.listData.map((marker, i) => {\r\n if (i == 0) {\r\n iconName = \"scheduled.png\";\r\n } else {\r\n iconName = \"traveler-route.png\";\r\n }\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n 0 ? (\r\n \r\n \r\n {this.state.userId > 0 ? (\r\n \r\n \r\n {/* \r\n this.props.location.state &&\r\n this.props.location.state.oldPath\r\n ? this.props.history.push(\r\n this.props.location.state.oldPath\r\n )\r\n : this.props.history.goBack()\r\n }\r\n >\r\n
\r\n
\r\n\r\n \r\n ) : (\r\n ''\r\n )}\r\n {this.props.match.params.id !== 'new' && (\r\n \r\n \r\n )}\r\n {this.props.match.params.id !== 'new' && (\r\n \r\n \r\n )}\r\n {this.props.match.params.id !== 'new' && (\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditB2B2COrganizationsTravel.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllExternalRoles: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...userActions, ...RolesActions, ...OrgActions, ...travellerActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-organization-employee\" })(\r\n EditB2B2COrganizationsTravel\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as OrgActions from \"../../../../../redux/actions/organization-actions\";\r\nimport OrgAPI from \"../../../../../redux/api/organization-api\";\r\n// import RolesAPI from \"../../../../../redux/api/roles-api\";\r\nimport * as UserActions from \"../../../../../redux/actions/user-actions\";\r\nimport * as paginationActions from \"../../../../../redux/actions/pagination-actions\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\nimport { notifyUser } from \"../../../../../services/notification-service\";\r\nimport {\r\n Switch,\r\n Modal,\r\n Spin,\r\n Popover,\r\n Tabs,\r\n Table,\r\n Icon,\r\n Input,\r\n Button,\r\n Row,\r\n Col,\r\n Typography,\r\n Upload,\r\n message,\r\n // Divider,\r\n Tooltip,\r\n Drawer,\r\n Form,\r\n Select,\r\n Radio\r\n} from \"antd\";\r\nimport { EditCell } from \"../../../../shared/components/helperCells\";\r\nimport config from \"../../../../../../../config\";\r\nimport * as UserServices from \"../../../../../services/user-service\";\r\nimport * as Permission from \"../../../../../services/permissions\";\r\nimport Axios from \"axios\";\r\nimport OrgTree from \"../../../../shared/components/orgTree\";\r\nimport AppLocale from \"../../../../../languageProvider\";\r\nconst { Option } = Select;\r\nconst { confirm } = Modal;\r\n\r\nclass EditOrganizationAgents extends Component {\r\n constructor(props){\r\n super(props);\r\n this.module = 'hybrid_employees';\r\n this.state = {\r\n userStatus: [],\r\n loadMoreOrg: true,\r\n uploadingEmployees: false,\r\n orgPagerCurrent: 1,\r\n currentOrganization: 0,\r\n currentEmployee: null,\r\n showAssignPlan: true,\r\n editPlanVisible: false,\r\n activeTab: 'all',\r\n employeesLoaded: false,\r\n isBulkUploadModalVisible: false,\r\n bulkUploadInstance: {\r\n sendEmailForNew: true,\r\n isAssignMembership: false,\r\n file: null,\r\n product: -1,\r\n uploadFileName: ''\r\n },\r\n organizationProducts: [],\r\n organizationProductsInfo: [],\r\n organizationLicenses: [],\r\n loading: true,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {this.props.match && this.props.match.params && this.props.match.params.id !== 'new' ? (\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={e =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: filtered => (\r\n \r\n { }\r\n closable={false}\r\n visible={this.state.isBulkUploadModalVisible}\r\n footer={[\r\n ,\r\n \r\n ]}\r\n >\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {\r\n this.state.bulkUploadInstance.uploadFileName !== \"\" ? \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 record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditOrganizationAgents.propTypes = {\r\n location: PropTypes.object,\r\n getAgentListing: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language,\r\n ...state.pagination\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions, ...UserActions, ...paginationActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-agent-plan\" })(\r\n EditOrganizationAgents\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport ActivityLog from \"../../../audit-logs/audit-logs\";\r\n\r\nclass BillingAuditLogs extends Component {\r\n state = {\r\n data: []\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n {this.state.bulkUploadInstance.uploadFileName}\r\n \r\n
\r\n : \r\n \"\"\r\n }\r\n \r\n \r\n \r\n {this.state.bulkUploadInstance.uploadFileName}\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 0 ? (\r\n \r\n \r\n {this.state.userId > 0 ? (\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n {/*this.props.match.params.id !== \"new\" && (\r\n \r\n \r\n )}\r\n {this.props.match.params.id !== \"new\" && (\r\n \r\n \r\n )} */}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEditB2B2COrganizationAgent.propTypes = {\r\n location: PropTypes.object,\r\n updateUser: PropTypes.func,\r\n getAllExternalRoles: PropTypes.func,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return { ...state.language, ...state.user };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...userActions, ...RolesActions, ...OrgActions, ...travellerActions },\r\n dispatch\r\n );\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-organization-agent\" })(\r\n EditB2B2COrganizationAgent\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\"\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { Row, Col, Typography, Button, List } from \"antd\"\r\nimport { connect } from \"react-redux\"\r\nimport { bindActionCreators } from \"redux\"\r\nimport IntlMessages from \"../../../services/intlMesseges\"\r\nimport * as UserService from \"../../../services/user-service\"\r\nimport * as paginationActions from \"../../../redux/actions/pagination-actions\"\r\nconst data = [\r\n {\r\n title: \"FocusPoint RB Portal - eCommerce\",\r\n description: \"FocusPoint RB Portal - eCommerce\",\r\n link: \"/admin/power-bi/sample-report\"\r\n }\r\n];\r\n\r\nconst data1 = [\r\n {\r\n title: \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {this.props.match && this.props.match.params && this.props.match.params.id !== 'new' ? (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n (\r\n this.viewreport(item.link)}>\r\n {item.title}}\r\n description={{item.description}}\r\n />\r\n \r\n )}\r\n />\r\n ) : (\r\n (\r\n this.viewreport(item.link)}>\r\n Select\r\n ,\r\n ]}\r\n >\r\n {item.title}}\r\n description={{item.description}}\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\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.pagination,\r\n }\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...paginationActions }, dispatch)\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(PowerBIReports)\r\n)\r\n","import React, { Component } from \"react\"\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { connect } from \"react-redux\"\r\nimport { ViewCell } from \"../../../shared/components/helperCells\"\r\nimport { bindActionCreators } from \"redux\"\r\nimport { CSVLink } from \"react-csv\"\r\nimport moment from \"moment\"\r\nimport { Table, Row, Col, Typography, Button, Input, Icon, Tooltip, Select, Tabs } from \"antd\"\r\nimport IntlMessages from \"../../../../services/intlMesseges\"\r\nimport * as travellersReportActions from \"../../../../redux/actions/travellers-report-actions\"\r\nimport * as UserService from \"../../../../services/user-service\"\r\nimport PrintComponents from \"react-print-components\"\r\n// import PrintAbleComponent from \"../printable-component.jsx\";\r\nimport * as Permissions from \"../../../../services/permissions\"\r\nimport axios from \"axios\"\r\nimport travellerapi from \"../../../../redux/api/travellers-report-api\"\r\nimport * as UserServices from \"../../../../services/user-service\"\r\nconst { TabPane } = Tabs\r\nconst { Option } = Select\r\n\r\nclass SampleReport extends Component {\r\n state = {\r\n travellerList: [],\r\n alltravellerList: [],\r\n pagination: {\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) => setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")}\r\n onPressEnter={() =>\r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(selectedKeys, confirm, dataIndex, clearFilters, setSelectedKeys)\r\n }\r\n disabled={selectedKeys != \"\" && selectedKeys !== null ? false : true}\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n )\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n FocusPoint RB Portal - eCommerce \r\n \r\n
\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {}\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...travellersReportActions }, dispatch)\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(SampleReport)\r\n)\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as orderActions from \"../../../../../redux/actions/order-actions\";\r\n//import * as OrgActions from \"../../../../../redux/actions/organization-actions\";\r\nimport * as B2B2COrgActions from \"../../../../../redux/actions/b2b2c-organization-actions\";\r\nimport IntlMessages from \"../../../../../services/intlMesseges\";\r\n// import Moment from \"react-moment\";\r\nimport { Typography, Form, Button, Row, Col, Table, Input, Icon } from \"antd\";\r\n\r\nimport moment from \"moment\";\r\nconst dateFormat = \"MM/DD/YYYY - HH:mm\";\r\n\r\nclass EditB2B2cOrganizationLicense extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n organizationName: null,\r\n loading: false,\r\n data: [],\r\n orderInfo: {},\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n - \r\n
- \r\n \r\n \r\n
\r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n placeholder={`Search ${dataIndex}`}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\"./\")}\r\n >\r\n
\r\n
\r\n\r\n
\r\n \r\n record.userId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.handleTableChange}\r\n scroll={{ x: \"100%\" }}\r\n />\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...orderActions, ...B2B2COrgActions }, dispatch);\r\n}\r\nconst WrappedForm = Form.create({ name: \"edit-order\" })(\r\n EditB2B2cOrganizationLicense\r\n);\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport IntlMessages from \"../../../../../../app/services/intlMesseges\";\r\nimport {\r\n Popover,\r\n Typography,\r\n Table,\r\n Input,\r\n Button,\r\n Icon,\r\n Row,\r\n Col,\r\n Tooltip,\r\n} from \"antd\";\r\nimport * as OrgActions from \"../../../../../redux/actions/organization-actions\";\r\nimport * as Permission from \"../../../../../services/permissions\";\r\nimport * as paginationActions from \"../../../../../redux/actions/pagination-actions\";\r\nimport * as B2B2COrgActions from \"../../../../../redux/actions/b2b2c-organization-actions\";\r\nclass OrganizationB2b2cLicenseList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.module = \"licenses\";\r\n this.state = {\r\n organizationName: null,\r\n allTotalLicenses: 0,\r\n allAssignedLicenses: 0,\r\n licenseTotals: [],\r\n searchText: \"\",\r\n dataLoaded: false,\r\n loading: false,\r\n data: [],\r\n pagination: {\r\n pageSize: 10,\r\n current: 1,\r\n hideOnSinglePage: true,\r\n showTotal: (total, range) => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys}\r\n onChange={(e) =>\r\n setSelectedKeys(e.target.value ? e.target.value.trimLeft() : \"\")\r\n }\r\n onPressEnter={() =>\r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n style={{ width: 188, marginBottom: 8, display: \"block\" }}\r\n />\r\n \r\n this.handleSearch(\r\n selectedKeys,\r\n confirm,\r\n dataIndex,\r\n clearFilters,\r\n setSelectedKeys\r\n )\r\n }\r\n disabled={\r\n selectedKeys != \"\" && selectedKeys !== null ? false : true\r\n }\r\n icon=\"search\"\r\n size=\"small\"\r\n style={{ width: 90, marginRight: 8 }}\r\n >\r\n this.handleReset(clearFilters, dataIndex)}\r\n size=\"small\"\r\n style={{ width: 90 }}\r\n >\r\n
\r\n );\r\n },\r\n filterIcon: (filtered) => (\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 record.licenseId}\r\n dataSource={this.state.data}\r\n pagination={this.state.pagination}\r\n loading={this.state.loading}\r\n onChange={this.tableChange}\r\n scroll={{ x: \"100%\" }}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.pagination,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...OrgActions, ...paginationActions, ...B2B2COrgActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n OrganizationB2b2cLicenseList\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport AdminHome from \"../components/admin-dash/admin-home/admin-home\";\r\nimport UserListing from \"../components/admin-dash/user-listing/index\";\r\nimport UserEdit from \"../components/admin-dash/manage-users/edit\";\r\nimport UserCovid from \"../components/user-dash/user-covid/user-covid\";\r\nimport ManageUsers from \"../components/admin-dash/manage-users\";\r\nimport GlobalSearch from '../components/admin-dash/global-search';\r\nimport ManageProducts from \"../components/admin-dash/manage-products\";\r\nimport ProductEdit from \"../components/admin-dash/manage-products/edit\";\r\nimport ManageRoles from \"../components/admin-dash/roles/list\";\r\nimport EditRole from \"../components/admin-dash/roles/edit\";\r\nimport ManageTravelers from \"../components/admin-dash/manage-travelers\";\r\nimport ViewTraveler from \"../components/admin-dash/manage-travelers/view-travelers\";\r\nimport Organizations from \"../components/admin-dash/organizations/list\";\r\nimport EditOrganization from \"../components/admin-dash/organizations/edit-organization/edit-organization\";\r\nimport EditOrganizationEmployees from \"../components/admin-dash/organizations/edit-organization/employees/list\";\r\nimport EditOrganizationEmployee from \"../components/admin-dash/organizations/edit-organization/employees/edit\";\r\nimport OrganizationLicenseList from \"../components/admin-dash/organizations/edit-organization/license/list\";\r\nimport EditOrganizationLicense from \"../components/admin-dash/organizations/edit-organization/license/edit\";\r\nimport OrganizationOrderHistory from \"../components/admin-dash/organizations/order-history/order-history\";\r\nimport AddOrganization from \"../components/admin-dash/organizations/add-organization/add-organization\";\r\n//import EditOrganization from \"../components/admin-dash/organizations/edit\";\r\nimport OrganizationChildList from \"../components/admin-dash/organizations/edit-organization/employees/child-list/list\";\r\n//import ViewOrganization from \"../components/admin-dash/organizations/edit-organization/employees/child-list/view\";\r\nimport Orders from \"../components/admin-dash/orders\";\r\nimport EditOrder from \"../components/admin-dash/orders/edit\";\r\nimport ViewOrder from \"../components/admin-dash/orders/view\";\r\nimport OrganizationTypes from \"../components/admin-dash/organizations/types/list\";\r\nimport EditOrganizationType from \"../components/admin-dash/organizations/types/edit\";\r\nimport Pricing from \"../components/admin-dash/pricing/pricing\";\r\nimport ViewPricing from \"../components/admin-dash/pricing/view\";\r\nimport AddPricing from \"../components/admin-dash/pricing/add\";\r\nimport Countries from \"../components/admin-dash/countries\";\r\nimport CountriesInfo from \"../components/admin-dash/countries/infos\";\r\nimport ManageTiers from \"../components/admin-dash/manage-tiers\";\r\nimport ManageDayPackages from \"../components/admin-dash/manage-day-packages\";\r\nimport TiersEdit from \"../components/admin-dash/manage-tiers/edit\";\r\nimport DayPackagesEdit from \"../components/admin-dash/manage-day-packages/edit\";\r\nimport ManageCountries from \"../components/admin-dash/manage-countries\";\r\nimport CountriesEdit from \"../components/admin-dash/manage-countries/edit\";\r\nimport ManageStates from \"../components/admin-dash/manage-states\";\r\nimport StatesEdit from \"../components/admin-dash/manage-states/edit\";\r\nimport ManagePromoCodes from \"../components/admin-dash/pricing/promo-codes/list\";\r\nimport EditPromoCode from \"../components/admin-dash/pricing/promo-codes/edit\";\r\nimport GeoFencingList from \"../components/admin-dash/maps/geo-fencing-list\";\r\nimport Maps from \"../components/admin-dash/maps/view\";\r\nimport AreaInterest from \"../components/admin-dash/area-interest/area-interest\";\r\nimport AssetTracking from \"../components/admin-dash/area-interest/index\";\r\nimport AccountBilling from \"../components/admin-dash/accounts-billing\";\r\nimport TravelerInvoice from \"../components/admin-dash/accounts-billing/travellers-billing/view-invoice\";\r\n//import OrganizationInvoices from \"../components/admin-dash/accounts-billing/organization-account/organization-invoices\";\r\nimport OrganizationInvoice from \"../components/admin-dash/accounts-billing/organization-account/view-invoice\";\r\nimport ViewOrganizationOrder from \"../components/admin-dash/organizations/order-history/view\";\r\nimport AdminProfile from \"../components/admin-dash/admin-profile/admin-profile\";\r\nimport AdminChangePassword from \"../components/admin-dash/admin-profile/change-password\";\r\nimport CustomAlertList from \"../components/admin-dash/custom-alert/index\";\r\nimport CustomAlert from \"../components/admin-dash/custom-alert/custom-alert\";\r\nimport CustomAlertView from \"../components/admin-dash/custom-alert/custom-alert-view\";\r\nimport UserAuditLogs from \"../components/admin-dash/manage-users/audit-logs\";\r\nimport BillingAuditLogs from \"../components/admin-dash/accounts-billing/audit-logs\";\r\nimport ActiveTravelerList from \"../components/admin-dash/reports/active-traveler-list/index\";\r\nimport WhereareTravelers from \"../components/admin-dash/reports/where-my-travelers/index\";\r\nimport TravelersbyDestDate from \"../components/admin-dash/reports/travelers-by-dest-date/index\";\r\nimport TravelersRiskLevel from \"../components/admin-dash/reports/travelers-by-risk-level/index\";\r\nimport WhereareTravelersResult from \"../components/admin-dash/reports/where-my-travelers/search\";\r\nimport TravelersbyDestDatersResult from \"../components/admin-dash/reports/travelers-by-dest-date/search\";\r\nimport EmployeesonthesameFlight from \"../components/admin-dash/reports/Employees-on-the-same-flight/index\";\r\nimport DomesticInternational from \"../components/admin-dash/reports/domestic-international/index\";\r\nimport DomesticInternationalResult from \"../components/admin-dash/reports/domestic-international/search\";\r\nimport OrganizationAuditLogs from \"../components/admin-dash/organizations/audit-logs\";\r\nimport ProductAuditLogs from \"../components/admin-dash/manage-products/audit-logs\";\r\nimport SegmentAnalysis from \"../components/admin-dash/reports/segment-analysis-report/index\";\r\nimport AirportReport from \"../components/admin-dash/reports/airport-report/index\";\r\nimport AirportResult from \"../components/admin-dash/reports/airport-report/search\";\r\nimport ArrivalReport from \"../components/admin-dash/reports/arrival-report/index\";\r\nimport ArrivalResult from \"../components/admin-dash/reports/arrival-report/search\";\r\n// import arrivalReport from \"../components/admin-dash/reports/arrival-report/index\";\r\nimport DepartureReport from \"../components/admin-dash/reports/departure-report/index\";\r\nimport DepartureResult from \"../components/admin-dash/reports/departure-report/search\";\r\nimport SearchFlightReport from \"../components/admin-dash/reports/search-by-flight/index\";\r\nimport SearchByPnr from \"../components/admin-dash/reports/search-by-pnr/index\";\r\nimport SearchFlightResult from \"../components/admin-dash/reports/search-by-flight/search\";\r\nimport ActiveHotelList from \"../components/admin-dash/reports/hotel-report/index\";\r\nimport ActiveCarList from \"../components/admin-dash/reports/car-report/index\";\r\nimport TravelersByActiveAlertReport from \"../components/admin-dash/reports/travelers-by-active-alert/index\"\r\nimport ViewTravelersByActiveAlertReport from \"../components/admin-dash/reports/travelers-by-active-alert/view\"\r\nimport ReportList from \"../components/admin-dash/reports/index\";\r\nimport UpdateItinerary from \"../components/admin-dash/manage-itinerary/update-itinerary\";\r\nimport UpdateManualItinerary from \"../components/admin-dash/manage-itinerary/update-manual-itinerary\";\r\nimport EditItinerary from \"../components/admin-dash/manage-itinerary/edit\";\r\nimport EditManualItinerary from \"../components/admin-dash/manage-itinerary/editItinerary\";\r\nimport ListDivisonOrganization from \"../components/admin-dash/organizations/division/list-division\";\r\nimport EditDivisonOrganization from \"../components/admin-dash/organizations/division/edit-division/edit-division\";\r\nimport AddDivisonOrganization from \"../components/admin-dash/organizations/division/add-division/add-division\";\r\n// import { AccountsBilling } from \"../components/shared/svg/svg/home-icon\";\r\nimport Notifications from \"../components/Notifications/notifications\";\r\nimport ReloadId from \"../components/shared/components/reloadId\";\r\nimport TravelerItineraryViewer from \"../components/user-dash/dashboard-travel-manager/traveler-map/traveler-itinerary-viewer\";\r\nimport TravelerManualItineraryViewer from \"../components/user-dash/dashboard-travel-manager/traveler-map/traveler-manualitinerary-viewer\";\r\nimport TravellerItinerayMapComponent from \"../components/user-dash/dashboard-travel-manager/traveler-map/itinerary-details-map\";\r\nimport PricingAuditLogs from \"../components/admin-dash/pricing/pricing-logs\"\r\nimport NAVReportB2B from \"../components/admin-dash/nav-reports/b2b\";\r\nimport NAVReportB2C from \"../components/admin-dash/nav-reports/b2c\";\r\nimport NotFound from \"../components/shared/components/404.jsx\";\r\nimport B2B2COrganizations from \"../components/admin-dash/b2b2c-organizations/list\";\r\nimport B2B2CListDivisonOrganization from \"../components/admin-dash/b2b2c-organizations/division/list-division\";\r\nimport B2B2CEditDivisonOrganization from \"../components/admin-dash/b2b2c-organizations/division/edit-division/edit-division\";\r\nimport B2B2CAddDivisonOrganization from \"../components/admin-dash/b2b2c-organizations/division/add-division/add-division\";\r\nimport AddB2B2COrganization from \"../components/admin-dash/b2b2c-organizations/add-organization/add-organization\";\r\nimport EditB2B2COrganization from \"../components/admin-dash/b2b2c-organizations/edit-organization/edit-organization\";\r\nimport B2B2COrganizationTravelersList from \"../components/admin-dash/b2b2c-organizations/travelers/list\";\r\nimport ViewB2B2COrganizationTraveler from \"../components/admin-dash/b2b2c-organizations/travelers/view\";\r\nimport EditTraveler from \"../components/admin-dash/b2b2c-organizations/travelers/edit/edit\";\r\nimport B2B2COrganizationOrderHistory from \"../components/admin-dash/b2b2c-organizations/order-history/order-history\";\r\nimport ViewB2B2COrganizationOrder from \"../components/admin-dash/b2b2c-organizations/order-history/view\";\r\nimport EditB2B2COrganizationOrder from \"../components/admin-dash/b2b2c-organizations/order-history/edit\";\r\nimport B2B2COrganizationAuditLogs from \"../components/admin-dash/b2b2c-organizations/audit-logs\";\r\nimport CustomizeEmailsList from \"../components/common/customize-emails/list\";\r\nimport EditCustomizeEmail from \"../components/common/customize-emails/edit\";\r\nimport EditB2B2COrganizationTrvelor from \"../components/admin-dash/b2b2c-organizations/edit-organization/traveler/list\";\r\nimport EditB2B2COrganizationsTravel from \"../components/admin-dash/b2b2c-organizations/edit-organization/traveler/edit\";\r\nimport EditB2B2COrganizationAgents from \"../components/admin-dash/b2b2c-organizations/edit-organization/agents/list\";\r\nimport EditB2B2COrganizationAgent from \"../components/admin-dash/b2b2c-organizations/edit-organization/agents/edit\";\r\nimport PowerBIReports from \"../components/admin-dash/power-bi/index\";\r\nimport SamplePowerBIReport from \"../components/admin-dash/power-bi/sample-report\";\r\nimport EditB2B2cOrganizationLicense from \"../components/admin-dash/b2b2c-organizations/edit-organization/license/edit.jsx\";\r\nimport OrganizationB2b2cLicenseList from \"../components/admin-dash/b2b2c-organizations/edit-organization/license/list.jsx\";\r\n\r\nconst routes = [\r\n {\r\n path: '',\r\n component: AdminHome\r\n },\r\n {\r\n path: 'covid',\r\n component: UserCovid\r\n },\r\n {\r\n path: 'musers',\r\n component: UserListing\r\n },\r\n {\r\n path: 'musers/:id',\r\n component: UserEdit\r\n },\r\n {\r\n path: 'search',\r\n component: GlobalSearch\r\n },\r\n {\r\n path: 'users',\r\n component: ManageUsers\r\n },\r\n {\r\n path: 'users/:id',\r\n component: UserEdit\r\n },\r\n {\r\n path: 'products',\r\n component: ManageProducts\r\n },\r\n {\r\n path: 'products/:id',\r\n component: ProductEdit\r\n },\r\n {\r\n path: 'roles',\r\n component: ManageRoles\r\n },\r\n {\r\n path: 'roles/:id',\r\n component: EditRole\r\n },\r\n {\r\n path: 'travelers',\r\n component: ManageTravelers\r\n },\r\n {\r\n path: 'travelers/:id',\r\n component: ViewTraveler\r\n },\r\n {\r\n path: 'organizations',\r\n component: Organizations\r\n },\r\n {\r\n path: 'organizations/edit/:id',\r\n component: EditOrganization\r\n },\r\n {\r\n path: 'organizations/edit/:id/employees',\r\n component: EditOrganizationEmployees\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/employees/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'organizations/edit/:id/license',\r\n component: OrganizationLicenseList\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/license/:id',\r\n component: EditOrganizationLicense\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/employees/child-list/:id',\r\n component: OrganizationChildList\r\n },\r\n {\r\n path: 'organizations/edit/:orgid/employees/child-list/:id/edit/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/employees/child-list/:id',\r\n component: OrganizationChildList\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/employees/child-list/:id/edit/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'organizations/:orgid/order-history',\r\n component: OrganizationOrderHistory\r\n },\r\n {\r\n path: 'organizations/add',\r\n component: AddOrganization\r\n },\r\n {\r\n path: 'orders',\r\n component: Orders\r\n },\r\n {\r\n path: 'orders/edit/:id',\r\n component: EditOrder\r\n },\r\n {\r\n path: 'orders/:id',\r\n component: ViewOrder\r\n },\r\n {\r\n path: 'organization-types',\r\n component: OrganizationTypes\r\n },\r\n {\r\n path: 'organization-types/:id',\r\n component: EditOrganizationType\r\n },\r\n {\r\n path: 'pricing',\r\n component: Pricing\r\n },\r\n {\r\n path: 'pricing/view/:id',\r\n component: ViewPricing\r\n },\r\n {\r\n path: 'pricing/add',\r\n component: AddPricing\r\n },\r\n {\r\n path: 'countries',\r\n component: Countries\r\n },\r\n {\r\n path: 'countries/:id',\r\n component: CountriesInfo\r\n },\r\n {\r\n path: 'tiers',\r\n component: ManageTiers\r\n },\r\n {\r\n path: 'day-packages',\r\n component: ManageDayPackages\r\n },\r\n {\r\n path: 'tiers/:id',\r\n component: TiersEdit\r\n },\r\n {\r\n path: 'day-packages/:id',\r\n component: DayPackagesEdit\r\n },\r\n {\r\n path: 'tier-countries',\r\n component: ManageCountries\r\n },\r\n {\r\n path: 'tier-countries/:id',\r\n component: CountriesEdit\r\n },\r\n {\r\n path: 'tier-states',\r\n component: ManageStates\r\n },\r\n {\r\n path: 'tier-states/:id',\r\n component: StatesEdit\r\n },\r\n {\r\n path: 'promo-codes',\r\n component: ManagePromoCodes\r\n },\r\n {\r\n path: 'promo-codes/:id',\r\n component: EditPromoCode\r\n },\r\n {\r\n path: 'custom-alert',\r\n component: CustomAlertList\r\n },\r\n {\r\n path: 'custom-alert/add',\r\n component: CustomAlert\r\n },\r\n {\r\n path: 'custom-alert/view/:id',\r\n component: CustomAlertView\r\n },\r\n // {\r\n // path: \"geofencing\",\r\n // component: GeoFencingList\r\n // },\r\n // {\r\n // path: \"geofencing/:id\",\r\n // component: Maps\r\n // },\r\n {\r\n path: 'geofencing/find/org/:pathKey/',\r\n component: ReloadId\r\n },\r\n {\r\n path: 'geofencing/:orgid/',\r\n component: GeoFencingList\r\n },\r\n {\r\n path: 'geofencing/:orgid/:id/',\r\n component: Maps\r\n },\r\n {\r\n path: 'asset-tracking/find/org/:pathKey/',\r\n component: ReloadId\r\n },\r\n {\r\n path: 'asset-tracking/:orgid/',\r\n component: AssetTracking\r\n },\r\n {\r\n path: 'asset-tracking/:orgid/:id/',\r\n component: AreaInterest\r\n },\r\n {\r\n path: 'accounts-billing',\r\n component: AccountBilling\r\n },\r\n {\r\n path: 'accounts-billing/:id',\r\n component: AccountBilling\r\n },\r\n // {\r\n // path: \"accounts-billing/organization/:id\",\r\n // component: OrganizationInvoices\r\n // },\r\n {\r\n path: 'accounts-billing/invoice/:id',\r\n component: TravelerInvoice\r\n },\r\n {\r\n path: 'accounts-billing/organization-invoice/:id',\r\n component: OrganizationInvoice\r\n },\r\n {\r\n path: 'organizations/:orgid/order-history/:id',\r\n component: ViewOrganizationOrder\r\n },\r\n {\r\n path: 'my-profile',\r\n component: AdminProfile\r\n },\r\n {\r\n path: 'my-profile/change-password',\r\n component: AdminChangePassword\r\n },\r\n {\r\n path: 'accounts-billing/audit-logs/:id',\r\n component: BillingAuditLogs\r\n },\r\n {\r\n path: 'user/audit-logs/:id',\r\n component: UserAuditLogs\r\n },\r\n {\r\n path: 'reports/active-traveler-list',\r\n component: ActiveTravelerList\r\n },\r\n {\r\n path: 'reports/Where-are-my-travelers',\r\n component: WhereareTravelers\r\n },\r\n {\r\n path: 'reports/Where-are-my-travelers/search',\r\n component: WhereareTravelersResult\r\n },\r\n {\r\n path: 'reports/travelers-by-dest-date',\r\n component: TravelersbyDestDate\r\n },\r\n {\r\n path: 'reports/travelers-by-dest-date/search',\r\n component: TravelersbyDestDatersResult\r\n },\r\n {\r\n path: 'reports/travelers-by-risk-level',\r\n component: TravelersRiskLevel\r\n },\r\n {\r\n path: 'reports/employees-on-the-same-flight',\r\n component: EmployeesonthesameFlight\r\n },\r\n {\r\n path: 'reports/domestic-international',\r\n component: DomesticInternational\r\n },\r\n {\r\n path: 'reports/domestic-international/search',\r\n component: DomesticInternationalResult\r\n },\r\n {\r\n path: 'products/product-logs/:id',\r\n component: ProductAuditLogs\r\n },\r\n {\r\n path: 'organizations/organization-logs/:id',\r\n component: OrganizationAuditLogs\r\n },\r\n {\r\n path: 'reports/segment-analysis-report',\r\n component: SegmentAnalysis\r\n },\r\n {\r\n path: 'reports/airport-report',\r\n component: AirportReport\r\n },\r\n {\r\n path: 'reports/airport-report/search',\r\n component: AirportResult\r\n },\r\n {\r\n path: 'reports/arrival-report',\r\n component: ArrivalReport\r\n },\r\n {\r\n path: 'reports/arrival-report/search',\r\n component: ArrivalResult\r\n },\r\n {\r\n path: 'reports/departure-report',\r\n component: DepartureReport\r\n },\r\n {\r\n path: 'reports/departure-report/search',\r\n component: DepartureResult\r\n },\r\n {\r\n path: 'reports/search-by-flight',\r\n component: SearchFlightReport\r\n },\r\n {\r\n path: 'reports/search-by-pnr',\r\n component: SearchByPnr\r\n },\r\n {\r\n path: 'reports/search-by-flight/search',\r\n component: SearchFlightResult\r\n },\r\n {\r\n path: 'reports/active-hotel',\r\n component: ActiveHotelList\r\n },\r\n {\r\n path: 'reports/active-car-report',\r\n component: ActiveCarList\r\n },\r\n {\r\n path: 'reports/travelers-by-active-alert',\r\n component: TravelersByActiveAlertReport\r\n },\r\n {\r\n path: 'reports/travelers-by-active-alert/view/:startDate/:endDate/:id',\r\n component: ViewTravelersByActiveAlertReport\r\n },\r\n {\r\n path: 'reports/',\r\n component: ReportList\r\n },\r\n {\r\n path: 'power-bi/',\r\n component: PowerBIReports\r\n },\r\n {\r\n path: 'power-bi/sample-report',\r\n component: SamplePowerBIReport\r\n },\r\n {\r\n path: 'manage-itinerary/list/:orgid/:id',\r\n component: UpdateManualItinerary\r\n },\r\n /*{\r\n path: \"manage-manual-itinerary/list/:orgid/:id\",\r\n component: UpdateItinerary\r\n },*/\r\n {\r\n path: 'manage-itinerary/edit/:orgid/:divid/:id',\r\n component: EditManualItinerary\r\n },\r\n /*{\r\n path: \"manage-manual-itinerary/edit/:orgid/:divid/:id\",\r\n component: EditItinerary\r\n },*/\r\n {\r\n path: 'organizations/:id/divisions/',\r\n component: ListDivisonOrganization\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/edit/',\r\n component: EditDivisonOrganization\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/employees/',\r\n component: EditOrganizationEmployees\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/order-history/',\r\n component: OrganizationOrderHistory\r\n },\r\n {\r\n path: 'organizations/:id/divisions/:divid/invoices/',\r\n component: AccountBilling\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:id/logs/',\r\n component: OrganizationAuditLogs\r\n },\r\n {\r\n path: 'organizations/:id/divisions/add/',\r\n component: AddDivisonOrganization\r\n },\r\n {\r\n path: 'notifications',\r\n component: Notifications\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/employees/:id',\r\n component: EditOrganizationEmployee\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/order-history/:id',\r\n component: ViewOrganizationOrder\r\n },\r\n {\r\n path: 'organizations/:orgid/divisions/:divid/organization-invoice/:id',\r\n component: OrganizationInvoice\r\n },\r\n {\r\n path: 'traveler-itinerary-viewer/:pnrId/:email',\r\n component: TravelerItineraryViewer\r\n },\r\n {\r\n path: 'traveler-manualitinerary-viewer/:pnrId',\r\n component: TravelerManualItineraryViewer\r\n },\r\n {\r\n path: 'traveller-itineray-details',\r\n component: TravellerItinerayMapComponent\r\n },\r\n {\r\n path: 'pricing/logs/:id',\r\n component: PricingAuditLogs\r\n },\r\n {\r\n path: 'nav-report/B2B/',\r\n component: NAVReportB2B\r\n },\r\n {\r\n path: 'nav-report/B2C/',\r\n component: NAVReportB2C\r\n },\r\n\r\n //Main travelers router\r\n\r\n {\r\n path: 'b2b2c-organizations/:orgid/travelers/:id',\r\n component: EditTraveler\r\n },\r\n\r\n //Division b2b2c organizations router\r\n {\r\n path: 'b2b2c-organizations/:id/divisions/',\r\n component: B2B2CListDivisonOrganization\r\n },\r\n {\r\n path: 'b2b2c-organizations/:orgid/divisions/:id/edit/',\r\n component: B2B2CEditDivisonOrganization\r\n },\r\n\r\n {\r\n path: 'b2b2c-organizations/:orgid/divisions/:divid/order-history/',\r\n component: B2B2COrganizationOrderHistory\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/divisions/:divid/invoices/',\r\n component: AccountBilling\r\n },\r\n {\r\n path: 'b2b2c-organizations/:orgid/divisions/:id/logs/',\r\n component: B2B2COrganizationAuditLogs\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/divisions/add/',\r\n component: B2B2CAddDivisonOrganization\r\n },\r\n\r\n //Division Travler b2b2c organizations router\r\n {\r\n path: 'b2b2c-organizations/:orgid/divisions/:divid/traveler/edit/:id',\r\n component: ViewB2B2COrganizationTraveler\r\n },\r\n\r\n {\r\n path: 'b2b2c-organizations/:orgid/divisions/:divid/orders/view/:orderId',\r\n component: ViewB2B2COrganizationOrder\r\n },\r\n {\r\n path: 'b2b2c-organizations/:orgid/divisions/:divid/traveler/:id',\r\n component: EditTraveler\r\n },\r\n {\r\n path: 'b2b2c-organizations/:orgid/divisions/:id/traveler/',\r\n component: B2B2COrganizationTravelersList\r\n },\r\n\r\n //Main b2b2c organizations router\r\n\r\n {\r\n path: 'b2b2c-organizations',\r\n component: B2B2COrganizations\r\n },\r\n {\r\n path: 'b2b2c-organizations/add',\r\n component: AddB2B2COrganization\r\n },\r\n {\r\n path: 'b2b2c-organizations/edit/:id',\r\n component: EditB2B2COrganization\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/orders',\r\n component: B2B2COrganizationOrderHistory\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/orders/view/:orderId',\r\n component: ViewB2B2COrganizationOrder\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/orders/edit/:orderId',\r\n component: EditB2B2COrganizationOrder\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/travelers',\r\n component: B2B2COrganizationTravelersList\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/travelers/edit/:id',\r\n component: ViewB2B2COrganizationTraveler\r\n },\r\n {\r\n path: 'b2b2c-organizations/organization-logs/:id',\r\n component: B2B2COrganizationAuditLogs\r\n },\r\n {\r\n path: 'b2b2c-organizations/logs/:id',\r\n component: B2B2COrganizationAuditLogs\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/travelers/edit/:id/view-order/:orderId',\r\n component: ViewB2B2COrganizationOrder\r\n },\r\n {\r\n path: 'customize-emails',\r\n component: CustomizeEmailsList\r\n },\r\n {\r\n path: 'customize-emails/edit/:templateId',\r\n component: EditCustomizeEmail\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/customize-emails/',\r\n component: CustomizeEmailsList\r\n },\r\n {\r\n path: 'b2b2c-organizations/:id/customize-emails/edit/:templateId',\r\n component: EditCustomizeEmail\r\n },\r\n {\r\n path: 'b2b2c-organizations/edit/:id/traveler',\r\n component: EditB2B2COrganizationTrvelor\r\n },\r\n {\r\n path: 'b2b2c-organizations/edit/:orgid/traveler/:id',\r\n component: EditB2B2COrganizationsTravel\r\n },\r\n {\r\n path: 'b2b2c-organizations/edit/:id/agents',\r\n component: EditB2B2COrganizationAgents\r\n },\r\n {\r\n path: 'b2b2c-organizations/edit/:orgid/agents/:id',\r\n component: EditB2B2COrganizationAgent\r\n },\r\n {\r\n path: 'b2b2c-organizations/edit/:id/license',\r\n component: OrganizationB2b2cLicenseList\r\n },\r\n {\r\n path: 'b2b2c-organizations/edit/:orgid/license/:id',\r\n component: EditB2B2cOrganizationLicense\r\n },\r\n {\r\n path: '',\r\n component: NotFound,\r\n exact: false\r\n }\r\n];\r\n\r\nclass AdminRouter extends Component {\r\n render() {\r\n const { url, style } = this.props;\r\n return (\r\n \r\n {el.product}: \r\n \r\n {el.usedLicenses} / {el.totalLicenses}\r\n \r\n
\r\n ))\r\n : \"\"\r\n }\r\n trigger=\"hover\"\r\n >\r\n \r\n {this.state.allAssignedLicenses} /{\" \"}\r\n {this.state.allTotalLicenses}\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 {routes.map(singleRoute => {\r\n const { path, exact, ...otherProps } = singleRoute;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AdminRouter;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as userActions from \"../../../redux/actions/user-actions\";\r\nimport * as sidebarAction from \"../../../redux/actions/sidebar-actions\";\r\nimport LanguageSwitcher from \"../../../languageSwitcher\";\r\n\r\nimport IntlMessages from \"../../../services/intlMesseges\";\r\nimport { Tooltip, Icon, Row, Col, Menu, Dropdown, Badge } from \"antd\";\r\nimport * as notificationActions from \"../../../redux/actions/notifications-actions\";\r\n\r\nclass AdminHeader extends Component {\r\n state = {\r\n collapsed: true,\r\n data: [],\r\n notificationsCount: 0\r\n }\r\n\r\n profile = () => (\r\n \r\n );\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { collapsed: true };\r\n this.logout = this.logout.bind(this);\r\n }\r\n toggle = () => {\r\n this.props.toggleSidebar();\r\n };\r\n logout() {\r\n this.props.LogOutUser();\r\n this.props.history.push(\"/login\");\r\n }\r\n async componentDidMount() {\r\n this.props.getNotificationsList({}).then(data => {\r\n if(this.props.userData && this.props.userData.userID){\r\n this.props.getNotificationsCount(this.props.userData.userID).then(r => this.setState({notificationsCount: r}));\r\n }\r\n let _data = data.data\r\n if (_data && _data.length>0){\r\n _data.splice(5);\r\n\r\n }\r\n this.setState({ \r\n data: _data\r\n })\r\n })\r\n }\r\n onLoadMore = () => {\r\n this.props.history.push('/admin/notifications/')\r\n };\r\n \r\n notificationsList = () => {\r\n let notifications = this.state.data || [];\r\n let output = [];\r\n let _this = this;\r\n if(notifications.length > 0){\r\n notifications.map(function(n){\r\n output.push(\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nAdminHeader.propTypes = {\r\n LogOutUser: PropTypes.func,\r\n isLoggedIn: PropTypes.bool,\r\n toggleSidebar: PropTypes.func,\r\n notificationCount: PropTypes.number\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.sidebar\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...userActions, ...sidebarAction, ...notificationActions }, dispatch);\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(AdminHeader)\r\n);\r\n","import * as firebase from \"firebase/app\";\r\nimport \"firebase/messaging\";\r\n\r\nconst initializedFirebaseApp = firebase.initializeApp({\r\n messagingSenderId: \"865108994710\",\r\n apiKey: \"AIzaSyBB8sMGWzoDBimt2RboRLbzJit6Ru7ThIs\",\r\n authDomain: \"focuspoint-redblink-project.firebaseapp.com\",\r\n databaseURL: \"https://focuspoint-redblink-project.firebaseio.com\",\r\n projectId: \"focuspoint-redblink-project\",\r\n storageBucket: \"focuspoint-redblink-project.appspot.com\",\r\n appId: \"1:865108994710:web:78c6b4157c888d813630b7\"\r\n});\r\n\r\nlet FirebaseConfig;\r\nif(firebase.messaging.isSupported())\r\n{\r\n FirebaseConfig = initializedFirebaseApp.messaging();\r\n FirebaseConfig.usePublicVapidKey(\r\n \"BIIzMbapFOnuQpPKLEQrzm627DkoaWknAlAvmr4wYqVrFCRjVBVKwFHUG-tsHVP1W7ecvo8iKp4MVTN3h151l-8\"\r\n );\r\n}\r\n\r\n\r\nexport { FirebaseConfig };\r\n","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { notification } from \"antd\";\r\nimport { FirebaseConfig } from \"../../../firebase-config\";\r\nimport * as NotificationActions from \"../redux/actions/notifications-actions\";\r\nimport * as UserService from \"../services/user-service\";\r\nimport Config from \"../../../config\";\r\n\r\nclass FCMNotifier extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fcmLoaded: false,\r\n isPlayingAudio: false\r\n };\r\n this.audioUrl = Config.API1+\"/images/alarm.wav\";\r\n this.audio = new Audio(this.audioUrl);\r\n this.tokenGenerated = false;\r\n }\r\n\r\n async componentDidMount() {\r\n let self = this;\r\n let currentUser = UserService.getUser();\r\n if((!this.props.fcmActive || this.props.fcmActive !== true) && (currentUser.userID && currentUser.role === 'CSR' && this.state.fcmLoaded !== true) && this.tokenGenerated === false){\r\n if(FirebaseConfig){\r\n FirebaseConfig\r\n .requestPermission()\r\n .then(async function() {\r\n const token = await FirebaseConfig.getToken();\r\n self.tokenGenerated = true;\r\n console.log(\"ft: \", token)\r\n let args = {\r\n uniqueId: token,\r\n deviceType: 2\r\n };\r\n await self.props.registerFCMDevice(currentUser.userID, args).then(_r => {\r\n self.registerPushListener();\r\n self.setState({ fcmLoaded: true });\r\n });\r\n })\r\n .catch(function(err) {\r\n console.log(\"Unable to get permission to notify.\", err);\r\n });\r\n }\r\n }\r\n }\r\n \r\n registerPushListener = () => {\r\n let self = this;\r\n navigator.serviceWorker.addEventListener(\"message\", ({ data }) => {\r\n let title = data.data ? data.data.title : data[\"firebase-messaging-msg-data\"].data.title;\r\n let description = data.data ? data.data.body : data[\"firebase-messaging-msg-data\"].data.body;\r\n if(title !== undefined && description !== undefined && title.toLowerCase().indexOf(\"assist\") > -1){\r\n self.pushNotification(title, description);\r\n }\r\n })\r\n }\r\n\r\n pushNotification = (notificationTitle, notificationDescription) => {\r\n this.showNotification(notificationTitle, notificationDescription);\r\n };\r\n\r\n showNotification = (_title, _description) => {\r\n const args = {\r\n message: _title,\r\n description: _description,\r\n duration: 0,\r\n };\r\n notification.open(args);\r\n if(this.state.isPlayingAudio !== true){\r\n this.audio.play();\r\n this.setState({ isPlayingAudio: true });\r\n }\r\n this.audio.onended = () => {\r\n this.setState({ isPlayingAudio: false });\r\n }\r\n };\r\n \r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.notification\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...NotificationActions }, dispatch);\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n FCMNotifier\r\n )\r\n);","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport SideBar from \"../sidebar/sidebar.jsx\";\r\nimport AdminRouter from \"../../routes/admin-router\";\r\nimport * as userActions from \"../../redux/actions/user-actions\";\r\nimport AdminHeader from \"./admin-header/header.jsx\";\r\nimport * as languageAction from \"../../redux/actions/language-actions.js\";\r\nimport * as themeAction from \"../../redux/actions/theme-actions\";\r\nimport * as adminActions from \"../../redux/actions/admin-actions\";\r\nimport { Layout, Modal, Form } from \"antd\";\r\nimport options from \"../sidebar/options\";\r\nimport * as UserService from \"../../services/user-service\";\r\nimport AuthTokenTimer from \"../shared/components/auth-token-timer/auth-token-timer.jsx\";\r\nimport FCMNotifier from \"../../services/fcm-notifier\";\r\n\r\nconst { Header, Sider, Content } = Layout;\r\nclass AdminDash extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n bindNotifier: false,\r\n changePasswordModalVisible: false,\r\n updateEmergencyContactModalVisible: false\r\n };\r\n this.bindNotifier = false;\r\n }\r\n async componentDidMount() {\r\n //await this.props.getUserData();\r\n var currentTheme = JSON.parse(localStorage.getItem(\"user\")),\r\n currentThemeName = \"theme-\" + currentTheme.themeId;\r\n document.body.setAttribute(\"class\", currentThemeName);\r\n if (!this.props.userData || !this.props.userData.userID) {\r\n await this.props.getUserData();\r\n }\r\n let currentUser = UserService.getUser();\r\n if (currentUser.userID && currentUser.accountConfirmed === false) {\r\n localStorage.setItem(\"remember_me\", false);\r\n if (\r\n this.props.history.location.pathname.indexOf(\"change-password\") <= -1\r\n ) {\r\n this.props.history.push(\"/admin/my-profile/change-password\");\r\n }\r\n }\r\n /* await this.props.hasB2B2CEmergencyContact(currentUser.userID).then(response => {\r\n if (response.data && typeof response.data.emergencyContactExists != \"undefined\" && response.data.emergencyContactExists != null) {\r\n if ((response.data.emergencyContactExists === false)) {\r\n this.setState({ updateEmergencyContactModalVisible: true });\r\n }\r\n }\r\n }); */\r\n }\r\n\r\n async componentDidUpdate() {\r\n if (\r\n this.props.adminConfig &&\r\n this.props.adminConfig.emergencyContacts &&\r\n Object.keys(this.props.adminConfig.emergencyContacts).length > 0\r\n ) {\r\n } else {\r\n this.bindNotifier = true;\r\n await this.props.loadEmergencyContacts();\r\n }\r\n }\r\n submitPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n this.props.history.push(\"/admin/my-profile\");\r\n };\r\n\r\n cancelPasswordChangeModal = () => {\r\n this.setState({ changePasswordModalVisible: false });\r\n };\r\n\r\n submitUpdateEmergencyContactModal = () => {\r\n\r\n }\r\n\r\n render() {\r\n const { url } = this.props.match;\r\n return (\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 {currentUserFirstname} {currentUserLastname}\r\n \r\n \r\n \r\n \r\n
\r\n {this.bindNotifier !== false ? \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\nAdminDash.propTypes = {\r\n location: PropTypes.object,\r\n theme: PropTypes.object,\r\n history: PropTypes.object,\r\n match: PropTypes.object,\r\n sidebar: PropTypes.bool,\r\n userData: PropTypes.object,\r\n adminConfig: PropTypes.object,\r\n getUserData: PropTypes.func\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.user,\r\n ...state.language,\r\n ...state.sidebar,\r\n ...state.theme,\r\n adminConfig: state.adminConfig\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { ...userActions, ...languageAction, ...themeAction, ...adminActions },\r\n dispatch\r\n );\r\n}\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n AdminDash\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport logo from \"../../images/logo.png\";\r\nimport LoginImage from \"../../images/cap-login-avatar-image.png\";\r\nimport IntlMessages from \"../../services/intlMesseges\";\r\nimport * as userActions from \"../../redux/actions/user-actions\";\r\nimport * as OrgActions from \"../../redux/actions/organization-actions\";\r\nimport { notifyUser } from \"../../services/notification-service\";\r\nimport { Spin } from \"antd\";\r\nimport { Checkbox } from 'antd';\r\nimport UserRoles from \"../../user-roles\";\r\n\r\nclass Login extends Component {\r\n constructor(props) {\r\n super(props);\r\n if (window.performance) {\r\n if (performance.navigation.type === 1) {\r\n //this.unsetTempData();\r\n }\r\n }\r\n this.state = {\r\n email: localStorage.getItem(\"email_submitted\") || \"\",\r\n password: localStorage.getItem(\"password_submitted\") || \"\",\r\n remember_me: false,\r\n submitted: false\r\n };\r\n this.signIn = this.signIn.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n \r\n\r\n if (this.props.isLoggedIn === true) {\r\n this.props.history.push(JSON.parse(localStorage.getItem(\"user\")).redirect);\r\n } else {\r\n let isRemember = localStorage.getItem(\"remember_me\") || this.state.remember_me;\r\n if(isRemember == \"false\"){\r\n localStorage.clear();\r\n }\r\n /* let loggedInUser = localStorage.getItem(\"user\");\r\n loggedInUser = (loggedInUser != \"\") ? JSON.parse(localStorage.getItem(\"user\")) : null;\r\n if(loggedInUser !== null){\r\n this.props.history.push(UserRoles.types[loggedInUser.role].url);\r\n } */\r\n this.emailInput.focus();\r\n };\r\n }\r\n\r\n handleChange = e => {\r\n this.setState({ loginMessage: \"\" });\r\n const { name, value } = e.target;\r\n if(e.target.type === \"checkbox\"){\r\n this.setState({ [name]: e.target.checked });\r\n } else {\r\n this.setState({ [name]: value });\r\n }\r\n };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.setState({ submitted: true });\r\n const { email, password, remember_me } = this.state;\r\n this.setTempData(email, password, remember_me);\r\n if (email && password) {\r\n this.signIn(email, password);\r\n } else {\r\n notifyUser(\"Please enter the details.\", \"error\");\r\n this.setState({ submitted: false });\r\n }\r\n };\r\n signIn = async (email, password) => {\r\n var self = this;\r\n await self.props.login(email, password);\r\n if (self.props.redirect && self.props.redirect !== \"\") {\r\n self.props.cleanDivisionsTree();\r\n self.unsetTempData();\r\n self.props.history.push(self.props.redirect, { isLoggedIn: true });\r\n } else {\r\n self.setState({ submitted: false });\r\n }\r\n };\r\n setTempData = (email, password, remember_me) => {\r\n localStorage.setItem(\"email_submitted\", email);\r\n localStorage.setItem(\"password_submitted\", password);\r\n localStorage.setItem(\"remember_me\", remember_me);\r\n };\r\n unsetTempData = () => {\r\n localStorage.removeItem(\"email_submitted\");\r\n localStorage.removeItem(\"password_submitted\");\r\n //localStorage.removeItem(\"remember_me\");\r\n };\r\n render() {\r\n const { email, password, submitted } = this.state;\r\n return (\r\n For security reasons we suggest you to reset your password.
\r\n \r\nTo ensure your maximum security we need your emergency contact in case we are not reachable to you.
\r\n {/* */}\r\n \r\n\r\n {/*Login section left side */}\r\n
\r\n \r\n {/* logo */}\r\n \r\n
\r\n {/* title ends */}\r\n {/* logi form */}\r\n \r\n {/* login form ends */}\r\n
\r\n {/*login section left side ends */}\r\n {/* Image area */}\r\n \r\n \r\n
\r\n {/* logo ends */}\r\n {/* title */}\r\n \r\n
\r\n {/* title ends */}\r\n {/* logi form */}\r\n \r\n {/* login form ends */}\r\n \r\n 
\r\n
\r\n {/* image are ends */}\r\n \r\n {/*Login section left side */}\r\n
\r\n \r\n {/* logo */}\r\n \r\n
\r\n {/* title ends */}\r\n {/* logi form */}\r\n \r\n {/* login form ends */}\r\n
\r\n {/*login section left side ends */}\r\n {/* Image area */}\r\n \r\n \r\n
\r\n {/* logo ends */}\r\n {/* title */}\r\n \r\n
\r\n {/* title ends */}\r\n {/* logi form */}\r\n \r\n {/* login form ends */}\r\n \r\n \r\n
\r\n {/* image are ends */}\r\n \r\n {/*Login section left side */}\r\n
\r\n \r\n {/* logo */}\r\n
\r\n {/*login section left side ends */}\r\n {/* Image area */}\r\n \r\n \r\n
\r\n {/* logo ends */}\r\n {/* title */}\r\n Forgot Password
\r\n {/* title ends */}\r\n {/* logi form */}\r\n\r\n
\r\n {/* login form ends */}\r\n \r\n
\r\n {/* Email */}\r\n {this.state.message}
\r\n \r\n
\r\n {/* Email ends*/}\r\n {/* submit button */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* submit button ends */}\r\n \r\n \r\n Back to Login\r\n \r\n
\r\n \r\n \r\n
\r\n {/* image are ends */}\r\n \r\n {/*Login section left side */}\r\n
\r\n \r\n {/* logo */}\r\n
\r\n {/*login section left side ends */}\r\n {/* Image area */}\r\n \r\n \r\n
\r\n {/* logo ends */}\r\n {/* title */}\r\n Forgot Password
\r\n {/* title ends */}\r\n {/* logi form */}\r\n\r\n
\r\n {/* login form ends */}\r\n \r\n
\r\n {/* Email */}\r\n {this.state.message}
\r\n \r\n
\r\n {/* Email ends*/}\r\n {/* submit button */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {/* submit button ends */}\r\n \r\n\r\n Back to Login\r\n\r\n
\r\n \r\n \r\n
\r\n {/* image are ends */}\r\n \r\n {/*Login section left side */}\r\n
\r\n {/*login section left side ends */}\r\n {/* Image area */}\r\n \r\n {/* logo */}\r\n
\r\n {/* login form ends */}\r\n \r\n \r\n
\r\n {/* logo ends */}\r\n {/* title */}\r\n Reset Password
\r\n {/* title ends */}\r\n {/* logi form */}\r\n\r\n {/* Email */}\r\n
\r\n {/* Email ends*/}\r\n {/* password */}\r\n \r\n this.togglePasswordHint(true)} \r\n onBlur={() => this.togglePasswordHint(false)}\r\n ref={(input) => { this.passwordInput = input; }}\r\n />\r\n \r\n
\r\n \r\n \r\n {/* \r\n
\r\n }\r\n title={\r\n
\r\n {/* password ends */}\r\n {/* submit button */}\r\n \r\n \r\n
\r\n \r\n
\r\n {/* submit button ends */}\r\n \r\n
\r\n \r\n \r\n
\r\n {/* image are ends */}\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\nManageCigna.propTypes = {\r\n\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n ...state.user,\r\n };\r\n }\r\n function mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions, ...b2cActions }, dispatch);\r\n }\r\n\r\n\r\n\r\nconst WrappedForm = Form.create({ name: \"edit-cigna-user\" })(\r\n ManageCigna\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from 'react';\r\nimport { CardElement, injectStripe } from 'react-stripe-elements';\r\nimport { connect } from \"react-redux\";\r\nimport OrgAPI from \"../../../redux/api/b2b2c-organization-api\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Paypal from \"../../../images/paypal.svg\";\r\nimport CreditCard from \"../../../images/creditcard.svg\";\r\nimport { message, Modal, Tooltip, Popconfirm, Radio } from \"antd\";\r\nimport {notifyUser} from \"../../../services/notification-service\";\r\nimport { PayPalScriptProvider, PayPalButtons } from \"@paypal/react-paypal-js\";\r\nimport axios from \"axios\";\r\nimport config from \"../../../../../config\";\r\nconst { confirm } = Modal;\r\n\r\n\r\nclass CheckoutForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n paymentMethod: \"\",\r\n clientToken: config.clientTokenPaypal,\r\n orderObjectPaypal: {},\r\n confirmOrder: false,\r\n btnIsDisable: false,\r\n containOrder :{},\r\n emailvalue : \"\"\r\n }\r\n this.handleConfirmOrderCheck = this.handleConfirmOrderCheck.bind(this);\r\n this.handleClick = this.handleClick.bind(this);\r\n this.showConfirm = this.showConfirm.bind(this);\r\n }\r\n \r\n sendDataToParent = () => {\r\n const {emaildata} = this.props;\r\n this.setState({ emailvalue: emaildata });\r\n this.props.sendDataToParent(this.state.emailvalue);\r\n }\r\n \r\n handleConfirmOrderCheck(evt) {\r\n this.setState({ confirmOrder: evt.currentTarget.checked });\r\n }\r\n \r\n payMethodChange = (e) => {\r\n this.setState({ paymentMethod: e.target.value });\r\n };\r\n \r\n async handleClick(evt) {\r\n this.setState({btnIsDisable: true})\r\n if (this.state.confirmOrder) {\r\n this.checkForvalidPayment();\r\n } else {\r\n var objContent = {};\r\n objContent.title = \"Acknowledge required!\";\r\n objContent.content = \"Please acknowledge plan rules and regulations first.\";\r\n this.showConfirm(objContent);\r\n this.setState({btnIsDisable: false})\r\n } \r\n this.setState({btnIsDisable: false})\r\n }\r\n \r\n async checkForvalidPayment() {\r\n var self = this;\r\n const { stripe } = this.props;\r\n const {emaildata} = this.props;\r\n if (this.state.paymentMethod == \"paypal\") {\r\n await this.instance.requestPaymentMethod((error, payload) => {\r\n if (error) {\r\n console.error(error);\r\n } else {\r\n \r\n this.setState({btnIsDisable: false})\r\n const paymentMethodNonce = payload.nonce;\r\n }\r\n });\r\n } \r\n else {\r\n this.props.stripe.createToken().then(async function(payload) {\r\n if (payload.token) {\r\n const data = {\r\n email: emaildata,\r\n token: payload.token.id,\r\n currency: 'USD',\r\n };\r\n let resp = await OrgAPI.B2BEmployeeUpgradeStripe(data);\r\n if(resp && resp.statusCode == 200) {\r\n notifyUser(resp.message, \"success\");\r\n self.sendDataToParent();\r\n }\r\n else {\r\n notifyUser(resp.message, \"error\");\r\n }\r\n } else {\r\n var objContent = {};\r\n objContent.title = \"Invalid card detail!\";\r\n objContent.content = \"Please enter valid card details.\";\r\n self.showConfirm(objContent);\r\n }\r\n });\r\n }\r\n }\r\n \r\n clickPaypal = () => {\r\n if (!this.state.confirmOrder) {\r\n var objContent = {};\r\n objContent.title = \"Acknowledge required!\";\r\n objContent.content = \"Please acknowledge plan rules and regulations first.\";\r\n this.showConfirm(objContent);\r\n this.setState({btnIsDisable: false})\r\n return false;\r\n } else {\r\n const {emaildata} = this.props;\r\n const datapaypal = {\r\n email: emaildata,\r\n currency: 'USD',\r\n token : \"pass\",\r\n };\r\n this.setState({orderObjectPaypal: datapaypal})\r\n }\r\n };\r\n \r\n showConfirm(objContent, index) {\r\n confirm({\r\n title: objContent.title,\r\n content: objContent.content,\r\n className: \"gray-color\",\r\n onOk() {},\r\n onCancel() {}\r\n });\r\n }\r\n\r\n render() {\r\n return (\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\nfunction mapStateToProps(state) {\r\n return {\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({}, dispatch);\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true\r\n})(CheckoutForm);\r\n","import React from 'react';\r\nimport { StripeProvider, Elements , injectStripe} from 'react-stripe-elements';\r\nimport _CheckoutForm from './CheckoutForm'; // Create this component for the payment form\r\nimport config from \"../../../../../config\"\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nconst CheckoutForm = injectStripe(_CheckoutForm)\r\n\r\nconst YourPaymentComponent = ({emaildata, showBilling, sendDataToParent}) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n return axios\r\n .post(config.API1 + \"/api/B2BEmployeeUpgrade/payment/paypal/create\", this.state.orderObjectPaypal)\r\n .then((response) => {\r\n return response.data.data.orderId;\r\n });\r\n }}\r\n onApprove={(data, actions) => {\r\n const { emaildata } = this.props;\r\n const postData = {\r\n token: data.orderID,\r\n email: emaildata,\r\n currency: 'USD',\r\n };\r\n this.setState({ containOrder: postData });\r\n \r\n return axios\r\n .post(\r\n config.API1 + `/api/B2BEmployeeUpgrade/payment/paypal/capture/`, this.state.containOrder\r\n )\r\n .then((response) => {\r\n let resp = response.data;\r\n if (resp.statusCode === 200) {\r\n // this.billingSection();\r\n this.sendDataToParent();\r\n notifyUser(resp.message, \"success\");\r\n } else {\r\n notifyUser(resp.message, \"error\");\r\n }\r\n });\r\n }}\r\n />\r\n \r\n ) : \"\"}\r\n {this.state.paymentMethod === \"stripe\" ? (\r\n \r\n Buy Now\r\n \r\n ) : \"\"}\r\n
\r\n \r\n
\r\n {this.state.paymentMethod === \"stripe\" ? (\r\n \r\n
\r\n Billing Information
\r\n\r\n \r\n \r\n \r\n Pay Via Card \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 {this.state.paymentMethod === \"paypal\" ? (\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 {this.state.showBilling == true? \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 You don't seems to have an active CAP Plan, Do you wish to proceed with buying new CAP Plan?\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\nManagePlanUpgrade.propTypes = {\r\n\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n ...state.user,\r\n };\r\n }\r\n function mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions, ...b2cActions }, dispatch);\r\n }\r\n\r\n\r\n\r\nconst WrappedForm = Form.create({ })(\r\n ManagePlanUpgrade\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as b2b2cActions from \"../../redux/actions/b2b2c-actions\";\r\nimport { message, Modal, Tooltip, Popconfirm, Radio , Form} from \"antd\";\r\nimport config from \"../../../../config\";\r\nimport logo from \"../../images/logo.png\";\r\n//import { StripeProvider } from 'react-stripe-elements';\r\nimport StripeProvider from \"../plan-upgrade/stripe-payment/StripeProvider\";\r\n\r\n\r\nclass PurchaseUpgradedPlan extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n status : false,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n console.log(this.props)\r\n }\r\n \r\n \r\n \r\n render() {\r\n return (\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\nPurchaseUpgradedPlan.propTypes = {\r\n\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n };\r\n }\r\n function mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2b2cActions, }, dispatch);\r\n }\r\n\r\n\r\n\r\nconst WrappedForm = Form.create({ name: \"\" })(\r\n PurchaseUpgradedPlan\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions.js\";\r\nimport { Row, Col, Button } from \"antd\";\r\nimport config from \"../../../../../config.js\";\r\nimport logo from \"../../../images/logo.png\";\r\nimport md5logo from \"../../../images/md5logo.jpg\";\r\n\r\n\r\n\r\nclass ThankYouPage extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n childNames: []\r\n };\r\n }\r\n \r\n componentDidMount() {\r\n const { location } = this.props;\r\n const childUserInfoString = localStorage.getItem('childUserInfo');\r\n // Parse the retrieved string back into an object\r\n const childUserInfo = JSON.parse(childUserInfoString);\r\n if (childUserInfoString) {\r\n const childUserInfoArray = JSON.parse(decodeURIComponent(childUserInfoString));\r\n const childNames = childUserInfoArray.map(childInfo => ({\r\n firstName: childInfo.FirstName,\r\n lastName: childInfo.LastName\r\n }));\r\n this.setState({ childNames });\r\n }\r\n }\r\n\r\n \r\n async componentWillUnmount() {\r\n //await this.props.flushOrderData();\r\n }\r\n render() {\r\n const { childNames } = this.state;\r\n return (\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\nThankYouPage.propTypes = {\r\n b2cBaseUrl: PropTypes.string,\r\n};\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2c,\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...b2cActions }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(ThankYouPage);","import React, { Component } from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { CardElement, injectStripe } from 'react-stripe-elements';\r\nimport { connect } from \"react-redux\";\r\nimport OrgAPI from \"../../../redux/api/b2b2c-organization-api\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport ThankYouPage from \"../thank-you/thank-you\";\r\nimport Loader from \"../../b2c/shared/loader/loader\";\r\nimport Paypal from \"../../../images/paypal.svg\";\r\nimport CreditCard from \"../../../images/creditcard.svg\";\r\nimport { message, Modal, Tooltip, Popconfirm, Radio } from \"antd\";\r\nimport {notifyUser} from \"../../../services/notification-service\";\r\nimport { PayPalScriptProvider, PayPalButtons } from \"@paypal/react-paypal-js\";\r\nimport * as b2cActions from \"../../../redux/actions/b2c-actions\";\r\nimport axios from \"axios\";\r\nimport config from \"../../../../../config\";\r\nconst { confirm } = Modal;\r\n\r\n\r\nclass CheckoutForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n paymentMethod: '',\r\n clientToken: config.clientTokenPaypal,\r\n orderObjectPaypal: {},\r\n confirmOrder: false,\r\n // btnIsDisable: false,\r\n containOrder: {},\r\n showLoader: false\r\n };\r\n this.handleConfirmOrderCheck = this.handleConfirmOrderCheck.bind(this);\r\n this.handleClick = this.handleClick.bind(this);\r\n this.showConfirm = this.showConfirm.bind(this);\r\n this.placeorder = this.placeorder.bind(this);\r\n }\r\n\r\n handleConfirmOrderCheck(evt) {\r\n this.setState({ confirmOrder: evt.currentTarget.checked });\r\n }\r\n\r\n payMethodChange = (e) => {\r\n this.setState({ paymentMethod: e.target.value });\r\n };\r\n\r\n paymentSectionCallback = (val) => {\r\n this.props.handlePaymentSection(val);\r\n };\r\n async handleClick(evt) {\r\n // this.setState({ btnIsDisable: true });\r\n if (this.state.confirmOrder) {\r\n this.checkForvalidPayment();\r\n } else {\r\n var objContent = {};\r\n objContent.title = 'Acknowledge required!';\r\n objContent.content = 'Please acknowledge plan rules and regulations first.';\r\n this.showConfirm(objContent);\r\n }\r\n }\r\n\r\n async checkForvalidPayment() {\r\n var self = this;\r\n const { stripe } = this.props;\r\n\r\n if (this.state.paymentMethod == 'paypal') {\r\n await this.instance.requestPaymentMethod((error, payload) => {\r\n if (error) {\r\n console.error(error);\r\n } else {\r\n const paymentMethodNonce = payload.nonce;\r\n }\r\n });\r\n } else {\r\n this.props.stripe.createToken().then(async function(payload) {\r\n if (payload.token) {\r\n const data = {\r\n token: payload.token.id\r\n };\r\n self.placeorder(data);\r\n } else {\r\n var objContent = {};\r\n objContent.title = 'Invalid card detail!';\r\n objContent.content = 'Please enter valid card details.';\r\n self.showConfirm(objContent);\r\n }\r\n });\r\n }\r\n }\r\n\r\n placeorder = (data) => {\r\n // const{disablepayment} = this.state;\r\n const { childformdata, parentformData } = this.props;\r\n const childUserInfo = childformdata.ChildUserInfo;\r\n const parentUserEmail = parentformData.values.email;\r\n\r\n const newPayload = {\r\n Token: data.token,\r\n ParentUserEmail: parentUserEmail,\r\n ChildUserInfo: childUserInfo\r\n };\r\n // Stringify the childUserInfo object\r\n const childUserInfoString = JSON.stringify(childUserInfo);\r\n this.setState({ showLoader: true });\r\n this.props\r\n .EmployeeSubmitOrder(newPayload)\r\n .then((response) => {\r\n if (response.status === true) {\r\n this.setState({ showLoader: false });\r\n const childUserInfoString = JSON.stringify(childUserInfo);\r\n localStorage.setItem('childUserInfo', childUserInfoString);\r\n // Redirect to the thank you page\r\n const currentPath = `${window.location.pathname}/thank-you`;\r\n window.location.href = currentPath;\r\n notifyUser('Order created successfully!', 'success');\r\n } else {\r\n this.paymentSectionCallback(true);\r\n this.setState({ showLoader: false });\r\n notifyUser(response.message, 'error');\r\n }\r\n })\r\n .catch((error) => {\r\n this.paymentSectionCallback(true);\r\n notifyUser(error.message, 'error');\r\n console.error(error);\r\n });\r\n };\r\n\r\n clickPaypal = () => {\r\n if (!this.state.confirmOrder) {\r\n var objContent = {};\r\n objContent.title = 'Acknowledge required!';\r\n objContent.content = 'Please acknowledge plan rules and regulations first.';\r\n this.showConfirm(objContent);\r\n return false;\r\n } else {\r\n const { childformdata, parentformData } = this.props;\r\n const childUserInfo = childformdata.ChildUserInfo;\r\n const parentUserEmail = parentformData.values.email;\r\n const datapaypal = {\r\n Token: 'pass',\r\n ParentUserEmail: parentUserEmail,\r\n ChildUserInfo: childUserInfo\r\n };\r\n this.setState({ orderObjectPaypal: datapaypal });\r\n }\r\n };\r\n\r\n showConfirm(objContent, index) {\r\n confirm({\r\n title: objContent.title,\r\n content: objContent.content,\r\n className: 'gray-color',\r\n onOk() {},\r\n onCancel() {}\r\n });\r\n }\r\n\r\n render() {\r\n return (\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 {this.state.showLoader ? \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n };\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({...b2cActions}, dispatch);\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true\r\n})(CheckoutForm);\r\n","import React from 'react';\r\nimport { StripeProvider, Elements , injectStripe} from 'react-stripe-elements';\r\nimport _CheckoutForm from './CheckoutForm'; // Create this component for the payment form\r\nimport config from \"../../../../../config\"\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nconst CheckoutForm = injectStripe(_CheckoutForm)\r\n\r\nconst YourPaymentComponent = ({ showBilling, childformdata, parentformData, handlePaymentSection }) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n {\r\n return axios\r\n .post(config.API1 + '/api/EmployeePaypalCreateOrder', this.state.orderObjectPaypal)\r\n .then((response) => {\r\n if (response.data.status === true) {\r\n return response.data.data.orderId;\r\n } else {\r\n if (response.data.statusCode === 400) {\r\n this.paymentSectionCallback(true);\r\n notifyUser(response.data.message, 'error');\r\n } else {\r\n this.paymentSectionCallback(true);\r\n\r\n notifyUser('not created order', 'error');\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n if (\r\n error.response &&\r\n error.response.status === 400 &&\r\n error.response.data.message.includes('User with email')\r\n ) {\r\n this.paymentSectionCallback(true);\r\n notifyUser(error.response.data.message, 'error');\r\n } else {\r\n notifyUser('An error occurred', 'error');\r\n }\r\n });\r\n }}\r\n onApprove={(data, actions) => {\r\n const { childformdata, parentformData } = this.props;\r\n const childUserInfo = childformdata.ChildUserInfo;\r\n const parentUserEmail = parentformData.values.email;\r\n const postData = {\r\n Token: data.orderID,\r\n ParentUserEmail: parentUserEmail,\r\n ChildUserInfo: childUserInfo\r\n };\r\n this.setState({ containOrder: postData });\r\n return axios\r\n .post(config.API1 + `/api/EmployeePaypalCaptureOrder`, this.state.containOrder)\r\n .then((response) => {\r\n let resp = response.data;\r\n if (resp.status === true) {\r\n notifyUser('Order created successfully!', 'success');\r\n const childUserInfoString = JSON.stringify(childUserInfo);\r\n localStorage.setItem('childUserInfo', childUserInfoString);\r\n // Redirect to the thank you page\r\n const currentPath = `${window.location.pathname}/thank-you`;\r\n window.location.href = currentPath;\r\n } else {\r\n notifyUser(response.message, 'success');\r\n }\r\n })\r\n .catch((error) => {\r\n this.paymentSectionCallback(true);\r\n notifyUser(error.message, 'error');\r\n console.error(error);\r\n });\r\n }}\r\n />\r\n \r\n ) : (\r\n ''\r\n )}\r\n {this.state.paymentMethod === 'stripe' ? (\r\n \r\n Buy Now\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n
\r\n {this.state.paymentMethod === 'stripe' ? (\r\n \r\n
\r\n Billing Information
\r\n\r\n \r\n \r\n \r\n Pay Via Card \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 {this.state.paymentMethod === 'paypal' ? (\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\nchildParentPurchase.propTypes = {\r\n\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n ...state.b2b2c,\r\n ...state.user,\r\n };\r\n }\r\n function mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ ...AdminActions, ...b2cActions }, dispatch);\r\n }\r\n\r\n\r\n\r\nconst WrappedForm = Form.create({ })(\r\n childParentPurchase\r\n);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(\r\n WrappedForm\r\n )\r\n);\r\n","import React, { useEffect, useState } from 'react'\r\n\r\nimport logo from '../../images/logo.png';\r\nimport config from '../../../../config';\r\n\r\nconst RejectCignaStatus = (props) => {\r\n const [msg,setMes] = useState('')\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n const response = await fetch(`${config.API1}/api/rejectcreateuser/${props.match.params.id}`);\r\n const res = await response.json();\r\n setMes(res.data.message);\r\n };\r\n fetchData();\r\n }, [props.match.params.id]);\r\n \r\n console.log(props.match.params.id);\r\n return (\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\nexport default RejectCignaStatus;","import React, { useEffect, useState } from 'react';\r\n\r\nimport logo from '../../images/logo.png';\r\nimport config from '../../../../config';\r\n\r\nconst acceptCignaStatus = (props) => {\r\n const [msg, setMes] = useState('');\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n const response = await fetch(`${config.API1}/api/approvecreateuser/${props.match.params.id}`);\r\n const res = await response.json();\r\n setMes((res && res.data && res.data.message) || (res.error && res.error.message));\r\n };\r\n\r\n fetchData();\r\n }, [props.match.params.id]);\r\n\r\n console.log(props.match.params.id);\r\n return (\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 {msg}
\r\n\r\n \r\n \r\n
{' '}\r\n
\r\n );\r\n};\r\n\r\nexport default acceptCignaStatus;\r\n","//import Home from \"../components/home/home.jsx\";\r\nimport B2c from \"../components/b2c/b2c.jsx\";\r\nimport B2B2C from \"../components/b2b2c/b2b2c.jsx\";\r\nimport UserDash from \"../components/user-dash/user-dash.jsx\";\r\nimport ResellerDash from \"../components/reseller-dash/reseller-dash.jsx\";\r\nimport HybridDash from \"../components/hybrid-dash/hybrid-dash.jsx\";\r\nimport AgentDash from \"../components/agent-dash/agentDash\";\r\nimport AdminDash from \"../components/admin-dash/admin-dash.jsx\";\r\nimport Login from \"../components/login/login.jsx\";\r\nimport LoginAuto from \"../components/login/loginAuto.jsx\";\r\nimport ForgotPassword from \"../components/forgot-password/forgot-password\";\r\nimport ForgotPasswordAuto from \"../components/forgot-password/forgot-passwordAuto\";\r\nimport ResetPassword from \"../components/reset-password/reset-password\";\r\nimport NotFound from \"../components/shared/components/404.jsx\";\r\nimport reloadId from \"../components/shared/components/reloadId.js\";\r\nimport ServerError from \"../components/shared/components/500.jsx\";\r\nimport ManageCigna from \"../components/cigna\";\r\nimport ManagePlanUpgrade from \"../components/plan-upgrade\";\r\nimport PurchaseUpgradedPlan from \"../components/plan-upgrade/purchase-plan\";\r\nimport childParentPurchase from \"../components/family-purchase/index.jsx\";\r\nimport ThankYouPage from \"../components/family-purchase/thank-you/thank-you.jsx\";\r\nimport RejectCignaStatus from \"../components/cigna/reject.js\";\r\nimport acceptCignaStatus from \"../components/cigna/accept.js\";\r\nexport default {\r\n routes: [\r\n {\r\n path: '/cap',\r\n component: B2c,\r\n exact: false\r\n },\r\n {\r\n path: '/b2c',\r\n component: reloadId,\r\n exact: false\r\n },\r\n {\r\n path: '/login',\r\n component: Login,\r\n exact: true\r\n },\r\n {\r\n path: '/loginAuto',\r\n component: LoginAuto,\r\n exact: true\r\n },\r\n {\r\n path: '/cigna',\r\n component: ManageCigna,\r\n exact: true\r\n },\r\n {\r\n path: '/cigna/approvecreateuser/:id',\r\n component: acceptCignaStatus,\r\n exact: true\r\n },\r\n {\r\n path: '/cigna/rejectcreateuser/:id',\r\n component: RejectCignaStatus,\r\n exact: true\r\n },\r\n {\r\n path: '/ManagePlanUpgrade',\r\n component: ManagePlanUpgrade,\r\n exact: true\r\n },\r\n {\r\n path: '/plan-upgrade/purchase-plan',\r\n component: PurchaseUpgradedPlan,\r\n exact: true\r\n },\r\n\r\n {\r\n path: '/family-purchase/:familypurchaseId',\r\n component: childParentPurchase,\r\n exact: true\r\n },\r\n {\r\n path: '/family-purchase/:familypurchaseId/thank-you/',\r\n component: ThankYouPage,\r\n exact: true\r\n },\r\n\r\n {\r\n path: '/',\r\n component: Login,\r\n exact: true\r\n },\r\n {\r\n path: '/forgot-password',\r\n component: ForgotPassword,\r\n exact: true\r\n },\r\n {\r\n path: '/forgot-passwordAuto',\r\n component: ForgotPasswordAuto,\r\n exact: true\r\n },\r\n {\r\n path: '/reset-password',\r\n component: ResetPassword,\r\n exact: true\r\n },\r\n {\r\n path: '/404',\r\n component: NotFound,\r\n exact: true\r\n },\r\n ,\r\n {\r\n path: '/500',\r\n component: ServerError,\r\n exact: true\r\n },\r\n {\r\n path: '/partner',\r\n component: B2B2C,\r\n exact: false\r\n },\r\n {\r\n path: '/hybrid',\r\n component: HybridDash,\r\n exact: false\r\n }\r\n ],\r\n /* redirects: [\r\n {\r\n from: \"/404\",\r\n to: \"/admin-dash\",\r\n status: 301\r\n }\r\n ], */\r\n private: [\r\n {\r\n path: '/admin',\r\n component: AdminDash,\r\n exact: false,\r\n roles: ['Administrator', 'CSR', 'Super Admin'],\r\n status: 200\r\n },\r\n {\r\n path: '/user',\r\n component: UserDash,\r\n exact: false,\r\n roles: [\r\n 'Companion',\r\n 'Membership',\r\n 'Division Manager',\r\n 'Travel Manager',\r\n 'SuperAdmin',\r\n 'Traveler',\r\n 'Employee',\r\n 'Admin',\r\n 'Limited Access'\r\n ],\r\n status: 200\r\n },\r\n {\r\n path: '/reseller',\r\n component: ResellerDash,\r\n exact: false,\r\n roles: [\r\n 'Companion',\r\n 'Membership',\r\n 'Division Manager',\r\n 'Travel Manager',\r\n 'SuperAdmin',\r\n 'Traveler',\r\n 'Employee',\r\n 'Admin',\r\n 'Partner'\r\n ],\r\n status: 200\r\n },\r\n {\r\n path: '/hybrid',\r\n component: HybridDash,\r\n exact: false,\r\n roles: [\r\n 'Companion',\r\n 'Membership',\r\n 'Division Manager',\r\n 'Travel Manager',\r\n 'SuperAdmin',\r\n 'Traveler',\r\n 'Employee',\r\n 'Admin',\r\n 'Partner',\r\n 'Hybrid Admin'\r\n ],\r\n status: 200\r\n },\r\n {\r\n path: '/agent',\r\n component: AgentDash,\r\n exact: false,\r\n roles: ['Agent'],\r\n status: 200\r\n }\r\n ],\r\n urls: {\r\n '/user/organizations/': ['Administrator', 'CSR', 'Super Admin', 'Admin', 'Travel Manager']\r\n }\r\n};\r\n","import React from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport UserRoles from \"./user-roles\";\r\nimport routeOptions from \"../app/routes/route\";\r\n\r\n\r\nconst PrivateRoute = ({ component: Component, roles,status,isLoggedIn,urls,currPath,...rest }) => {\r\n \r\n const currentUser =JSON.parse(localStorage.getItem(\"user\"));\r\n let loggedInUserroleURL = \"\";\r\n \r\n if(currentUser)\r\n loggedInUserroleURL = UserRoles.types[currentUser.role].url;\r\n else\r\n loggedInUserroleURL =\"/\";\r\n\r\n return( \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 {msg}
\r\nSomething went wrong.
;\r\n }\r\n return this.props.children;\r\n }\r\n }\r\n\r\n export default withRouter(ErrorBoundary);","import React, { Component } from \"react\";\r\nimport { Switch, withRouter, Route } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport routeOptions from \"../app/routes/route\";\r\nimport PrivateRoute from \"./private-routes.jsx\";\r\nimport ErrorBoundry from \"./components/shared/components/errorBoundry\"\r\nimport { ConfigProvider } from \"antd\";\r\nimport { IntlProvider } from \"react-intl\";\r\nimport AppLocale from \"../app/languageProvider\";\r\nimport * as languageAction from \"../app/redux/actions/language-actions.js\";\r\nimport * as themeAction from \"../app/redux/actions/theme-actions\";\r\n// import Header from \"./components/header/header.jsx\";\r\nimport \"./index.scss\";\r\nimport \"./App.less\";\r\n\r\nclass App extends Component {\r\n\r\n render() {\r\n let path = window.location.pathname;\r\n if(path == \"/\"){\r\n document.title =\"Login – CAP Travel Assistance\"\r\n document.querySelector('meta[name=\"description\"]').content = \"Login to the CAP Travel Assistance Portal to enjoy everything the CAP Plan has to offer. Visit the website to login\"\r\n }\r\n else {\r\n document.title =\"CAP Travel Assistance\"\r\n document.querySelector('meta[name=\"description\"]').content = \"CAP Travel Assistance Portal to enjoy everything the CAP Plan has to offer.\";\r\n }\r\n let routes = routeOptions.routes.map(({ path, component, exact }, i) => (\r\n\r\n {/* \r\n {routes}\r\n {privateRoute}\r\n \r\n
\r\n \r\n {/*