{"version":3,"sources":["containers/home/Home.js"],"names":["Home","homeComponentName","state","onBooking","a","secondPage","store","getState","UISettings","flow","split","replace","clientBookingURL","props","$verifyPromo","then","_","jumpToSteps","URLSearchParams","window","location","search","get","err","ErrorTypes","NO_VEHICLE_AVAILABLE","Alert","error","console","log","onVehcicleMakeChange","$getMakeForVehtype","onLocationChangeSubLoc","$getSubLocations","NO_LOCATION_AVAILABLE","checkVehicleMake","$CheckVehicleMake","sendEmailAlert","$sendEmailAlert","urlParams","home","this","setState","$importHome","vehicleTypes","mapToInputPicker","vehicleMakes","googleTagContainerId","homeComponent","form","locations","primaryColor","secondaryColor","storeHours","storeHours_differentDropOff","storeHolidays","dateFormat","css","buttonColor","isAgeOnHome","isReservation","showClock","alwaysSamePickAndDrop","timeGap","showPickupDropoffAddress","hideOrDisableTimePicker","minimumBookingDays","maximumBookingDays","minimumBookingHours","earliestPickup","minimumDriverAge","$changeForm","$createCustomer","showLogoOnHome","homeScreenMessage","logo","$clearvehicleTypes","showPromoCode","showMonthYear","DropDownClock","cutOffTime","addDaysForCheckout","homeSettings","minimumBookingDaysFromConfig","sublocations","React","Component","connect","homeView","config","imports","homePage","dynamicStyle","trackingSettings","dispatch","componentName","importHomeComponent","key","value","changeForm","$fetchVehicleType","fetchVehicleType","verifyPromotion","createCustomer","clearvehicleTypes","getVehicleMakes","checkVehiclesMake","getSubLocations"],"mappings":"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","file":"static/js/370.62f39e73.chunk.js","sourcesContent":["import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { importHomeComponent } from \"../../redux/actions/importActions\";\r\nimport { changeForm, clearvehicleTypes } from \"../../redux/actions/formActions\";\r\nimport {\r\n  createCustomer,\r\n  fetchVehicleType,\r\n  verifyPromotion,\r\n  getVehicleMakes,\r\n  checkVehiclesMake,\r\n  getSubLocations,\r\n  sendEmailAlert,\r\n} from \"../../redux/actions/ApiActions\";\r\nimport { jumpToSteps, mapToInputPicker } from \"../../tools/utils\";\r\nimport { Alert } from \"rsuite\";\r\nimport ErrorTypes from \"../../tools/ErrorTypes\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport store from \"../../redux/createStore\";\r\n\r\n// vehicleTypes\r\n\r\nclass Home extends React.Component {\r\n  homeComponentName = \"\";\r\n\r\n  state = {\r\n    homeComponentName: \"\",\r\n  };\r\n\r\n  onBooking = async () => {\r\n    try {\r\n      let secondPage = store\r\n        .getState()\r\n        .UISettings.flow.split(\"/\")[1]\r\n        .replace(/[_-].*/, \"\");\r\n\r\n      let clientBookingURL = store.getState().UISettings.clientBookingURL ?? \"\";\r\n\r\n      //await this.props.$fetchVehicleType();\r\n      this.props.$verifyPromo().then((_) => {\r\n        jumpToSteps(\r\n          new URLSearchParams(window.location.search).get(\"clientid\"),\r\n          new URLSearchParams(window.location.search).get(\"lang\"),\r\n          secondPage,\r\n          clientBookingURL\r\n        );\r\n      });\r\n    } catch (err) {\r\n      if (err === ErrorTypes.NO_VEHICLE_AVAILABLE) {\r\n        Alert.error(\"No Vehicles available. Please Select different location.\");\r\n      }\r\n      console.log(err);\r\n    }\r\n  };\r\n\r\n  onVehcicleMakeChange = async () => {\r\n    try {\r\n      await this.props.$getMakeForVehtype();\r\n    } catch (err) {\r\n      if (err === ErrorTypes.NO_VEHICLE_AVAILABLE) {\r\n        Alert.error(\"No Vehicles available. Please Select different location.\");\r\n      }\r\n      console.log(err);\r\n    }\r\n  };\r\n\r\n  onLocationChangeSubLoc = async () => {\r\n    try {\r\n      await this.props.$getSubLocations();\r\n    } catch (err) {\r\n      if (err === ErrorTypes.NO_LOCATION_AVAILABLE) {\r\n        Alert.error(\r\n          \"No SubLocation available. Please Select different location.\"\r\n        );\r\n      }\r\n      console.log(err);\r\n    }\r\n  };\r\n\r\n  checkVehicleMake = async () => {\r\n    try {\r\n      await this.props.$CheckVehicleMake();\r\n    } catch (err) {\r\n      if (err === ErrorTypes.NO_VEHICLE_AVAILABLE) {\r\n        // Alert.error('No Vehicles available.');\r\n        throw err;\r\n      }\r\n      console.log(err);\r\n    }\r\n  };\r\n\r\n  sendEmailAlert = async () => {\r\n    try {\r\n      await this.props.$sendEmailAlert();\r\n    } catch (err) {\r\n      if (err === ErrorTypes.NO_VEHICLE_AVAILABLE) {\r\n        // Alert.error('No Vehicles available.');\r\n        throw err;\r\n      }\r\n      console.log(err);\r\n    }\r\n  };\r\n\r\n  urlParams = new URLSearchParams(window.location.search);\r\n\r\n  componentDidMount() {\r\n    const home = this.urlParams.get(\"home\");\r\n\r\n    this.setState({ homeComponentName: home });\r\n  }\r\n\r\n  render() {\r\n    if (this.state.homeComponentName) {\r\n      if (this.homeComponentName !== this.state.homeComponentName) {\r\n        this.homeComponentName = this.state.homeComponentName;\r\n        this.props.$importHome(this.homeComponentName);\r\n      }\r\n    } else if (this.homeComponentName !== this.props.homeComponentName) {\r\n      this.homeComponentName = this.props.homeComponentName;\r\n      this.props.$importHome();\r\n    }\r\n    const vehicleTypes = mapToInputPicker(\r\n      this.props.vehicleTypes,\r\n      \"value\",\r\n      \"id\",\r\n      \"id\"\r\n    );\r\n    const vehicleMakes = mapToInputPicker(\r\n      this.props.vehicleMakes,\r\n      \"value\",\r\n      \"id\",\r\n      \"value\"\r\n    );\r\n\r\n    //localStorage.removeItem('q');\r\n\r\n    return (\r\n      <>\r\n        {this.props.googleTagContainerId && (\r\n          <Helmet>\r\n            <script>\r\n              {`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\n                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\n                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n                    })(window,document,'script','dataLayer','${this.props.googleTagContainerId}');`}\r\n            </script>\r\n          </Helmet>\r\n        )}\r\n        <this.props.homeComponent\r\n          form={this.props.form}\r\n          locations={this.props.locations}\r\n          primaryColor={this.props.primaryColor}\r\n          secondaryColor={this.props.secondaryColor}\r\n          storeHours={this.props.storeHours}\r\n          storeHours_differentDropOff={this.props.storeHours_differentDropOff}\r\n          storeHolidays={this.props.storeHolidays}\r\n          dateFormat={this.props.dateFormat}\r\n          css={this.props.css || {}}\r\n          onBooking={this.onBooking}\r\n          buttonColor={this.props.buttonColor}\r\n          isAgeOnHome={this.props.isAgeOnHome}\r\n          isReservation={true}\r\n          vehicleTypes={vehicleTypes}\r\n          showClock={this.props.showClock === \"Y\"}\r\n          alwaysSamePickAndDrop={this.props.alwaysSamePickAndDrop}\r\n          timeGap={this.props.timeGap}\r\n          showPickupDropoffAddress={this.props.showPickupDropoffAddress || {}}\r\n          hideOrDisableTimePicker={this.props.hideOrDisableTimePicker}\r\n          minimumBookingDays={this.props.minimumBookingDays}\r\n          maximumBookingDays={this.props.maximumBookingDays}\r\n          minimumBookingHours={this.props.minimumBookingHours}\r\n          earliestPickup={this.props.earliestPickup}\r\n          minimumDriverAge={this.props.minimumDriverAge}\r\n          $changeForm={this.props.$changeForm}\r\n          $createCustomer={this.props.$createCustomer}\r\n          showLogoOnHome={this.props.showLogoOnHome}\r\n          homeScreenMessage={this.props.homeScreenMessage}\r\n          logo={this.props.logo}\r\n          $clearvehicleTypes={this.props.$clearvehicleTypes}\r\n          showPromoCode={this.props.showPromoCode}\r\n          showMonthYear={this.props.showMonthYear}\r\n          DropDownClock={this.props.DropDownClock}\r\n          cutOffTime={this.props.cutOffTime}\r\n          addDaysForCheckout={this.props.addDaysForCheckout}\r\n          homeSettings={this.props.homeSettings}\r\n          vehicleMakes={this.props.vehicleMakes}\r\n          onVehcicleMakeChange={this.onVehcicleMakeChange}\r\n          minimumBookingDaysFromConfig={this.props.minimumBookingDaysFromConfig}\r\n          checkVehicleMake={this.checkVehicleMake}\r\n          sublocations={this.props.sublocations}\r\n          onLocationChangeSubLoc={this.onLocationChangeSubLoc}\r\n          sendEmailAlert={this.sendEmailAlert}\r\n        />\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n  return {\r\n    homeComponentName: store.UISettings.homeView,\r\n    homeSettings: store.config.home,\r\n    timeGap: store.UISettings.timeGap,\r\n    dateFormat: store.UISettings.dateFormat,\r\n    primaryColor: store.UISettings.primaryColor,\r\n    secondaryColor: store.UISettings.secondaryColor,\r\n    buttonColor: store.UISettings.buttonColor,\r\n    isAgeOnHome: store.UISettings.isAgeOnHome,\r\n    vehicleTypes: store.UISettings.vehicleTypes,\r\n    showClock: store.UISettings.showClock,\r\n    alwaysSamePickAndDrop: store.UISettings.alwaysSamePickAndDrop,\r\n    homeComponent: store.imports.homePage,\r\n    locations: store.locations,\r\n    storeHours: store.storeHours,\r\n    storeHours_differentDropOff: store.storeHours_differentDropOff,\r\n    storeHolidays: store.storeHolidays,\r\n    showPickupDropoffAddress: store.UISettings.showPickupDropoffAddress,\r\n    hideOrDisableTimePicker: store.UISettings.hideOrDisableTimePicker,\r\n    minimumBookingDays: store.UISettings.minimumBookingDays,\r\n    maximumBookingDays: store.UISettings.maximumBookingDays,\r\n    minimumBookingHours: store.UISettings.minimumBookingHours,\r\n    earliestPickup: store.UISettings.earliestPickup,\r\n    minimumDriverAge: store.UISettings.minimumDriverAge,\r\n    form: store.form,\r\n    css: store.imports.dynamicStyle,\r\n    showLogoOnHome: store.UISettings.showLogoOnHome,\r\n    homeScreenMessage: store.UISettings.homeScreenMessage,\r\n    logo: store.UISettings.logo,\r\n    showPromoCode: store.UISettings.showPromoCode,\r\n    showMonthYear: store.UISettings.showMonthYear,\r\n    DropDownClock: store.UISettings.DropDownClock,\r\n    cutOffTime: store.UISettings.cutOffTime,\r\n    addDaysForCheckout: store.UISettings.addDaysForCheckout,\r\n    vehicleMakes: store.vehicleMakes,\r\n    minimumBookingDaysFromConfig: store.UISettings.minimumBookingDaysFromConfig,\r\n    googleTagContainerId: store.trackingSettings.googleTagContainerId,\r\n    sublocations: store.sublocations,\r\n  };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n  return {\r\n    $importHome: (componentName) =>\r\n      dispatch(importHomeComponent(componentName)),\r\n    $changeForm: (key, value) => dispatch(changeForm(key, value)),\r\n    $fetchVehicleType: () => dispatch(fetchVehicleType()),\r\n    $verifyPromo: () => dispatch(verifyPromotion()),\r\n    $createCustomer: () => dispatch(createCustomer()),\r\n    $clearvehicleTypes: () => dispatch(clearvehicleTypes()),\r\n    $getMakeForVehtype: () => dispatch(getVehicleMakes()),\r\n    $CheckVehicleMake: () => dispatch(checkVehiclesMake()),\r\n    $getSubLocations: () => dispatch(getSubLocations()),\r\n    $sendEmailAlert: () => dispatch(sendEmailAlert()),\r\n  };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Home);\r\n"],"sourceRoot":""}