It allows you to look up a reservation using the email and its locator.

The container setting defines the component’s width.


Parameters*


Main parameters

Parameter

Description

Example

webSessionId

Unique web session identifier. It is used to persist the user’s session across components and pages..

01CDA38719E74937A2F275757ABA34EE

bookingEngine

Booking Engine code

2

system

System Code

  • HPH: Desktop
  • MPH: Mobile
  • CCH: Call Center
  • B2B: B2B

HPH

language

Language

es

myBookingsUrl

Page where the reservations list component is located.

/area-cliente/listado-reservas.html

koHandler

Function called when reservation access fails

myBookingKo

component

Fixed value “customer-my-booking”

customer-my-booking

container

ID of the HTML element that will serve as the component’s container.

myBooking


* Any parameters that aren’t fixed must be replaced with the appropriate values at runtime, based on the type of search being performed.


Example of HTML Commented with Required Information


<script>
    function myBookingKo() {
        // Show an error message
}

    // Component parameters
    var genericManifestAndVendorsLoaded = genericManifestAndVendorsLoaded || false;
    var clientComponents = clientComponents || [];
    var firstClientComponent = clientComponents.length;
clientComponents.push({
        webSessionId: "01CDA38719E74937A2F275757ABA34EE",
        bookingEngine: "2",
        system: "HPH",
        language: "es",
        myBookingsUrl: "/area-cliente/listado-reservas.html",
koHandler: myBookingKo,
        component: "customer-my-booking",
        container: "myBooking"
});

    if(typeof gethTtScript != 'function'){
        window.gethTtScript = function(source){
            var script = document.createElement('script');
            var prior = document.getElementsByTagName('script')[0];
            script.async = 1;
script.src = source;
prior.parentNode.insertBefore(script, prior);
};
}

    if (firstClientComponent == 0) {
        document.addEventListener('DOMContentLoaded', function () {
            window.parameters = window.parameters || {};
            window.parameters.clientComponents = clientComponents;

            window.gethTtScript("https://hotel.new.hotetec.com/components/customer/js/main.js");
});
        
}
    if (!genericManifestAndVendorsLoaded) {
        window.gethTtScript("https://hotel.new.hotetec.com/components/js/vendors.js");
        window.gethTtScript("https://hotel.new.hotetec.com/components/js/manifest.js");
        genericManifestAndVendorsLoaded = true;
}
</script>

<div id="myBooking">Cargando...</div>