@odynn/awayz-flights 0.9.6 → 0.9.8

package/dist/components/FlightResult/FlightResult.js

@@ -1,384 +1,418 @@
-import { jsx as i, jsxs as n, Fragment as S } from "react/jsx-runtime";
-import { useAwayzContext as he, useFeatureFlags as fe, RewardsService as z, EAmountsDisplayFeature as F, CashValue as K, EToolTipPosition as Q, ClientPointsValue as ue, EInvalidAmountDisplayOption as de, awayzClient as Z, EFlightBookingOptionsDisplayFeature as V, CurrencyService as ye } from "@odynn/awayz-core";
-import { useQuery as Ne } from "@tanstack/react-query";
-import { p as ve, c as Fe, B as Y } from "../../BookingOption-Bf4d2RKS.js";
-import { g as Pe } from "../../dateUtils-CWDSSY2R.js";
-import "../../arrayExtensions-DFLvtO8l.js";
-import { E as x } from "../../useFlightSearch-C0DEmnCL.js";
-import { a as j } from "../../FlightItinerary-C2Jp2a9c.js";
-import { useState as P, useMemo as d, useEffect as I } from "react";
-import { h as y } from "../../moment-BGjjqtLQ.js";
-import { useTranslation as Ee } from "react-i18next";
-import { F as Te, a as Ae, b as Oe, c as Ce, d as R } from "../../index-nOT-DH7g.js";
-import { EPaymentType as f } from "../../enums/EPaymentType.js";
-import { DEFAULT_AIRLINE_PROGRAM as G, getFlightNumber as De, getLogoPath as be, getAirlineProgram as _e } from "../../utils/flightUtils.js";
-import { FlightItineraryDropdown as Se } from "../FlightItineraryDropdown/FlightItineraryDropdown.js";
-import J from "../HorizontalScroller/HorizontalScroller.js";
-async function X(r, m, o) {
-  if (!r || m === o) return r;
-  const a = await Z.ensureQueryData({
-    queryKey: [x.CONVERT_CURRENCY, m, o],
+import { jsx as r, jsxs as n, Fragment as L } from "react/jsx-runtime";
+import { useAwayzContext as Fe, useFeatureFlags as Pe, RewardsService as Y, EAmountsDisplayFeature as u, CashValue as Q, EToolTipPosition as j, ClientPointsValue as Ee, EInvalidAmountDisplayOption as Te, awayzClient as ne, EFlightBookingOptionsDisplayFeature as G, CurrencyService as Ae } from "@odynn/awayz-core";
+import { useQuery as De } from "@tanstack/react-query";
+import { p as w, c as Oe, B as J } from "../../BookingOption-V-FzaupW.js";
+import { g as X } from "../../dateUtils-Cb9VQiIL.js";
+import "../../arrayExtensions-Ce8YopTP.js";
+import { E as H } from "../../enums-tLvxh02p.js";
+import { E as T, F as Z } from "../../FlightItinerary-C4KPpVcF.js";
+import { useRef as be, useState as A, useMemo as v, useEffect as k } from "react";
+import { h as g } from "../../moment-BGjjqtLQ.js";
+import { useTranslation as Ce } from "react-i18next";
+import { b as W, c as _e, d as Se, e as Ie, f as x } from "../../index-9LVJi5JO.js";
+import { EPaymentType as d } from "../../enums/EPaymentType.js";
+import { DEFAULT_AIRLINE_PROGRAM as B, getFlightNumber as Re, getLogoPath as Le, getAirlineProgram as ke } from "../../utils/flightUtils.js";
+import ee from "../Dialog/Dialog.js";
+import ie from "../HorizontalScroller/HorizontalScroller.js";
+import '../../assets/_styles.css';/* empty css                                   */
+const xe = (...e) => e.join(" ");
+async function re(e, h, l) {
+  if (!e || h === l) return e;
+  const t = await ne.ensureQueryData({
+    queryKey: [H.CONVERT_CURRENCY, h, l],
     staleTime: 1e3 * 60 * 60,
     // 1 hour
-    queryFn: () => ye.convertCurrency({
-      baseCurrency: m,
-      targetCurrency: o
+    queryFn: () => Ae.convertCurrency({
+      baseCurrency: h,
+      targetCurrency: l
     })
   });
-  return r * a;
+  return e * t;
 }
-const Ge = ({
-  details: r,
-  onClick: m,
-  showBestValue: o = !1,
-  onShowBestValueCalculation: a,
-  customStyling: w = !1,
-  customCashComponent: W,
-  customPointsComponent: B,
-  onBookWithCash: E,
-  onBookWithPoints: T
+const Be = ({
+  details: e,
+  onClick: h,
+  showBestValue: l = !1,
+  onShowBestValueCalculation: t,
+  customStyling: se = !1,
+  customCashComponent: ae,
+  customPointsComponent: te,
+  onBookWithCash: D,
+  onBookWithPoints: O
 }) => {
-  const { t: A } = Ee(), [ee, k] = P(!1), [N, re] = P(
+  const { t: N } = Ce(), b = be(null), [U, ce] = A(!1), [F, le] = A(
     "none"
     /* NONE */
-  ), [ie, ne] = P(!1), { config: O } = he(), L = r.origin, H = r.destination, se = r.flightDetails, l = r.paymentOptions || [], { featureFlags: g } = fe(), C = d(
-    () => l.filter((e) => e.points === -1),
-    [l]
-  ), D = d(
-    () => l.filter((e) => e.points > -1),
-    [l]
-  ), ae = l.filter((e) => e.points === -1).length === 1, te = l.filter((e) => e.points > -1).length === 1, [ce, $] = P(G), p = d(() => {
-    var e = l.filter((s) => s.points > -1).sort((s, t) => s.points - t.points);
-    return e.find(
-      (s) => s.program === r.airlineProgram
-    ) || e[0];
-  }, [l, r.airlineProgram]), oe = async () => {
-    if (!p) {
-      $(G);
+  ), [oe, me] = A(!1), { config: C } = Fe(), pe = e.origin, he = e.destination, P = e.flightDetails, m = e.paymentOptions || [], { featureFlags: p } = Pe(), _ = v(
+    () => m.filter((i) => i.points === -1),
+    [m]
+  ), S = v(
+    () => m.filter((i) => i.points > -1),
+    [m]
+  ), $ = m.filter((i) => i.points === -1).length === 1, ge = m.filter((i) => i.points > -1).length === 1, [fe, M] = A(B), c = v(() => {
+    var i = m.filter((s) => s.points > -1).sort((s, a) => s.points - a.points);
+    return i.find(
+      (s) => s.program === e.airlineProgram
+    ) || i[0];
+  }, [m, e.airlineProgram]), ue = async () => {
+    if (!c) {
+      M(B);
       return;
     }
-    const e = await _e(p.program);
-    $(e);
+    const i = await ke(c.program);
+    M(i);
   };
-  I(() => {
-    oe();
-  }, [p]);
-  const { flightNumbers: le, airlines: u } = d(() => {
-    const e = [], s = [];
-    return r.flightDetails.slices.forEach((t) => {
-      t.segments.forEach((c) => {
-        const h = De(c);
-        e.includes(h) || e.push(h);
-        const v = c.operatingCarrier;
-        s.some((_) => _.airline === v.name) || s.push({
-          logo: be(v.iataCode),
-          airline: v.name
+  k(() => {
+    ue();
+  }, [c]);
+  const { flightNumbers: de, airlines: y } = v(() => {
+    const i = [], s = [];
+    return e.flightDetails.slices.forEach((a) => {
+      a.segments.forEach((o) => {
+        const f = Re(o);
+        i.includes(f) || i.push(f);
+        const E = o.operatingCarrier;
+        s.some((R) => R.airline === E.name) || s.push({
+          logo: Le(E.iataCode),
+          airline: E.name
         });
       });
-    }), { flightNumbers: e, airlines: s };
-  }, [r.flightDetails.slices]), me = () => {
-    g.flightBookingOptionsDisplayFeature === V.SHEET ? r.cash > 0 ? m(r, f.CASH) : m(r, f.POINTS) : k((e) => !e);
-  }, b = r == null ? void 0 : r.airlineProgram, { data: U } = Ne({
-    queryKey: [x.VALUE_CENTS, b, "test"],
-    queryFn: () => z.getCentPerPoint(b),
+    }), { flightNumbers: i, airlines: s };
+  }, [e.flightDetails.slices]), Ne = () => {
+    p.flightBookingOptionsDisplayFeature === G.SHEET || e.partial ? e.cash > 0 ? h(e, d.CASH) : h(e, d.POINTS) : K();
+  }, I = e == null ? void 0 : e.airlineProgram, { data: V } = De({
+    queryKey: [H.VALUE_CENTS, I, "test"],
+    queryFn: () => Y.getCentPerPoint(I),
     staleTime: 1 / 0,
-    enabled: !!b && o
-  }), q = d(() => {
-    var e, s;
-    return (s = (e = r.paymentOptions) == null ? void 0 : e.find(
-      (t) => {
-        var c;
-        return t.program === r.airlineProgram && ((c = t.cashFee) == null ? void 0 : c.amount) !== 0;
+    enabled: !!I && l
+  }), q = v(() => {
+    var i, s;
+    return (s = (i = e.paymentOptions) == null ? void 0 : i.find(
+      (a) => {
+        var o;
+        return a.program === e.airlineProgram && ((o = a.cashFee) == null ? void 0 : o.amount) !== 0;
       }
     )) == null ? void 0 : s.cashFee;
-  }, [r.paymentOptions, r.airlineProgram]), pe = async () => {
-    if (!r || !U || !r.points || !r.cash)
+  }, [e.paymentOptions, e.airlineProgram]), ye = async () => {
+    if (!e || !V || !e.points || !e.cash)
       return;
-    const e = r.currency;
+    const i = e.currency;
     let s = {
       valueCents: 1,
-      currency: e
+      currency: i
     };
     try {
-      s = await Z.ensureQueryData({
-        queryKey: [x.VALUE_CENTS, r.airlineProgram],
+      s = await ne.ensureQueryData({
+        queryKey: [H.VALUE_CENTS, e.airlineProgram],
         staleTime: 1e3 * 60 * 60,
         // 1 hour
-        queryFn: () => z.getCentPerPoint(r.airlineProgram)
+        queryFn: () => Y.getCentPerPoint(e.airlineProgram)
       });
-    } catch (ge) {
+    } catch (ve) {
       console.warn(
         "Failed to fetch value cents for airline program:",
-        r.airlineProgram,
-        ge
+        e.airlineProgram,
+        ve
       );
     }
-    const t = q ?? {
+    const a = q ?? {
       amount: 0,
-      currency: e
-    }, [c, h] = await Promise.all([
-      X(
-        t.amount,
-        t.currency,
-        e
+      currency: i
+    }, [o, f] = await Promise.all([
+      re(
+        a.amount,
+        a.currency,
+        i
       ),
-      X(
+      re(
         s.valueCents,
         s.currency,
-        e
+        i
       )
-    ]), _ = h * r.points / 100 + c < r.cash;
-    re(
-      _ ? "points" : "cash"
+    ]), R = f * e.points / 100 + o < e.cash;
+    le(
+      R ? "points" : "cash"
       /* CASH */
     );
   };
-  I(() => {
-    pe();
-  }, [r, U, q]), I(() => {
-    const e = y(r.expiresAt), s = y();
-    if (!(e.year() === y(0).year()) && e.isAfter(s)) {
-      const c = e.diff(s), h = setTimeout(() => {
-        ne(!0);
-      }, c);
+  k(() => {
+    ye();
+  }, [e, V, q]), k(() => {
+    const i = g(e.expiresAt), s = g();
+    if (!(i.year() === g(0).year()) && i.isAfter(s)) {
+      const o = i.diff(s), f = setTimeout(() => {
+        me(!0);
+      }, o);
       return () => {
-        clearTimeout(h);
+        clearTimeout(f);
       };
     }
-  }, [r.expiresAt]);
-  const M = (e, s, t) => {
-    e.stopPropagation(), g.flightBookingOptionsDisplayFeature === V.SHEET ? m(t, s) : k((c) => !c);
+  }, [e.expiresAt]);
+  const z = (i, s, a) => {
+    i.stopPropagation(), p.flightBookingOptionsDisplayFeature === G.SHEET || a.partial ? h(a, s) : K();
+  }, K = () => {
+    const i = !U;
+    ce(i), i && b.current && b.current.scrollIntoView({ behavior: "smooth" });
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: `${w ? "" : "awayz-"}flight-result`,
-      onClick: me,
+      className: `${se ? "" : "awayz-"}flight-result`,
+      onClick: Ne,
       children: /* @__PURE__ */ n("div", { className: "content", children: [
         /* @__PURE__ */ n("div", { className: "flight-info", children: [
           /* @__PURE__ */ n("div", { className: "flight-info-header", children: [
             /* @__PURE__ */ n("div", { className: "airline-logo", children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ r(
                 "img",
                 {
-                  src: u[0].logo,
-                  alt: u[0].airline,
-                  onError: (e) => e.currentTarget.src = (O == null ? void 0 : O.logoFallbackImageUrl) ?? ""
+                  src: y[0].logo,
+                  alt: y[0].airline,
+                  onError: (i) => i.currentTarget.src = (C == null ? void 0 : C.logoFallbackImageUrl) ?? ""
                 }
               ),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ n("p", { children: [
-                  u[0].airline,
-                  u.length > 1 && /* @__PURE__ */ n("sup", { className: "multiple-airlines", children: [
+                  y[0].airline,
+                  y.length > 1 && /* @__PURE__ */ n("sup", { className: "multiple-airlines", children: [
                     "+",
-                    u.length - 1
+                    y.length - 1
                   ] })
                 ] }),
-                /* @__PURE__ */ i("p", { children: le[0] })
+                /* @__PURE__ */ r("p", { children: de[0] })
               ] })
             ] }),
             /* @__PURE__ */ n("div", { className: "flight-times", children: [
               /* @__PURE__ */ n("div", { className: "flight-duration", children: [
-                /* @__PURE__ */ i(Te, {}),
-                /* @__PURE__ */ i("p", { children: Pe(se.slices[0].duration) })
+                /* @__PURE__ */ r(W, {}),
+                /* @__PURE__ */ r("p", { children: X(P.slices[0].duration) })
               ] }),
-              /* @__PURE__ */ i("p", { children: r.numberOfStops > 0 ? `${r.numberOfStops} ${ve(
-                r.numberOfStops,
+              /* @__PURE__ */ r("p", { children: e.numberOfStops > 0 ? `${e.numberOfStops} ${w(
+                e.numberOfStops,
                 "Stop"
               )}` : "Direct" })
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "flight-info-content", children: [
             /* @__PURE__ */ n("div", { className: "flight-info-times", children: [
+              /* @__PURE__ */ r("p", { className: "flight-info-date", children: g(e.departureTime).format(
+                N(T.DISPLAY_MEDIUM)
+              ) }),
               /* @__PURE__ */ n("p", { className: "flight-info-time", children: [
-                y(r.departureTime).format(
-                  A(j.TIME_ONLY)
+                g(e.departureTime).format(
+                  N(T.TIME_ONLY)
                 ),
                 " "
               ] }),
-              /* @__PURE__ */ i("div", {}),
               /* @__PURE__ */ n("div", { className: "flight-location", children: [
-                /* @__PURE__ */ i("p", { children: L.airportCode }),
-                /* @__PURE__ */ i("div", { className: "flight-location-icon", children: /* @__PURE__ */ i(Ae, {}) })
+                /* @__PURE__ */ r("div", { className: "flight-location-icon", children: /* @__PURE__ */ r(_e, {}) }),
+                /* @__PURE__ */ r("p", { children: pe.airportCode })
               ] })
             ] }),
-            /* @__PURE__ */ i("div", { className: "flight-icon", children: /* @__PURE__ */ i(Oe, {}) }),
+            /* @__PURE__ */ n("div", { className: "flight-icon", children: [
+              /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(Se, {}) }),
+              /* @__PURE__ */ n("div", { className: "flight-times", children: [
+                /* @__PURE__ */ n("div", { className: "flight-duration", children: [
+                  /* @__PURE__ */ r(W, {}),
+                  /* @__PURE__ */ r("p", { children: X(P.slices[0].duration) })
+                ] }),
+                /* @__PURE__ */ r("p", { children: e.numberOfStops > 0 ? `${e.numberOfStops} ${w(
+                  e.numberOfStops,
+                  "Stop"
+                )}` : "Direct" })
+              ] }),
+              /* @__PURE__ */ r(
+                ee,
+                {
+                  title: "Flight Details",
+                  trigger: /* @__PURE__ */ r("p", { className: "view-flight-details", children: "Flight Details" }),
+                  children: /* @__PURE__ */ r(Z, { itinerary: P.slices[0].segments })
+                }
+              )
+            ] }),
             /* @__PURE__ */ n("div", { className: "flight-info-times", children: [
+              /* @__PURE__ */ r("p", { className: "flight-info-date", children: g(e.arrivalTime).format(
+                N(T.DISPLAY_MEDIUM)
+              ) }),
               /* @__PURE__ */ n("p", { className: "flight-info-time", children: [
-                y(r.arrivalTime).format(
-                  A(j.TIME_ONLY)
+                g(e.arrivalTime).format(
+                  N(T.TIME_ONLY)
                 ),
                 " "
               ] }),
               /* @__PURE__ */ n("div", { className: "flight-location", children: [
-                /* @__PURE__ */ i("p", { children: H.airportCode }),
-                /* @__PURE__ */ i("div", { className: "flight-location-icon", children: /* @__PURE__ */ i(Ce, {}) })
+                /* @__PURE__ */ r("p", { children: he.airportCode }),
+                /* @__PURE__ */ r("div", { className: "flight-location-icon", children: /* @__PURE__ */ r(Ie, {}) })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ i("div", { className: "flight-footer", children: /* @__PURE__ */ i("div", { className: "booking-options ", children: ie ? /* @__PURE__ */ n("div", { className: "offer-expiry", children: [
-          /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(R, {}) }),
-          /* @__PURE__ */ i("p", { className: "expired-tip", children: "Offer Expired" })
-        ] }) : /* @__PURE__ */ n(S, { children: [
-          W || r.cash > 0 && /* @__PURE__ */ n(
-            "div",
+        /* @__PURE__ */ n("div", { className: "flight-footer", children: [
+          /* @__PURE__ */ r(
+            ee,
             {
-              className: `amount-value ${N === "cash" && o ? "show-best-value-flag" : ""}`,
-              onClick: (e) => {
-                M(e, f.CASH, r);
-              },
-              children: [
-                g.amountsDisplayFeature === F.CASH_AND_TRAVEL_PARTNER_POINTS && /* @__PURE__ */ i("b", { children: "Cash" }),
-                /* @__PURE__ */ n("div", { children: [
-                  /* @__PURE__ */ i("label", { children: ae ? "Book For" : "From" }),
-                  /* @__PURE__ */ n("span", { className: "flight-cash-amount-value", children: [
-                    /* @__PURE__ */ i(
-                      K,
-                      {
-                        amount: r.cash,
-                        currency: r.currency,
-                        position: Q.LEFT
-                      }
-                    ),
-                    g.amountsDisplayFeature === F.CASH_AND_CLIENT_POINTS && /* @__PURE__ */ n(S, { children: [
-                      "/",
-                      " ",
-                      /* @__PURE__ */ i(
-                        ue,
-                        {
-                          currency: r.currency,
-                          cashAmount: r.cash
-                        }
-                      )
-                    ] })
-                  ] })
-                ] }),
-                N === "cash" && g.amountsDisplayFeature === F.CASH_AND_TRAVEL_PARTNER_POINTS && o && /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: "best-value-flag tip",
-                    onClick: (e) => {
-                      e.stopPropagation(), a == null || a(r);
-                    },
-                    children: [
-                      a && /* @__PURE__ */ i(R, {}),
-                      /* @__PURE__ */ i("p", { children: "Best Value" }),
-                      a && /* @__PURE__ */ i("span", { children: "Click to learn more" })
-                    ]
-                  }
-                )
-              ]
+              title: "Flight Details",
+              trigger: /* @__PURE__ */ r("p", { className: "view-flight-details", children: "View Flight Details" }),
+              children: /* @__PURE__ */ r(Z, { itinerary: P.slices[0].segments })
             }
           ),
-          B || r.points > 0 && g.amountsDisplayFeature === F.CASH_AND_TRAVEL_PARTNER_POINTS && /* @__PURE__ */ n(
-            "div",
-            {
-              className: `amount-value ${N === "points" && o ? "show-best-value-flag" : ""}`,
-              onClick: (e) => {
-                M(e, f.POINTS, r);
-              },
-              children: [
-                N === "points" && o && /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: "best-value-flag tip",
-                    onClick: (e) => {
-                      e.stopPropagation(), a == null || a(r);
-                    },
-                    children: [
-                      a && /* @__PURE__ */ i(R, {}),
-                      /* @__PURE__ */ i("p", { children: "Best Value" }),
-                      a && /* @__PURE__ */ i("span", { children: "Click to learn more" })
-                    ]
-                  }
+          /* @__PURE__ */ r("div", { className: "booking-options", children: oe ? /* @__PURE__ */ n("div", { className: "offer-expiry", children: [
+            /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(x, {}) }),
+            /* @__PURE__ */ r("p", { className: "expired-tip", children: "Offer Expired" })
+          ] }) : /* @__PURE__ */ n(L, { children: [
+            ae || e.cash > 0 && /* @__PURE__ */ n(
+              "div",
+              {
+                className: xe(
+                  "amount-value",
+                  F === "cash" && l ? "show-best-value-flag" : "",
+                  p.amountsDisplayFeature !== u.CASH_AND_TRAVEL_PARTNER_POINTS ? "lg" : ""
                 ),
-                /* @__PURE__ */ i("div", { className: "amount-airline-logo", children: /* @__PURE__ */ i("img", { src: ce.programLogo }) }),
-                /* @__PURE__ */ n("div", { children: [
-                  /* @__PURE__ */ i("label", { children: te ? "Book For" : "From" }),
-                  /* @__PURE__ */ n("p", { children: [
-                    `${Fe(
-                      p.points
-                    )} ${A("miles")}`,
-                    !!p.cashFee && /* @__PURE__ */ n(S, { children: [
-                      " + ",
-                      /* @__PURE__ */ i(
-                        K,
+                onClick: (i) => {
+                  z(i, d.CASH, e);
+                },
+                children: [
+                  p.amountsDisplayFeature === u.CASH_AND_TRAVEL_PARTNER_POINTS ? /* @__PURE__ */ r("b", { children: "Cash" }) : /* @__PURE__ */ r("b", { children: $ ? "Book For" : "From" }),
+                  /* @__PURE__ */ n("div", { children: [
+                    p.amountsDisplayFeature === u.CASH_AND_TRAVEL_PARTNER_POINTS && /* @__PURE__ */ r("label", { children: $ ? "Book For" : "From" }),
+                    /* @__PURE__ */ n("span", { className: "flight-cash-amount-value", children: [
+                      /* @__PURE__ */ r(
+                        Q,
                         {
-                          amount: p.cashFee.amount,
-                          currency: p.cashFee.currency,
-                          customDisplay: "No fee",
-                          zeroDisplayOption: de.CUSTOM,
-                          position: Q.LEFT
+                          amount: e.cash,
+                          currency: e.currency,
+                          position: j.LEFT
                         }
-                      )
+                      ),
+                      p.amountsDisplayFeature === u.CASH_AND_CLIENT_POINTS && /* @__PURE__ */ n(L, { children: [
+                        "/",
+                        " ",
+                        /* @__PURE__ */ r(
+                          Ee,
+                          {
+                            currency: e.currency,
+                            cashAmount: e.cash
+                          }
+                        )
+                      ] })
+                    ] })
+                  ] }),
+                  F === "cash" && p.amountsDisplayFeature === u.CASH_AND_TRAVEL_PARTNER_POINTS && l && /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: "best-value-flag tip",
+                      onClick: (i) => {
+                        i.stopPropagation(), t == null || t(e);
+                      },
+                      children: [
+                        t && /* @__PURE__ */ r(x, {}),
+                        /* @__PURE__ */ r("p", { children: "Best Value" }),
+                        t && /* @__PURE__ */ r("span", { children: "Click to learn more" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            te || e.points > 0 && p.amountsDisplayFeature === u.CASH_AND_TRAVEL_PARTNER_POINTS && /* @__PURE__ */ n(
+              "div",
+              {
+                className: `amount-value ${F === "points" && l ? "show-best-value-flag" : ""}`,
+                onClick: (i) => {
+                  z(i, d.POINTS, e);
+                },
+                children: [
+                  F === "points" && l && /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: "best-value-flag tip",
+                      onClick: (i) => {
+                        i.stopPropagation(), t == null || t(e);
+                      },
+                      children: [
+                        t && /* @__PURE__ */ r(x, {}),
+                        /* @__PURE__ */ r("p", { children: "Best Value" }),
+                        t && /* @__PURE__ */ r("span", { children: "Click to learn more" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ r("div", { className: "amount-airline-logo", children: /* @__PURE__ */ r("img", { src: fe.programLogo }) }),
+                  /* @__PURE__ */ n("div", { children: [
+                    /* @__PURE__ */ r("label", { children: ge ? "Book For" : "From" }),
+                    /* @__PURE__ */ n("p", { children: [
+                      `${Oe(
+                        c == null ? void 0 : c.points
+                      )} ${N("miles")}`,
+                      !!(c != null && c.cashFee) && /* @__PURE__ */ n(L, { children: [
+                        " + ",
+                        /* @__PURE__ */ r(
+                          Q,
+                          {
+                            amount: c.cashFee.amount,
+                            currency: c.cashFee.currency,
+                            customDisplay: "No fee",
+                            zeroDisplayOption: Te.CUSTOM,
+                            position: j.LEFT
+                          }
+                        )
+                      ] })
                     ] })
                   ] })
-                ] })
-              ]
-            }
-          )
-        ] }) }) }),
-        /* @__PURE__ */ i("div", { className: `flight-details ${ee ? "is-open" : ""}`, children: /* @__PURE__ */ n("div", { className: "inner", children: [
-          /* @__PURE__ */ i(
-            Se,
-            {
-              flightDetails: r,
-              origin: L,
-              destination: H
-            }
-          ),
-          /* @__PURE__ */ n("div", { className: "flight-booking-options", children: [
-            C.length > 0 && /* @__PURE__ */ n("div", { className: "booking-options-section", children: [
-              D.length > 0 && /* @__PURE__ */ i("p", { className: "booking-options-title", children: "Cash Options" }),
-              /* @__PURE__ */ i(J, { children: C.map((e, s) => /* @__PURE__ */ i(
-                Y,
-                {
-                  type: f.CASH,
-                  title: e.fareBrandName,
-                  cashValue: {
-                    amount: e.cash,
-                    currency: r.currency
-                  },
-                  milesValue: void 0,
-                  cashFee: e.cashFee,
-                  setSelected: () => {
-                    E == null || E(e);
-                  },
-                  conditions: e.conditions,
-                  slices: r.flightDetails.slices,
-                  baggages: e.baggages
+                ]
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ r("div", { className: `flight-details ${U ? "is-open" : ""}`, children: /* @__PURE__ */ r("div", { ref: b, className: "inner", children: /* @__PURE__ */ n("div", { className: "flight-booking-options", children: [
+          _.length > 0 && /* @__PURE__ */ n("div", { className: "booking-options-section", children: [
+            S.length > 0 && /* @__PURE__ */ r("p", { className: "booking-options-title", children: "Cash Options" }),
+            /* @__PURE__ */ r(ie, { children: _.map((i, s) => /* @__PURE__ */ r(
+              J,
+              {
+                type: d.CASH,
+                title: i.fareBrandName,
+                cashValue: {
+                  amount: i.cash,
+                  currency: e.currency
                 },
-                `cash-${s}`
-              )) })
-            ] }),
-            D.length > 0 && /* @__PURE__ */ n("div", { className: "booking-options-section", children: [
-              C.length > 0 && /* @__PURE__ */ i("p", { className: "booking-options-title", children: "Miles Options" }),
-              /* @__PURE__ */ i(J, { children: D.map((e, s) => /* @__PURE__ */ i(
-                Y,
-                {
-                  type: f.POINTS,
-                  title: e.fareBrandName,
-                  cashValue: void 0,
-                  milesValue: e.points,
-                  cashFee: e.cashFee,
-                  setSelected: () => {
-                    T == null || T(e);
-                  },
-                  conditions: e.conditions,
-                  slices: r.flightDetails.slices,
-                  baggages: e.baggages,
-                  program: e.program
+                milesValue: void 0,
+                cashFee: i.cashFee,
+                setSelected: () => {
+                  D == null || D(i, e);
                 },
-                `points-${s}`
-              )) })
-            ] })
+                conditions: i.conditions,
+                slices: e.flightDetails.slices,
+                baggages: i.baggages
+              },
+              `cash-${s}`
+            )) })
+          ] }),
+          S.length > 0 && /* @__PURE__ */ n("div", { className: "booking-options-section", children: [
+            _.length > 0 && /* @__PURE__ */ r("p", { className: "booking-options-title", children: "Miles Options" }),
+            /* @__PURE__ */ r(ie, { children: S.map((i, s) => /* @__PURE__ */ r(
+              J,
+              {
+                type: d.POINTS,
+                title: i.fareBrandName,
+                cashValue: void 0,
+                milesValue: i.points,
+                cashFee: i.cashFee,
+                setSelected: () => {
+                  O == null || O(i);
+                },
+                conditions: i.conditions,
+                slices: e.flightDetails.slices,
+                baggages: i.baggages,
+                program: i.program
+              },
+              `points-${s}`
+            )) })
           ] })
-        ] }) })
+        ] }) }) })
       ] })
     }
   );
 };
 export {
-  Ge as FlightResult
+  Be as FlightResult
 };