@influence-society-web/deshotelsetdesiles 4.1.3

package/dist/pages/Offers.js

@@ -0,0 +1,955 @@
+"use strict";
+(() => {
+  // src/utils/constants.ts
+  var prefix = "data";
+  var SELECTORS = {
+    startingPriceList: `[${prefix}=starting-price-list]`,
+    price: `[${prefix}=price]`,
+    discount: `[${prefix}=discount]`,
+    discountContainer: `[${prefix}=discount-container]`,
+    currency: `[${prefix}=currency]`,
+    beHid: `[${prefix}-be-hid]`,
+    destination: `[${prefix}=destination]`,
+    offersList: `[${prefix}=offers-list]`,
+    /** Offer slug page: wrapper with existing main offer. Match both data="..." and data-... for Webflow. */
+    offerSlugDetail: `[${prefix}=offer-slug-detail], [data-offer-slug-detail]`,
+    /** Offer slug page: "Nos autres offres" list container. */
+    offerSlugOthersList: `[${prefix}=offer-slug-others-list], [data-offer-slug-others-list]`,
+    /** Offer slug page: card template inside offer-slug-others-list (use .offer-others_item if no data-list-item). */
+    offerSlugOthersListItem: ".offer-others_item",
+    /** Offer slug page: "Nos autres offres" section wrapper. Shown when other offers are rendered. */
+    offersMoreWrapper: `[${prefix}=offers-more-wrapper]`,
+    offersListContainer: `[${prefix}=offers-list-container]`,
+    listItem: `[${prefix}=list-item]`,
+    image: `[${prefix}=image]`,
+    name: `[${prefix}=name]`,
+    description: `[${prefix}=description]`,
+    hotelName: `[${prefix}=hotel-name]`,
+    hotelLink: `[${prefix}=hotel-link]`,
+    hotelStartingPriceContainer: `[${prefix}=hotel-starting-price-container]`,
+    moreDetails: `[${prefix}=more-details]`,
+    offersPopup: `[${prefix}=offers-popup]`,
+    offersPopupClose: `[${prefix}=close-btn]`,
+    hotelReserveLink: `[${prefix}=hotel-reserve-link]`,
+    hotelVillaReserveLink: `[${prefix}=hotel-villa-reserve-link]`,
+    hotelURLS: `[${prefix}=hotel-urls]`,
+    languageDropdown: `[${prefix}=language-dropdown]`,
+    selectedLanguage: `[${prefix}=selected-language]`,
+    loadingSpinner: `[${prefix}=loading-spinner]`,
+    cmsFilterEmptyState: `[fs-cmsfilter-element=empty]`,
+    startingfromItem: (id) => `[${prefix}-be-hid=${id}]`,
+    popupOverlay: `[fs-smartlightbox-element=trigger-close]`
+  };
+  var GUADELOUPE = {
+    en: "Guadeloupe Islands",
+    fr: "Les \xCEles de Guadeloupe",
+    es: "Las islas de Guadalupe",
+    it: "Le isole della Guadalupa"
+  };
+  var DOMINIQUE = {
+    en: "La Dominique",
+    fr: "La Dominique",
+    es: "Dominica",
+    it: "Dominica"
+  };
+  var SAINT_LUCIE = {
+    en: "Saint Lucia",
+    fr: "Sainte-Lucie",
+    es: "Santa Luc\xEDa",
+    it: "Santa Lucia"
+  };
+  var MARTINIQUE = {
+    en: "Martinique",
+    fr: "Martinique",
+    es: "Martinica",
+    it: "Martinica"
+  };
+  var ILE_MAURICE = {
+    en: "Mauritius",
+    fr: "\xCEle Maurice",
+    es: "Mauricio",
+    it: "Mauritius"
+  };
+  var SAINT_MARTIN = {
+    en: "Saint Martin",
+    fr: "Saint-Martin",
+    es: "Saint-Martin",
+    it: "Saint Martin"
+  };
+  var ANTIGUA = {
+    en: "Antigua",
+    fr: "Antigua",
+    es: "Antigua",
+    it: "Antigua"
+  };
+  var ANGUILLA = {
+    en: "Anguilla",
+    fr: "Anguilla",
+    es: "Anguila",
+    it: "Anguilla"
+  };
+  var SNIPPET_CODE_TO_HOTEL = {
+    gpgos12767: {
+      destination: GUADELOUPE,
+      slug: "/hotels-et-villas/creole-beach-hotel-spa",
+      codeIPlanet: "FRAN414",
+      cmsId: "67c809b5f63deab8a71cf8e9"
+    },
+    gptro12772: {
+      destination: GUADELOUPE,
+      slug: "/hotels-et-villas/le-jardin-malanga",
+      codeIPlanet: "FRAN416",
+      cmsId: "67c809b5f63deab8a71cf90d"
+    },
+    gpsai12770: {
+      destination: GUADELOUPE,
+      slug: "/hotels-et-villas/la-toubana-hotel-spa",
+      codeIPlanet: "FRAN411",
+      cmsId: "67c809b5f63deab8a71cf8ef"
+    },
+    gpgos12769: {
+      destination: GUADELOUPE,
+      slug: "/hotels-et-villas/mahogany-hotel-residence-spa",
+      codeIPlanet: "FRAN423",
+      cmsId: "67c809b5f63deab8a71cf91f"
+    },
+    gpgua27143: {
+      destination: GUADELOUPE,
+      slug: "/hotels-et-villas/langley-resort-fort-royal",
+      codeIPlanet: "GPAN32",
+      cmsId: "67c809b5f63deab8a71cf8f0"
+    },
+    mqros18592: {
+      destination: DOMINIQUE,
+      slug: "/hotels-et-villas/jungle-bay-dominica",
+      codeIPlanet: "DMAN1",
+      cmsId: "67c809b5f63deab8a71cf8ed"
+    },
+    dmtib00001: {
+      destination: DOMINIQUE,
+      slug: "/hotels-et-villas/secret-bay-dominique",
+      codeIPlanet: "DMAN2",
+      cmsId: "67c809b5f63deab8a71cfefd"
+    },
+    agste21689: {
+      destination: SAINT_LUCIE,
+      slug: "/hotels-et-villas/jade-mountain",
+      codeIPlanet: "AGAN6",
+      cmsId: "67c809b5f63deab8a71cf92a"
+    },
+    zzzzz25376: {
+      destination: SAINT_LUCIE,
+      slug: "/hotels-et-villas/windjammer-landing",
+      codeIPlanet: "LCAN4",
+      cmsId: "67c809b5f63deab8a71cf92b"
+    },
+    lcgro30400: {
+      destination: SAINT_LUCIE,
+      slug: "/hotels-et-villas/cap-maison",
+      codeIPlanet: "LCLC8",
+      cmsId: "67c809b5f63deab8a71cf929"
+    },
+    agste21688: {
+      destination: SAINT_LUCIE,
+      slug: "/hotels-et-villas/anse-chastanet",
+      codeIPlanet: "AGAN5",
+      cmsId: "67c809b5f63deab8a71cf928"
+    },
+    mqsai18593: {
+      destination: MARTINIQUE,
+      slug: "/hotels-et-villas/plein-soleil",
+      codeIPlanet: "MQAN16",
+      cmsId: "67c809b5f63deab8a71cf925"
+    },
+    zzzzz25378: {
+      destination: ILE_MAURICE,
+      slug: "/hotels-et-villas/shanti-maurice",
+      codeIPlanet: "MUAN22",
+      cmsId: "67c809b5f63deab8a71cf933"
+    },
+    zzzzz25377: {
+      destination: ILE_MAURICE,
+      slug: "/hotels-et-villas/lux-le-morne",
+      codeIPlanet: "MUAN21",
+      cmsId: "67c809b5f63deab8a71cf931"
+    },
+    zzzzz25379: {
+      destination: ILE_MAURICE,
+      slug: "/hotels-et-villas/constance-belle-mare-plage",
+      codeIPlanet: "MUAN20",
+      cmsId: "67c809b5f63deab8a71cf92f"
+    },
+    mupos25678: {
+      destination: ILE_MAURICE,
+      slug: "/hotels-et-villas/constance-le-prince-maurice",
+      codeIPlanet: "MUAN24",
+      cmsId: "67c809b5f63deab8a71cf930"
+    },
+    zzzzz25380: {
+      destination: ILE_MAURICE,
+      slug: "/hotels-et-villas/anahita-the-resort",
+      codeIPlanet: "MUAN19",
+      cmsId: "67c809b5f63deab8a71cf92e"
+    },
+    agstm21687: {
+      destination: SAINT_MARTIN,
+      slug: "/hotels-et-villas/la-samanna",
+      codeIPlanet: "FRAN2350",
+      cmsId: "67c809b5f63deab8a71cf926"
+    },
+    frsai31536: {
+      destination: SAINT_MARTIN,
+      slug: "/hotels-et-villas/le-grand-case-beach-club",
+      codeIPlanet: "FRFRA3",
+      cmsId: "67c809b5f63deab8a71cf927"
+    },
+    ageng20433: {
+      destination: ANTIGUA,
+      slug: "/hotels-et-villas/the-inn-at-english-harbour",
+      codeIPlanet: "AGAN4",
+      cmsId: "67c809b5f63deab8a71cf8ec"
+    },
+    agcro20496: {
+      destination: ANTIGUA,
+      slug: "/hotels-et-villas/blue-waters",
+      codeIPlanet: "AGAN1",
+      cmsId: "67c809b5f63deab8a71cf8eb"
+    },
+    gpang25884: {
+      destination: ANGUILLA,
+      slug: "/hotels-et-villas/aurora-anguilla-resort-golf-club",
+      codeIPlanet: "GPAN30",
+      cmsId: "67c809b5f63deab8a71cf8ea"
+    }
+  };
+  var CURRENCY_TO_SYMBOL = {
+    AED: "\u062F.\u0625.",
+    AFN: "Af",
+    ALL: "L",
+    AMD: "\u058F",
+    ANG: "\u0192",
+    AOA: "Kz",
+    ARS: "AR$",
+    AUD: "AU$",
+    AWG: "\u0192",
+    AZN: "\u043C\u0430\u043D",
+    BAM: "KM",
+    BBD: "BBD$",
+    BDT: "\u09F3",
+    BGN: "\u043B\u0432.",
+    BHD: "BD",
+    BIF: "FBu",
+    BMD: "$",
+    BND: "B$",
+    BOB: "Bs.",
+    BRL: "R$",
+    BSD: "$",
+    BTN: "Nu.",
+    BWP: "P",
+    BYN: "Br",
+    BZD: "BZ$",
+    CAD: "CA$",
+    CDF: "FC",
+    CHF: "Fr.",
+    CKD: "$",
+    CLP: "CL$",
+    CNY: "CN\xA5",
+    COP: "CO$",
+    CRC: "\u20A1",
+    CUC: "CUC$",
+    CUP: "$MN",
+    CVE: "CV$",
+    CZK: "K\u010D",
+    DJF: "Fdj",
+    DKK: "kr.",
+    DOP: "RD$",
+    DZD: "DA",
+    EGP: "E\xA3",
+    EHP: "Ptas.",
+    ERN: "Nkf",
+    ETB: "Br",
+    EUR: "\u20AC",
+    FJD: "FJ$",
+    FKP: "FK\xA3",
+    FOK: "kr",
+    GBP: "\xA3",
+    GEL: "\u20BE",
+    GGP: "\xA3",
+    GHS: "GH\u20B5",
+    GIP: "\xA3",
+    GMD: "D",
+    GNF: "FG",
+    GTQ: "Q",
+    GYD: "G$",
+    HKD: "HK$",
+    HNL: "L",
+    HRK: "kn",
+    HTG: "G",
+    HUF: "Ft",
+    IDR: "Rp",
+    ILS: "\u20AA",
+    IMP: "\xA3",
+    INR: "Rs.",
+    IQD: "\u062F.\u0639.",
+    IRR: "\uFDFC",
+    ISK: "kr",
+    JEP: "\xA3",
+    JMD: "J$",
+    JOD: "JD",
+    JPY: "\xA5",
+    KES: "KSh",
+    KGS: "\u0441",
+    KHR: "\u17DB",
+    KID: "$",
+    KMF: "CF",
+    KPW: "\u20A9",
+    KRW: "\u20A9",
+    KWD: "KD",
+    KYD: "CI$",
+    KZT: "\u20B8",
+    LAK: "\u20ADN",
+    LBP: "LL.",
+    LKR: "Rs.",
+    LRD: "L$",
+    LSL: "L",
+    LYD: "LD",
+    MAD: "DH",
+    MDL: "L",
+    MGA: "Ar",
+    MKD: "den",
+    MMK: "Ks",
+    MNT: "\u20AE",
+    MOP: "MOP$",
+    MRU: "UM",
+    MUR: "Rs.",
+    MVR: "MRf",
+    MWK: "MK",
+    MXN: "MX$",
+    MYR: "RM",
+    MZN: "MTn",
+    NAD: "N$",
+    NGN: "\u20A6",
+    NIO: "C$",
+    NOK: "kr",
+    NPR: "Rs.",
+    NZD: "NZ$",
+    OMR: "OR",
+    PAB: "B/.",
+    PEN: "S/.",
+    PGK: "K",
+    PHP: "\u20B1",
+    PKR: "Rs.",
+    PLN: "z\u0142",
+    PND: "$",
+    PRB: "\u0440.",
+    PYG: "\u20B2",
+    QAR: "QR",
+    RON: "L",
+    RSD: "din",
+    RUB: "\u20BD",
+    RWF: "FRw",
+    SAR: "SR",
+    SBD: "SI$",
+    SCR: "Rs.",
+    SDG: "\xA3SD",
+    SEK: "kr",
+    SGD: "S$",
+    SHP: "\xA3",
+    SLL: "Le",
+    SLS: "Sl",
+    SOS: "Sh.So.",
+    SRD: "Sr$",
+    SSP: "SS\xA3",
+    STN: "Db",
+    SVC: "\u20A1",
+    SYP: "LS",
+    SZL: "L",
+    THB: "\u0E3F",
+    TJS: "SM",
+    TMT: "m.",
+    TND: "DT",
+    TOP: "T$",
+    TRY: "TL",
+    TTD: "TT$",
+    TVD: "$",
+    TWD: "NT$",
+    TZS: "TSh",
+    UAH: "\u20B4",
+    UGX: "USh",
+    USD: "$",
+    UYU: "$U",
+    UZS: "\u0441\u0443\u043C",
+    VED: "Bs.",
+    VES: "Bs.F",
+    VND: "\u20AB",
+    VUV: "VT",
+    WST: "T",
+    XAF: "Fr",
+    XCD: "$",
+    XOF: "\u20A3",
+    XPF: "\u20A3",
+    YER: "YR",
+    ZAR: "R",
+    ZMW: "ZK",
+    ZWB: "",
+    ZWL: "Z$",
+    Abkhazia: "",
+    Artsakh: "\u0564\u0580."
+  };
+  var LANG_TO_LOCALE = {
+    it: "it_IT",
+    es: "es_ES",
+    fr: "fr_FR",
+    en: "en_GB"
+  };
+  var apiBaseUrl = "https://deshotelsetdesiles.ccordier.workers.dev/v2/";
+  var hotelAndFlightURLBaseUrl = "https://deshotelsetdesiles.i-planet.fr/dhdi-public/searchform.cgi";
+  var DEFAULT_COUNTRY_CODE = "FR";
+  var GTM_GL = "1*q1lzz9*_gcl_au*MTMyMzcyMDY5NC4xNzM5Mjg5MzYx*_ga*NTAxMzI1MzMwLjE3MzkyODkzNjE.*_ga_Q0RXHLR7D4*MTczOTI5NzEzNC4zLjAuMTczOTI5NzE3Mi4yMi4wLjA.";
+
+  // src/utils/countries/userCountry.ts
+  var getUserCountryCode = async () => {
+    return new Promise((resolve) => {
+      geoip2.country(
+        (successResponse) => {
+          resolve(successResponse.country.iso_code);
+        },
+        () => {
+          resolve(DEFAULT_COUNTRY_CODE);
+        }
+      );
+    });
+  };
+
+  // src/utils/buildQueryParams.ts
+  var buildQueryParams = (queryParams) => {
+    let url = "?";
+    for (const [key, value] of Object.entries(queryParams)) {
+      if (value) {
+        url += `${key}=${value}&`;
+      }
+    }
+    return url;
+  };
+
+  // src/utils/ApiClient.ts
+  var ApiClient = class {
+    /**
+     *
+     * @param queryParams to include as part of query for the request
+     * @returns offers data for a group of hotels
+     */
+    async getGroupOffersData(queryParams) {
+      const url = apiBaseUrl + "groupOffers" + buildQueryParams(queryParams);
+      const response = await fetch(url);
+      const body = await response.json();
+      if (body.error || !body.data)
+        return null;
+      return body;
+    }
+    /**
+     *
+     * @param queryParams to include as part of query for the request
+     * @returns offers data for a single hotel
+     */
+    async getSingleHotelOffersData(queryParams) {
+      const url = apiBaseUrl + "offers" + buildQueryParams(queryParams);
+      const response = await fetch(url);
+      const body = await response.json();
+      if (body.error || !body.data)
+        return null;
+      return body;
+    }
+    /**
+     *
+     * @param queryParams to include as part of query for the request
+     * @returns Starting CMS offers data
+     */
+    async getCMSOffers() {
+      const url = apiBaseUrl + "cmsOffers";
+      const response = await fetch(url);
+      const body = await response.json();
+      if (!body.items)
+        return null;
+      return body;
+    }
+    /**
+     * @returns all CMS countries
+     */
+    async getCountries() {
+      const url = apiBaseUrl + "cmsCountries";
+      const response = await fetch(url);
+      const body = await response.json();
+      if (!body.items)
+        return null;
+      return body;
+    }
+  };
+
+  // src/utils/utils.ts
+  var listenForLanguageChange = () => {
+    const isitProduction = isProduction();
+    if (!isitProduction) {
+      const currentStagingLang = localStorage.getItem("wglang") || "fr";
+      window.Weglot.switchTo(currentStagingLang);
+    }
+    window.Weglot.on("languageChanged", () => {
+      if (isitProduction) {
+        window.location.reload();
+      } else {
+        const newLang = window.Weglot.getCurrentLang();
+        localStorage.setItem("wglang", newLang);
+        if (window.loadFromServer) {
+          window.loadFromServer();
+        }
+      }
+    });
+  };
+  var isProduction = () => {
+    return window.location.hostname !== "deshotelsetdesiles.webflow.io";
+  };
+  var getLocale = () => {
+    const lang = getLanguage();
+    return LANG_TO_LOCALE[lang];
+  };
+  var getLanguage = () => {
+    if (!isProduction()) {
+      return localStorage.getItem("wglang") || "fr";
+    }
+    try {
+      const language = window.Weglot.getCurrentLang();
+      if (language) {
+        return language;
+      }
+    } catch (error) {
+      console.error("Error getting language", error);
+      return "fr";
+    }
+    return "fr";
+  };
+  var cmsIDToHotelIdMap = () => {
+    const map = {};
+    Object.entries(SNIPPET_CODE_TO_HOTEL).forEach(([key, value]) => {
+      map[value.cmsId] = key;
+    });
+    return map;
+  };
+  var offerSlug = (hotelId, offerName) => {
+    return `${hotelId.toLowerCase().trim()}-${offerName.toLowerCase().trim()}`;
+  };
+  var hotelAndFlightURL = (currency, hotelID, accessCodeValue) => {
+    const lang = getLanguage().toUpperCase();
+    const hotelCode = SNIPPET_CODE_TO_HOTEL[hotelID].codeIPlanet.toUpperCase();
+    let url = `${hotelAndFlightURLBaseUrl}?Lang=${lang}&currency=${currency.toUpperCase()}&HotelCode=${hotelCode}`;
+    const gaTag = getCookie("_ga");
+    const glTag = GTM_GL;
+    const gclAuTag = getCookie("_gcl_au");
+    url += `&_ga=${gaTag}&_gl=${glTag}&_gcl_au=${gclAuTag}`;
+    if (accessCodeValue) {
+      url = `${url}&HotelPromo=${accessCodeValue}`;
+    }
+    return url;
+  };
+  var getCookie = (name) => {
+    const match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
+    return match ? match[2] : null;
+  };
+
+  // src/utils/bindQuotationData.ts
+  var bindQuotationData = (container, rate, hotelId, cmsOfferData) => {
+    const {
+      quotation,
+      rate: { distribution }
+    } = rate;
+    const { pricePerNight, currency, plainBookLink } = quotation;
+    const { accessCode } = distribution || {};
+    let accessCodeValue = "";
+    if (accessCode && accessCode.length > 0) {
+      [accessCodeValue] = accessCode;
+    }
+    updatePriceElement(container, pricePerNight, currency);
+    const hotelReserveEls = container.querySelector(SELECTORS.hotelReserveLink);
+    if (hotelReserveEls) {
+      hotelReserveEls.addEventListener("click", (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        window.open(plainBookLink, "_blank");
+      });
+    }
+    const hotelVillaReserveEl = container.querySelector(
+      SELECTORS.hotelVillaReserveLink
+    );
+    if (hotelVillaReserveEl) {
+      hotelVillaReserveEl.addEventListener("click", (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        window.open(hotelAndFlightURL(currency, hotelId, accessCodeValue), "_blank");
+      });
+    }
+    if (cmsOfferData) {
+      const {
+        fieldData: { "discount-percentage": discountPercentage }
+      } = cmsOfferData;
+      const discountEl = container.querySelector(SELECTORS.discount);
+      if (discountEl && discountPercentage)
+        discountEl.innerHTML = `-${discountPercentage}%`;
+      const discountContainerEl = container.querySelector(
+        SELECTORS.discountContainer
+      );
+      if (discountContainerEl && !discountPercentage) {
+        discountContainerEl.style.display = "none";
+      }
+    }
+  };
+  var updatePriceElement = (container, pricePerNight, currency) => {
+    const priceEl = container.querySelector(SELECTORS.price);
+    if (priceEl)
+      priceEl.innerHTML = Math.floor(pricePerNight).toString();
+    const currencyEl = container.querySelector(SELECTORS.currency);
+    if (currencyEl)
+      currencyEl.innerHTML = CURRENCY_TO_SYMBOL[currency];
+  };
+
+  // src/utils/Offers.ts
+  var Offers = class {
+    /**
+     *
+     * @param listInstance  The list that the offers will be displayed in
+     * @param itemTemplateElement The template element to create new items from
+     */
+    constructor(listInstance, itemTemplateElement) {
+      this.listInstance = listInstance;
+      this.itemTemplateElement = itemTemplateElement;
+      this.cmsFilterEmptyState = document.querySelector(
+        SELECTORS.cmsFilterEmptyState
+      );
+      if (this.cmsFilterEmptyState) {
+        this.cmsFilterEmptyState.classList.add("hide-empty-state");
+      }
+      listInstance.clearItems();
+      listenForLanguageChange();
+      this.loadingSpinner = document.querySelector(SELECTORS.loadingSpinner);
+      this.countryCode = DEFAULT_COUNTRY_CODE;
+    }
+    /** The loading spinner element */
+    loadingSpinner;
+    /** The empty state element */
+    cmsFilterEmptyState;
+    /** A lookup object for the cms offers data */
+    offerLookup = {};
+    /** The api client */
+    apiClient = new ApiClient();
+    /** The user's country code */
+    countryCode;
+    /** All available countries in CMS */
+    availableCountries = {};
+    /**
+     * Retrieve hotel offer for given hotel IDs
+     * @param options to filter the offers
+     */
+    async getGroupOffers(options) {
+      const { clearItems = true, filter } = options || {};
+      if (clearItems)
+        this.listInstance.clearItems();
+      const cmsOffersData = await this.apiClient.getCMSOffers();
+      if (!cmsOffersData)
+        return;
+      const cmsCountries = await this.apiClient.getCountries();
+      if (!cmsCountries)
+        return;
+      cmsCountries.items.forEach((c) => {
+        this.availableCountries[c.id] = c.fieldData.title?.trim();
+      });
+      this.countryCode = await getUserCountryCode();
+      const filteredOffers = cmsOffersData.items.filter(filter).filter(this.countryCodeFilter);
+      const generatedHotelIds = this.generateHotelIds(filteredOffers);
+      let hids = this.generateHotelIds(filteredOffers).join(",");
+      const singleHotel = generatedHotelIds.length === 1;
+      if (singleHotel) {
+        hids = [hids, hids].join(",");
+      }
+      const { offerMetaData } = this.generateOfferData(filteredOffers);
+      const locale = getLocale();
+      const hotelOffersData = await this.apiClient.getGroupOffersData({
+        hids,
+        locale
+      });
+      if (!hotelOffersData || hotelOffersData.error || !hotelOffersData.data) {
+        this.hideSpinnerAndShowFilter();
+        return;
+      }
+      if (singleHotel) {
+        hotelOffersData.data = [hotelOffersData.data[0]];
+      }
+      const offers = this.getAllOffers(hotelOffersData, offerMetaData);
+      this.addHotelToCollection(offers);
+      this.hideSpinnerAndShowFilter();
+    }
+    /**
+     * Retrieve hotel offer for given offer category
+     * @param categoryId
+     * @param allOffers
+     */
+    async getGroupCategoryOffers(categoryId, allOffers = false) {
+      const filter = (value) => {
+        const { isArchived, isDraft, fieldData } = value;
+        if (isArchived || isDraft)
+          return false;
+        if (allOffers) {
+          return (!fieldData.thematiques || fieldData.thematiques.length === 0) && !fieldData.slug.includes("derniere-minute") && !fieldData.slug.includes("reservez-tot");
+        }
+        return fieldData.category === categoryId;
+      };
+      await this.getGroupOffers({ filter });
+    }
+    /**
+     * Retrieve hotel offer for given offer theme
+     * @param themeId
+     */
+    async getGroupThemeOffers(themeId) {
+      const filter = (value) => {
+        const { isArchived, isDraft, fieldData } = value;
+        if (isArchived || isDraft || !fieldData.thematiques)
+          return false;
+        return fieldData.thematiques.includes(themeId);
+      };
+      await this.getGroupOffers({ filter });
+    }
+    /**
+     * Retrieve hotel offer for the given offer slug (single offer page).
+     * @param slug The offer slug from the page URL (e.g. forfait-special-ete-jungle-bay).
+     */
+    async getGroupSlugOffers(slug) {
+      const filter = (value) => {
+        const { isArchived, isDraft, fieldData } = value;
+        if (isArchived || isDraft)
+          return false;
+        return fieldData.slug === slug;
+      };
+      await this.getGroupOffers({ filter });
+    }
+    /**
+     * Retrieve all other offers (same as "all offers" list) excluding the given slug.
+     * Used for "Nos autres offres" on the offer detail page.
+     * @param excludeSlug The current page's offer slug to exclude from the list.
+     */
+    async getGroupOtherOffers(excludeSlug) {
+      const filter = (value) => {
+        const { isArchived, isDraft, fieldData } = value;
+        if (isArchived || isDraft)
+          return false;
+        if (fieldData.slug === excludeSlug)
+          return false;
+        return (!fieldData.thematiques || fieldData.thematiques.length === 0) && !fieldData.slug.includes("derniere-minute") && !fieldData.slug.includes("reservez-tot");
+      };
+      await this.getGroupOffers({ filter });
+    }
+    /**
+     * Hide the loading spinner and show the empty state if no offers are found
+     * @private
+     */
+    hideSpinnerAndShowFilter() {
+      if (this.loadingSpinner)
+        this.loadingSpinner.style.display = "none";
+      if (this.cmsFilterEmptyState) {
+        this.cmsFilterEmptyState.classList.remove("hide-empty-state");
+      }
+    }
+    /**
+     * Filter the offers based on the country code
+     * @param item
+     */
+    countryCodeFilter = (item) => {
+      const { fieldData } = item;
+      if (!fieldData["supported-countries"] || fieldData["supported-countries"].length === 0)
+        return true;
+      const itemCountryCodes = fieldData["supported-countries"].map(
+        (c) => this.availableCountries[c]
+      );
+      return itemCountryCodes.includes(this.countryCode);
+    };
+    /**
+     *
+     * @param cmsOffers to generate hotel ids from
+     * @returns hotel ids based on the cms offers
+     */
+    generateHotelIds(cmsOffers) {
+      const hotelIds = [];
+      const cmsIDToHotelIds = cmsIDToHotelIdMap();
+      cmsOffers.forEach((offer) => {
+        const {
+          fieldData: { "hotel-villa": hotelCMSId }
+        } = offer;
+        hotelIds.push(cmsIDToHotelIds[hotelCMSId]);
+      });
+      return Array.from(new Set(hotelIds));
+    }
+    /**
+     * Retrieve all offers from the group offers data in a flat structure - sorted by CMS offer order
+     * @param hotelOffersData to get all rates from
+     * @param offerMetaData
+     * @returns the offer with each rate as a separate item
+     */
+    getAllOffers(hotelOffersData, offerMetaData) {
+      const rates = [];
+      hotelOffersData.data.forEach((offer) => {
+        const {
+          prop: { hid },
+          rates: offerRates
+        } = offer;
+        offerRates.forEach((rate) => {
+          const { name, title } = rate.rate;
+          const includeOffer = offerMetaData.includes(offerSlug(hid, name)) || offerMetaData.includes(offerSlug(hid, title));
+          if (includeOffer) {
+            rates.push({
+              ...offer,
+              rates: [rate]
+            });
+          }
+        });
+      });
+      rates.sort((a, b) => {
+        const cmsOfferA = this.offerLookup[offerSlug(a.prop.hid, a.rates[0].rate.title)] || this.offerLookup[offerSlug(a.prop.hid, a.rates[0].rate.name)];
+        const cmsOfferB = this.offerLookup[offerSlug(b.prop.hid, b.rates[0].rate.title)] || this.offerLookup[offerSlug(b.prop.hid, b.rates[0].rate.name)];
+        const aOrder = Number(cmsOfferA.fieldData.order) || 0;
+        const bOrder = Number(cmsOfferB.fieldData.order) || 0;
+        return aOrder - bOrder;
+      });
+      return rates;
+    }
+    /**
+     *
+     * @param filteredOffers to generate offer data from CMS offers
+     * generate the offer metadata and create a lookup object for the cms offers data (useful when looking up for offers discount percentage)
+     * @returns
+     */
+    generateOfferData(filteredOffers) {
+      const offerMetaData = [];
+      filteredOffers.forEach((offer) => {
+        const {
+          fieldData: { "hotel-or-property-api-id": hotelId, "offer-api-name": name }
+        } = offer;
+        const slug = offerSlug(hotelId, name);
+        offerMetaData.push(slug);
+        this.offerLookup[slug] = offer;
+      });
+      return { offerMetaData };
+    }
+    /**
+     *
+     * @param offers
+     */
+    addHotelToCollection(offers) {
+      for (const { prop, rates } of offers) {
+        const items = rates.map((item) => this.createItem(prop, item, this.itemTemplateElement));
+        this.listInstance.addItems(items);
+      }
+    }
+    /**
+     * Creates an item from the template element.
+     * @param offerProperty
+     * @param rate The Rate data to create the item from.
+     * @param templateElement The template element.
+     *
+     * @returns A new Collection Item element.
+     */
+    createItem(offerProperty, rate, templateElement) {
+      const { rate: rateData } = rate;
+      const { hid, title: hotelName, property } = offerProperty;
+      const { image, title, name } = rateData;
+      const offerCMSData = this.offerLookup[offerSlug(hid || property, title)] || this.offerLookup[offerSlug(hid || property, name)];
+      const newItem = templateElement.cloneNode(true);
+      const hotelMeta = SNIPPET_CODE_TO_HOTEL[hid || property];
+      if (!hotelMeta)
+        return newItem;
+      const { destination, slug } = hotelMeta;
+      this.bindOffersMetaData(newItem, { destination, image, hotelName, title, slug });
+      bindQuotationData(newItem, rate, hid, offerCMSData);
+      const moreDetails = newItem.querySelector(SELECTORS.moreDetails);
+      if (moreDetails) {
+        moreDetails.addEventListener("click", () => {
+          const offersSlug = this.getOffersCmsSlug(hid, property, name);
+          window.location.href = `/offers/${offersSlug}`;
+        });
+      }
+      newItem.style.display = "flex";
+      return newItem;
+    }
+    getOffersCmsSlug(hid, property, title) {
+      const offerCMSData = this.offerLookup[offerSlug(hid || property, title)];
+      return offerCMSData?.fieldData.slug;
+    }
+    /**
+     *
+     * @param container for data item
+     * @param destination for offer
+     * @param image for offer
+     * @param hotelName for hotel
+     * @param title for offer
+     * @param slug
+     * @param description
+     */
+    bindOffersMetaData(container, {
+      destination,
+      image,
+      hotelName,
+      title,
+      slug,
+      description
+    }) {
+      const destinationEl = container.querySelector(SELECTORS.destination);
+      const imageEl = container.querySelector(SELECTORS.image);
+      const hotelNameEl = container.querySelector(SELECTORS.hotelName);
+      const nameEl = container.querySelector(SELECTORS.name);
+      const descriptionEl = container.querySelector(SELECTORS.description);
+      const hotelLinkEl = container.querySelector(SELECTORS.hotelLink);
+      const language = getLanguage();
+      if (destinationEl)
+        destinationEl.textContent = destination[language];
+      if (imageEl)
+        imageEl.src = image?.url;
+      if (hotelNameEl)
+        hotelNameEl.innerHTML = hotelName;
+      if (nameEl)
+        nameEl.innerHTML = title;
+      if (descriptionEl && description)
+        descriptionEl.innerHTML = description;
+      if (hotelLinkEl && slug) {
+        hotelLinkEl.addEventListener("click", () => {
+          window.location.href = slug;
+        });
+      }
+    }
+  };
+
+  // src/utils/createOffersInstance.ts
+  var createOffersInstance = (filtersInstances) => {
+    const [filtersInstance] = filtersInstances;
+    const { listInstance } = filtersInstance;
+    if (listInstance.items.length === 0) {
+      throw new Error("No items found in the list instance - Cannot create an instance of Offers");
+    }
+    return createOfferForList(listInstance);
+  };
+  var createOfferForList = (listInstance) => {
+    const [firstItem] = listInstance.items;
+    if (!firstItem)
+      throw new Error("No items found in the list instance");
+    const itemTemplateElement = firstItem.element;
+    return new Offers(listInstance, itemTemplateElement);
+  };
+
+  // src/pages/Offers.ts
+  window.fsAttributes = window.fsAttributes || [];
+  window.loadFromServer = () => {
+    window.fsAttributes.push([
+      "cmsfilter",
+      async (filtersInstances) => {
+        const offers = createOffersInstance(filtersInstances);
+        await offers.getGroupCategoryOffers(void 0, true);
+      }
+    ]);
+  };
+  window.loadFromServer();
+})();
+//# sourceMappingURL=Offers.js.map