@odynn/awayz-hotels 0.1.17 → 0.1.19

package/dist/components/HotelResult/HotelResult.js

@@ -1,58 +1,64 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useState as N, useEffect as g } from "react";
+import { useState as g, useRef as V, useEffect as u } from "react";
 import '../../assets/_styles.css';/* empty css                                  */
-import { o as I } from "../../stringUtils-CvWpky85.js";
+import { o as b } from "../../stringUtils-CvWpky85.js";
 import "../../moment-BGjjqtLQ.js";
 import "../../arrayExtensions-cyilNkdJ.js";
 import { UnavailableDate as x } from "../Banners/UnavailableDate/UnavailableDate.js";
-import { c as C, d as H, e as V, f as b } from "../../index-B2vRnlU4.js";
-import { HotelChains as f } from "../../definitions/HotelChains.js";
-import j, { ERatingColor as w } from "../Banners/Ratings/Ratings.js";
-import { getBookingOptions as B } from "../../utilities/hotelUtils/hotelUtils.js";
-const T = (...e) => e.join(" ");
-function k(e) {
+import { c as C, d as H, e as w, f as j } from "../../index-B2vRnlU4.js";
+import { HotelChains as v } from "../../definitions/HotelChains.js";
+import k, { ERatingColor as B } from "../Banners/Ratings/Ratings.js";
+import { getBookingOptions as T } from "../../utilities/hotelUtils/hotelUtils.js";
+const D = (...e) => e.join(" ");
+function G(e) {
   if (!e || isNaN(e) || e < 0) return "N/A";
   let n = e == null ? void 0 : e.toString().split(".")[0];
   return n == null ? void 0 : n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-const D = (e, n) => {
+const M = (e, n) => {
   if (e <= 0) return "N/A";
-  var r = new Intl.NumberFormat("en-US", {
+  var a = new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
   });
-  return e ? r.format(Math.round(e)).toString().split(".")[0] : r.format(0);
-}, K = ({
+  return e ? a.format(Math.round(e)).toString().split(".")[0] : a.format(0);
+}, Q = ({
   details: e,
   onHotelSelect: n,
-  onViewDetails: r,
-  customStyling: v = !1,
+  onViewDetails: a,
+  customStyling: y = !1,
   isSelected: i
 }) => {
-  const [m, u] = N(i), {
-    transferPartners: a,
-    bestBookingOption: c,
-    alternateBookingOption: s,
-    hasPoints: y
-  } = B(e), [l, F] = N(0), h = a == null ? void 0 : a[l], d = typeof e.cashValue.amount == "number" ? e.cashValue.amount : parseFloat(e.cashValue.amount), p = (h == null ? void 0 : h.value) > 0 || (c == null ? void 0 : c.value) > 0 || (s == null ? void 0 : s.value) > 0 || d > 0;
-  g(() => {
-    i !== void 0 && u(i);
-  }, [i]), g(() => {
-    const R = setTimeout(() => {
-      const A = l >= (a == null ? void 0 : a.length) - 1 ? 0 : l + 1;
-      return F(A), () => {
-        clearTimeout(R);
+  const [l, d] = g(i), p = V(null), {
+    transferPartners: r,
+    bestBookingOption: s,
+    alternateBookingOption: h,
+    hasPoints: R
+  } = T(e), [c, F] = g(0), m = r == null ? void 0 : r[c], N = typeof e.cashValue.amount == "number" ? e.cashValue.amount : parseFloat(e.cashValue.amount), f = (m == null ? void 0 : m.value) > 0 || (s == null ? void 0 : s.value) > 0 || (h == null ? void 0 : h.value) > 0 || N > 0;
+  u(() => {
+    i !== void 0 && d(i);
+  }, [i]), u(() => {
+    const A = setTimeout(() => {
+      const I = c >= (r == null ? void 0 : r.length) - 1 ? 0 : c + 1;
+      return F(I), () => {
+        clearTimeout(A);
       };
     }, 2e3);
-  }, [l, a == null ? void 0 : a.length]);
-  const S = f.isHotelChain(e.hotelGroup);
-  return /* @__PURE__ */ o(
+  }, [c, r == null ? void 0 : r.length]);
+  const S = v.isHotelChain(e.hotelGroup);
+  return u(() => {
+    l && p.current.scrollIntoView({
+      behavior: "smooth",
+      block: "center"
+    });
+  }, [l]), /* @__PURE__ */ o(
     "div",
     {
-      className: T(
-        v ? "hotel-result" : "awayz-hotel-result",
+      ref: p,
+      className: D(
+        y ? "hotel-result" : "awayz-hotel-result",
         // insufficient_points ? 'insufficient-points' : '',
-        m ? "go-to-journey-button" : ""
+        l ? "go-to-journey-button" : ""
       ),
       "data-testid": "search-result",
       children: [
@@ -61,7 +67,7 @@ const D = (e, n) => {
           {
             className: "content",
             onClick: () => {
-              u(!m), n(e);
+              d(!l), n(e);
             },
             children: [
               /* @__PURE__ */ o("div", { className: "details", children: [
@@ -74,7 +80,7 @@ const D = (e, n) => {
                     },
                     children: /* @__PURE__ */ o("div", { className: "hotel-chain", children: [
                       /* @__PURE__ */ t(C, {}),
-                      /* @__PURE__ */ t("p", { children: f.toString(e.hotelGroup) })
+                      /* @__PURE__ */ t("p", { children: v.toString(e.hotelGroup) })
                     ] })
                   }
                 ),
@@ -82,10 +88,10 @@ const D = (e, n) => {
                   /* @__PURE__ */ o("div", { className: "hotel-data", children: [
                     /* @__PURE__ */ o("div", { className: "hotel-information", children: [
                       /* @__PURE__ */ t(
-                        j,
+                        k,
                         {
                           starRating: e.chainRating ?? 0,
-                          starColor: w.PRIMARY,
+                          starColor: B.PRIMARY,
                           userRating: e.reviewRating ?? "",
                           fill: !0
                         }
@@ -95,9 +101,9 @@ const D = (e, n) => {
                         /* @__PURE__ */ t("p", { children: "Free Night" })
                       ] }),
                       typeof e.nthNightFree == "number" && e.nthNightFree > 0 && /* @__PURE__ */ o("div", { children: [
-                        /* @__PURE__ */ t(V, {}),
+                        /* @__PURE__ */ t(w, {}),
                         /* @__PURE__ */ o("p", { children: [
-                          I(e.nthNightFree),
+                          b(e.nthNightFree),
                           " Night Free"
                         ] })
                       ] })
@@ -108,8 +114,8 @@ const D = (e, n) => {
                   /* @__PURE__ */ t(
                     x,
                     {
-                      hasPoints: y,
-                      isAvailable: p,
+                      hasPoints: R,
+                      isAvailable: f,
                       selectedHotel: () => {
                       },
                       chainName: e.hotelGroup
@@ -117,15 +123,15 @@ const D = (e, n) => {
                   )
                 ] })
               ] }),
-              p && /* @__PURE__ */ o("div", { className: "payments", children: [
+              f && /* @__PURE__ */ o("div", { className: "payments", children: [
                 S && /* @__PURE__ */ o("div", { className: "payment-details", children: [
                   /* @__PURE__ */ t("p", { children: "POINTS" }),
-                  /* @__PURE__ */ t("p", { children: k(e.awardPoints) }),
+                  /* @__PURE__ */ t("p", { children: G(e.awardPoints) }),
                   e.bestValue === "points" && /* @__PURE__ */ t("p", { className: "best-value", children: "Best Value" })
                 ] }),
                 /* @__PURE__ */ o("div", { className: "payment-details", children: [
                   /* @__PURE__ */ t("p", { children: "CASH" }),
-                  /* @__PURE__ */ t("p", { children: D(d) }),
+                  /* @__PURE__ */ t("p", { children: M(N) }),
                   e.bestValue === "cash" && /* @__PURE__ */ t("p", { className: "best-value", children: "Best Value" })
                 ] })
               ] })
@@ -137,9 +143,9 @@ const D = (e, n) => {
           {
             "data-testid": "go-to-journey-button",
             onClick: () => {
-              r(e);
+              a(e);
             },
-            children: /* @__PURE__ */ t(b, {})
+            children: /* @__PURE__ */ t(j, {})
           }
         )
       ]
@@ -147,5 +153,5 @@ const D = (e, n) => {
   );
 };
 export {
-  K as HotelResult
+  Q as HotelResult
 };

package/dist/hooks/useHotelDetails/useHotelDetails.js

@@ -1,144 +1,150 @@
-import { useMemo as M } from "react";
-import { h as v } from "../../moment-BGjjqtLQ.js";
+import { useState as L, useMemo as Q } from "react";
+import { h as i } from "../../moment-BGjjqtLQ.js";
 import "../../arrayExtensions-cyilNkdJ.js";
-import T from "../../stores/useHotelsStore.js";
-import { fetchTransferPartners as x, fetchPointsCheck as E, fetchAvailableRooms as L, fetchBestCheckout as Q, combineUpdatedHotelData as F, fallbackBestCheckout as U } from "./useHotelDetails.api.js";
-import { calculatePointsAsCash as j } from "../../utilities/pointsAsCashUtils.js";
-import { useQuery as o } from "@tanstack/react-query";
-const z = (t, c) => Math.abs(
-  v(t.startOf("day")).diff(v(c.endOf("day")), "days")
-), $ = (t) => {
-  var d, h, f, k, D, p, y, b, C, g, m;
+import U from "../../stores/useHotelsStore.js";
+import { fetchTransferPartners as j, fetchPointsCheck as z, fetchAvailableRooms as J, fetchBestCheckout as V, combineUpdatedHotelData as O, fallbackBestCheckout as W } from "./useHotelDetails.api.js";
+import { calculatePointsAsCash as X } from "../../utilities/pointsAsCashUtils.js";
+import { useQuery as c } from "@tanstack/react-query";
+const Y = (t, a) => Math.abs(
+  i(t.startOf("day")).diff(i(a.endOf("day")), "days")
+), ae = (t) => {
+  var k, f, d, p, m, y, b, C, g, v, F;
   if (!t)
     throw new Error(
       "Hotel is required in order to initiate the hotel details flow"
     );
-  const { updateHotel: c, searchParams: e } = T(), a = M(() => e ? z(
-    e.checkinDate,
-    e.checkoutDate
-  ) : 0, [e]), { data: O, isFetching: q } = o({
+  const { updateHotel: a, searchParams: o } = U(), [e, q] = L({
+    checkinDate: o == null ? void 0 : o.checkinDate,
+    checkoutDate: o == null ? void 0 : o.checkoutDate
+  }), s = Q(() => Y(e.checkinDate, e.checkoutDate), [e]), H = (x, E) => {
+    q({
+      checkinDate: i(x),
+      checkoutDate: i(E)
+    });
+  }, { data: R, isFetching: A } = c({
     queryKey: ["transferPartners", t.hotelGroup],
-    queryFn: () => x(t.hotelGroup),
+    queryFn: () => j(t.hotelGroup),
     enabled: !!t.hotelGroup,
     placeholderData: []
   }), {
-    data: H,
-    isFetching: i,
-    isFetched: R
-  } = o({
+    data: B,
+    isFetching: n,
+    isFetched: G
+  } = c({
     queryKey: [
       "hotelPointsCheck",
       t.hotelId,
       t.hotelGroup,
-      (d = e == null ? void 0 : e.checkinDate) == null ? void 0 : d.valueOf(),
-      (h = e == null ? void 0 : e.checkoutDate) == null ? void 0 : h.valueOf()
+      (k = e == null ? void 0 : e.checkinDate) == null ? void 0 : k.valueOf(),
+      (f = e == null ? void 0 : e.checkoutDate) == null ? void 0 : f.valueOf()
     ],
-    queryFn: () => E({
+    queryFn: () => z({
       hotel: t,
       checkinDate: e.checkinDate,
       checkoutDate: e.checkoutDate,
-      updateHotel: c
+      updateHotel: a
     }),
-    enabled: !!e && !!e.checkinDate && !!e.checkoutDate && !!t.liveScrapingCheckNeeded,
+    enabled: !!e.checkinDate && !!e.checkoutDate && !!t.liveScrapingCheckNeeded,
     // We don't throw an error on fail so we can gracefully handle fallback
     retry: !1,
     placeholderData: {
       pointsHotelDetails: t,
       pointsRooms: t.rooms ?? []
     }
-  }), { pointsRooms: A, pointsHotelDetails: s } = H || {
+  }), { pointsRooms: I, pointsHotelDetails: r } = B || {
     pointsHotelDetails: t,
     pointsRooms: []
   }, {
-    data: B,
-    isFetching: n,
-    isFetched: G
-  } = o({
+    data: K,
+    isFetching: u,
+    isFetched: S
+  } = c({
     queryKey: [
       "fetchAvailableRooms",
-      (f = t.cashBookingOffers) == null ? void 0 : f.accommodationId,
-      (k = e == null ? void 0 : e.checkinDate) == null ? void 0 : k.valueOf(),
-      (D = e == null ? void 0 : e.checkoutDate) == null ? void 0 : D.valueOf(),
-      e == null ? void 0 : e.guests,
-      e == null ? void 0 : e.rooms
+      (d = t.cashBookingOffers) == null ? void 0 : d.accommodationId,
+      (p = e == null ? void 0 : e.checkinDate) == null ? void 0 : p.valueOf(),
+      (m = e == null ? void 0 : e.checkoutDate) == null ? void 0 : m.valueOf(),
+      o == null ? void 0 : o.guests,
+      o == null ? void 0 : o.rooms
     ],
-    queryFn: () => L({
+    queryFn: () => J({
       hotel: t,
       checkinDate: e.checkinDate,
       checkoutDate: e.checkoutDate,
-      guests: e.guests,
-      rooms: e.rooms,
-      updateHotel: c,
-      numberOfNights: a
+      guests: o.guests,
+      rooms: o.rooms,
+      updateHotel: a,
+      numberOfNights: s
     }),
-    enabled: !!e && !!e.checkinDate && !!e.checkoutDate && !!((p = t.cashBookingOffers) != null && p.accommodationId),
+    enabled: !!e.checkinDate && !!e.checkoutDate && !!((y = t.cashBookingOffers) != null && y.accommodationId),
     retry: !1,
     placeholderData: {
       cashHotelDetails: t,
       cashRooms: []
     }
-  }), { cashRooms: I, cashHotelDetails: u } = B || {
+  }), { cashRooms: w, cashHotelDetails: h } = K || {
     cashHotelDetails: t,
     cashRooms: []
   }, {
-    data: K,
-    isFetching: w,
-    isFetched: S
-  } = o({
+    data: N,
+    isFetching: M,
+    isFetched: P
+  } = c({
     queryKey: [
       "bestCheckout",
       t.hotelId,
       t.hotelGroup,
-      (y = e == null ? void 0 : e.checkinDate) == null ? void 0 : y.valueOf(),
-      (b = e == null ? void 0 : e.checkoutDate) == null ? void 0 : b.valueOf()
+      (b = e == null ? void 0 : e.checkinDate) == null ? void 0 : b.valueOf(),
+      (C = e == null ? void 0 : e.checkoutDate) == null ? void 0 : C.valueOf()
     ],
-    queryFn: () => Q(
-      F(t, s, u),
-      a
+    queryFn: () => V(
+      O(t, r, h),
+      s
     ),
-    enabled: !i && (t.liveScrapingCheckNeeded ? R : !0) && !n && ((C = t.cashBookingOffers) != null && C.accommodationId ? G : !0) && a > 0,
+    enabled: !n && (t.liveScrapingCheckNeeded ? G : !0) && !u && ((g = t.cashBookingOffers) != null && g.accommodationId ? S : !0) && s > 0,
     retry: !1,
     placeholderData: {
-      bestCheckout: U(t, a),
+      bestCheckout: W(t, s),
       isAvailable: !1
     }
-  }), { bestCheckout: l, isAvailable: r } = K || {
+  }), { bestCheckout: l, isAvailable: D } = N || {
     isAvailable: !1
-  }, { data: N } = o({
+  }, { data: T } = c({
     queryKey: [
       "pointsAsCash",
       t.hotelId,
       t.hotelGroup,
-      (g = e == null ? void 0 : e.checkinDate) == null ? void 0 : g.valueOf(),
-      (m = e == null ? void 0 : e.checkoutDate) == null ? void 0 : m.valueOf()
+      (v = e == null ? void 0 : e.checkinDate) == null ? void 0 : v.valueOf(),
+      (F = e == null ? void 0 : e.checkoutDate) == null ? void 0 : F.valueOf()
     ],
-    queryFn: () => j(l.totalCashCost),
-    enabled: S && r,
+    queryFn: () => X(l.totalCashCost),
+    enabled: P && D,
     retry: !1
   });
   return {
-    transferPartners: O,
-    loadingTransferPartners: q,
+    transferPartners: R,
+    loadingTransferPartners: A,
     // Points Check
-    pointsRooms: A,
-    loadingLivePointsCheck: i,
+    pointsRooms: I,
+    loadingLivePointsCheck: n,
     // Cash Rooms
-    cashRooms: I,
-    loadingCashRooms: n,
+    cashRooms: w,
+    loadingCashRooms: u,
     // Best Checkout
     bestCheckout: l,
-    loadingBestCheckout: w,
+    loadingBestCheckout: M,
     // Combined availability
-    isAvailable: r,
+    isAvailable: D,
     // Points as Cash
-    pointsAsCash: N,
-    hotelDetails: F(
+    pointsAsCash: T,
+    hotelDetails: O(
       t,
-      s,
-      u
-    )
+      r,
+      h
+    ),
+    updateDates: H
   };
 };
 export {
-  $ as useHotelDetails
+  ae as useHotelDetails
 };

package/dist/lib/hooks/useHotelDetails/useHotelDetails.d.ts

@@ -11,4 +11,5 @@ export declare const useHotelDetails: (hotel: IHotelDetails) => {
     isAvailable: boolean;
     pointsAsCash: import('../../main').IPointsAsCash | undefined;
     hotelDetails: IHotelDetails;
+    updateDates: (checkinDate: Date, checkoutDate: Date) => void;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odynn/awayz-hotels",
   "private": false,
-  "version": "0.1.17",
+  "version": "0.1.19",
   "type": "module",
   "files": [
     "dist"