@odynn/awayz-flights 0.7.0 → 0.7.2

package/dist/{FlightResult-Caes2vM3.js → FlightResult-_TYrfbuH.js}

@@ -1,24 +1,24 @@
-import { jsx as i, jsxs as n, Fragment as M } from "react/jsx-runtime";
-import { useAwayzContext as ir, RewardsService as S, CashValue as U, EToolTipPosition as _, EInvalidAmountDisplayOption as nr, awayzClient as q, CurrencyService as tr } from "@odynn/awayz-core";
-import { useQuery as sr } from "@tanstack/react-query";
-import { g as ar } from "./index-7zRjF0bU.js";
-import { G as or, g as L, a as N, E as v, F as cr, b as lr } from "./FlightItinerary-Dy-2zMYt.js";
+import { jsx as e, jsxs as n, Fragment as M } from "react/jsx-runtime";
+import { useAwayzContext as tr, RewardsService as S, CashValue as U, EToolTipPosition as _, EInvalidAmountDisplayOption as sr, awayzClient as q, CurrencyService as ar } from "@odynn/awayz-core";
+import { useQuery as or } from "@tanstack/react-query";
+import { g as cr } from "./index-7zRjF0bU.js";
+import { G as lr, g as L, a as N, E as v, F as mr, b as pr } from "./FlightItinerary-Dy-2zMYt.js";
 import { E as O } from "./enums-D9aZqf8G.js";
 import "./arrayExtensions-DFLvtO8l.js";
-import mr, { useState as P, useMemo as R, useEffect as $ } from "react";
+import hr, { useState as P, useMemo as R, useEffect as $ } from "react";
 import { h as m } from "./moment-BGjjqtLQ.js";
-import { useTranslation as pr } from "react-i18next";
+import { useTranslation as gr } from "react-i18next";
 import { EPaymentType as E } from "./enums/EPaymentType.js";
-import { isSameDayFlight as hr } from "./utils/flightDateUtils.js";
-import { DEFAULT_AIRLINE_PROGRAM as gr, getFlightNumber as fr, getLogoPath as ur, getAirlineProgram as dr } from "./utils/flightUtils.js";
-import './assets/FlightResult.css';const yr = (r, s, o = s + "s") => r === 1 ? s : o;
-function Nr(r) {
+import { isSameDayFlight as fr } from "./utils/flightDateUtils.js";
+import { DEFAULT_AIRLINE_PROGRAM as ur, getFlightNumber as dr, getLogoPath as yr, getAirlineProgram as Nr } from "./utils/flightUtils.js";
+import './assets/FlightResult.css';const vr = (r, s, o = s + "s") => r === 1 ? s : o;
+function Pr(r) {
   if (!r || isNaN(r) || r < 0) return "N/A";
   let s = r == null ? void 0 : r.toString().split(".")[0];
   return s == null ? void 0 : s.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
 function A(r) {
-  return or({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" }, child: [] }] })(r);
+  return lr({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" }, child: [] }] })(r);
 }
 async function z(r, s, o) {
   if (!r || s === o) return r;
@@ -26,64 +26,66 @@ async function z(r, s, o) {
     queryKey: [O.CONVERT_CURRENCY, s, o],
     staleTime: 1e3 * 60 * 60,
     // 1 hour
-    queryFn: () => tr.convertCurrency({
+    queryFn: () => ar.convertCurrency({
       baseCurrency: s,
       targetCurrency: o
     })
   });
   return r * a;
 }
-const Mr = ({
+const Ur = ({
   details: r,
   onClick: s,
   showBestValue: o = !1,
   onShowBestValueCalculation: a,
-  customStyling: w = !1
+  customStyling: w = !1,
+  customCashComponent: K,
+  customPointsComponent: Q
 }) => {
-  const { t: h } = pr(), [I, K] = P(!1), [f, Q] = P(
+  const { t: h } = gr(), [I, G] = P(!1), [f, Y] = P(
     "none"
     /* NONE */
-  ), [G, Y] = P(!1), { config: F } = ir(), u = r.origin, d = r.destination, b = r.flightDetails, x = r.paymentOptions || [], j = x.filter((e) => e.points === -1).length === 1, H = x.filter((e) => e.points > -1).length === 1, [J, W] = P(gr), X = async () => {
-    const e = await dr(r.airlineProgram);
-    W(e);
-  }, { flightNumbers: T, airlines: Z } = R(() => {
-    const e = [], t = [];
+  ), [j, H] = P(!1), { config: F } = tr(), u = r.origin, d = r.destination, b = r.flightDetails, x = r.paymentOptions || [], J = x.filter((i) => i.points === -1).length === 1, W = x.filter((i) => i.points > -1).length === 1, [X, Z] = P(ur), V = async () => {
+    const i = await Nr(r.airlineProgram);
+    Z(i);
+  }, { flightNumbers: T, airlines: B } = R(() => {
+    const i = [], t = [];
     return r.flightDetails.slices.forEach((c) => {
       c.segments.forEach((l) => {
-        const p = fr(l);
-        e.includes(p) || e.push(p);
+        const p = dr(l);
+        i.includes(p) || i.push(p);
         const y = l.operatingCarrier;
         t.some((D) => D.airline === y.name) || t.push({
-          logo: ur(y.iataCode),
+          logo: yr(y.iataCode),
           airline: y.name
         });
       });
-    }), X(), { flightNumbers: e, airlines: t };
-  }, [r.flightDetails.slices]), V = () => {
+    }), V(), { flightNumbers: i, airlines: t };
+  }, [r.flightDetails.slices]), rr = () => {
     r.cash > 0 ? s(r, E.CASH) : s(r, E.POINTS);
-  }, B = !hr(
+  }, er = !fr(
     r.departureTime,
     r.arrivalTime
-  ), C = r == null ? void 0 : r.airlineProgram, { data: k } = sr({
+  ), C = r == null ? void 0 : r.airlineProgram, { data: k } = or({
     queryKey: [O.VALUE_CENTS, C, "test"],
     queryFn: () => S.getCentPerPoint(C),
     staleTime: 1 / 0,
     enabled: !!C && o
   }), g = R(() => {
-    var e, t;
-    return (t = (e = r.paymentOptions) == null ? void 0 : e.find(
+    var i, t;
+    return (t = (i = r.paymentOptions) == null ? void 0 : i.find(
       (c) => {
         var l;
         return c.program === r.airlineProgram && ((l = c.cashFee) == null ? void 0 : l.amount) !== 0;
       }
     )) == null ? void 0 : t.cashFee;
-  }, [r.paymentOptions, r.airlineProgram]), rr = async () => {
+  }, [r.paymentOptions, r.airlineProgram]), ir = async () => {
     if (!r || !k || !r.points || !r.cash)
       return;
-    const e = r.currency;
+    const i = r.currency;
     let t = {
       valueCents: 1,
-      currency: e
+      currency: i
     };
     try {
       t = await q.ensureQueryData({
@@ -92,62 +94,62 @@ const Mr = ({
         // 1 hour
         queryFn: () => S.getCentPerPoint(r.airlineProgram)
       });
-    } catch (er) {
+    } catch (nr) {
       console.warn(
         "Failed to fetch value cents for airline program:",
         r.airlineProgram,
-        er
+        nr
       );
     }
     const c = g ?? {
       amount: 0,
-      currency: e
+      currency: i
     }, [l, p] = await Promise.all([
       z(
         c.amount,
         c.currency,
-        e
+        i
       ),
       z(
         t.valueCents,
         t.currency,
-        e
+        i
       )
     ]), D = p * r.points / 100 + l < r.cash;
-    Q(
+    Y(
       D ? "points" : "cash"
       /* CASH */
     );
   };
   return $(() => {
-    rr();
+    ir();
   }, [r, k, g]), $(() => {
-    const e = m(r.expiresAt), t = m();
-    if (!(e.year() === m(0).year()) && e.isAfter(t)) {
-      const l = e.diff(t), p = setTimeout(() => {
-        Y(!0);
+    const i = m(r.expiresAt), t = m();
+    if (!(i.year() === m(0).year()) && i.isAfter(t)) {
+      const l = i.diff(t), p = setTimeout(() => {
+        H(!0);
       }, l);
       return () => {
         clearTimeout(p);
       };
     }
-  }, [r.expiresAt]), /* @__PURE__ */ i(
+  }, [r.expiresAt]), /* @__PURE__ */ e(
     "div",
     {
       className: `${w ? "" : "awayz-"}flight-result`,
-      onClick: V,
+      onClick: rr,
       children: /* @__PURE__ */ n("div", { className: "content", children: [
-        /* @__PURE__ */ i("div", { className: "flight-info", children: /* @__PURE__ */ n("div", { className: "flight-locations", children: [
-          /* @__PURE__ */ i("div", { className: "airlines", children: Z.map((e, t) => /* @__PURE__ */ i(mr.Fragment, { children: /* @__PURE__ */ n("div", { className: "tip", children: [
-            /* @__PURE__ */ i(
+        /* @__PURE__ */ e("div", { className: "flight-info", children: /* @__PURE__ */ n("div", { className: "flight-locations", children: [
+          /* @__PURE__ */ e("div", { className: "airlines", children: B.map((i, t) => /* @__PURE__ */ e(hr.Fragment, { children: /* @__PURE__ */ n("div", { className: "tip", children: [
+            /* @__PURE__ */ e(
               "img",
               {
-                src: e.logo,
-                alt: e.airline,
+                src: i.logo,
+                alt: i.airline,
                 onError: (c) => c.currentTarget.src = (F == null ? void 0 : F.logoFallbackImageUrl) ?? ""
               }
             ),
-            /* @__PURE__ */ i("span", { className: "right", children: e.airline })
+            /* @__PURE__ */ e("span", { className: "right", children: i.airline })
           ] }, t) }, t)) }),
           /* @__PURE__ */ n("div", { className: "flight-location", children: [
             /* @__PURE__ */ n("p", { className: "show-desktop", children: [
@@ -155,26 +157,26 @@ const Mr = ({
               ",",
               L(u.country)
             ] }),
-            /* @__PURE__ */ i("p", { className: "show-desktop", children: m(r.departureTime).format(
+            /* @__PURE__ */ e("p", { className: "show-desktop", children: m(r.departureTime).format(
               h(N.DATE_TIME_MEDIUM, v.FlightShortDate)
             ) }),
-            /* @__PURE__ */ i("p", { className: "show-mobile", children: u.airportCode }),
-            /* @__PURE__ */ i("p", { className: "show-mobile", children: m(r.departureTime).format(
+            /* @__PURE__ */ e("p", { className: "show-mobile", children: u.airportCode }),
+            /* @__PURE__ */ e("p", { className: "show-mobile", children: m(r.departureTime).format(
               h(N.TIME_ONLY, v.FlightTime)
             ) })
           ] }),
           /* @__PURE__ */ n("div", { className: "flight-duration", children: [
-            /* @__PURE__ */ i("span", { className: "line" }),
+            /* @__PURE__ */ e("span", { className: "line" }),
             /* @__PURE__ */ n("p", { children: [
-              ar(b.slices[0].duration),
+              cr(b.slices[0].duration),
               " ",
               " - ",
-              r.numberOfStops > 0 ? `${r.numberOfStops} ${yr(
+              r.numberOfStops > 0 ? `${r.numberOfStops} ${vr(
                 r.numberOfStops,
                 "Stop"
               )}` : "Direct"
             ] }),
-            /* @__PURE__ */ i("span", { className: "line" })
+            /* @__PURE__ */ e("span", { className: "line" })
           ] }),
           /* @__PURE__ */ n("div", { children: [
             /* @__PURE__ */ n("p", { className: "show-desktop", children: [
@@ -188,24 +190,24 @@ const Mr = ({
               ),
               " "
             ] }),
-            /* @__PURE__ */ i("p", { className: "show-mobile", children: d.airportCode }),
-            /* @__PURE__ */ i("p", { className: "show-mobile", children: m(r.arrivalTime).format(
+            /* @__PURE__ */ e("p", { className: "show-mobile", children: d.airportCode }),
+            /* @__PURE__ */ e("p", { className: "show-mobile", children: m(r.arrivalTime).format(
               h(N.TIME_ONLY, v.FlightTime)
             ) })
           ] })
         ] }) }),
         /* @__PURE__ */ n("div", { className: "flight-footer", children: [
-          /* @__PURE__ */ i("div", { className: "flight-detail-container", children: /* @__PURE__ */ n(
+          /* @__PURE__ */ e("div", { className: "flight-detail-container", children: /* @__PURE__ */ n(
             "div",
             {
               className: "flight-detail",
-              onClick: (e) => {
-                e.stopPropagation(), K(!I);
+              onClick: (i) => {
+                i.stopPropagation(), G(!I);
               },
               children: [
-                /* @__PURE__ */ i("p", { children: "Aircraft" }),
+                /* @__PURE__ */ e("p", { children: "Aircraft" }),
                 /* @__PURE__ */ n("p", { className: "chevron-text", children: [
-                  /* @__PURE__ */ i(cr, {}),
+                  /* @__PURE__ */ e(mr, {}),
                   /* @__PURE__ */ n("span", { children: [
                     T[0],
                     T.length > 1 && /* @__PURE__ */ n("sup", { children: [
@@ -217,22 +219,22 @@ const Mr = ({
               ]
             }
           ) }),
-          /* @__PURE__ */ i("div", { className: "booking-options ", children: G ? /* @__PURE__ */ n("div", { className: "offer-expiry", children: [
-            /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(A, {}) }),
-            /* @__PURE__ */ i("p", { className: "expired-tip", children: "Offer Expired" })
+          /* @__PURE__ */ e("div", { className: "booking-options ", children: j ? /* @__PURE__ */ n("div", { className: "offer-expiry", children: [
+            /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(A, {}) }),
+            /* @__PURE__ */ e("p", { className: "expired-tip", children: "Offer Expired" })
           ] }) : /* @__PURE__ */ n(M, { children: [
-            r.cash > 0 && /* @__PURE__ */ n(
+            K || r.cash > 0 && /* @__PURE__ */ n(
               "div",
               {
                 className: `amount-value ${f === "cash" && o ? "show-best-value-flag" : ""}`,
-                onClick: (e) => {
-                  e.stopPropagation(), s(r, E.CASH);
+                onClick: (i) => {
+                  i.stopPropagation(), s(r, E.CASH);
                 },
                 children: [
-                  /* @__PURE__ */ i("b", { children: "Cash" }),
+                  /* @__PURE__ */ e("b", { children: "Cash" }),
                   /* @__PURE__ */ n("div", { children: [
-                    /* @__PURE__ */ i("label", { children: j ? "Book For" : "From" }),
-                    /* @__PURE__ */ i(
+                    /* @__PURE__ */ e("label", { children: J ? "Book For" : "From" }),
+                    /* @__PURE__ */ e(
                       U,
                       {
                         amount: r.cash,
@@ -245,57 +247,57 @@ const Mr = ({
                     "div",
                     {
                       className: "best-value-flag tip",
-                      onClick: (e) => {
-                        e.stopPropagation(), a == null || a(r);
+                      onClick: (i) => {
+                        i.stopPropagation(), a == null || a(r);
                       },
                       children: [
-                        a && /* @__PURE__ */ i(A, {}),
-                        /* @__PURE__ */ i("p", { children: "Best Value" }),
-                        a && /* @__PURE__ */ i("span", { children: "Click to learn more" })
+                        a && /* @__PURE__ */ e(A, {}),
+                        /* @__PURE__ */ e("p", { children: "Best Value" }),
+                        a && /* @__PURE__ */ e("span", { children: "Click to learn more" })
                       ]
                     }
                   )
                 ]
               }
             ),
-            r.points > 0 && /* @__PURE__ */ n(
+            Q || r.points > 0 && /* @__PURE__ */ n(
               "div",
               {
                 className: `amount-value ${f === "points" && o ? "show-best-value-flag" : ""}`,
-                onClick: (e) => {
-                  e.stopPropagation(), s(r, E.POINTS);
+                onClick: (i) => {
+                  i.stopPropagation(), s(r, E.POINTS);
                 },
                 children: [
                   f === "points" && o && /* @__PURE__ */ n(
                     "div",
                     {
                       className: "best-value-flag tip",
-                      onClick: (e) => {
-                        e.stopPropagation(), a == null || a(r);
+                      onClick: (i) => {
+                        i.stopPropagation(), a == null || a(r);
                       },
                       children: [
-                        a && /* @__PURE__ */ i(A, {}),
-                        /* @__PURE__ */ i("p", { children: "Best Value" }),
-                        a && /* @__PURE__ */ i("span", { children: "Click to learn more" })
+                        a && /* @__PURE__ */ e(A, {}),
+                        /* @__PURE__ */ e("p", { children: "Best Value" }),
+                        a && /* @__PURE__ */ e("span", { children: "Click to learn more" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ i("img", { src: J.programLogo }),
+                  /* @__PURE__ */ e("div", { className: "amount-airline-logo", children: /* @__PURE__ */ e("img", { src: X.programLogo }) }),
                   /* @__PURE__ */ n("div", { children: [
-                    /* @__PURE__ */ i("label", { children: H ? "Book For" : "From" }),
+                    /* @__PURE__ */ e("label", { children: W ? "Book For" : "From" }),
                     /* @__PURE__ */ n("p", { children: [
-                      `${Nr(r.points)} ${h(
+                      `${Pr(r.points)} ${h(
                         "miles"
                       )}`,
                       !!g && /* @__PURE__ */ n(M, { children: [
                         " + ",
-                        /* @__PURE__ */ i(
+                        /* @__PURE__ */ e(
                           U,
                           {
                             amount: g.amount,
                             currency: g.currency,
                             customDisplay: "No fee",
-                            zeroDisplayOption: nr.CUSTOM,
+                            zeroDisplayOption: sr.CUSTOM,
                             position: _.LEFT
                           }
                         )
@@ -307,13 +309,13 @@ const Mr = ({
             )
           ] }) })
         ] }),
-        /* @__PURE__ */ i("div", { className: `flight-details ${I ? "is-open" : ""}`, children: /* @__PURE__ */ i("div", { className: "inner", children: /* @__PURE__ */ i(
-          lr,
+        /* @__PURE__ */ e("div", { className: `flight-details ${I ? "is-open" : ""}`, children: /* @__PURE__ */ e("div", { className: "inner", children: /* @__PURE__ */ e(
+          pr,
           {
             itinerary: b.slices[0].segments,
             origin: u,
             destination: d,
-            isMultiDayFlight: B
+            isMultiDayFlight: er
           }
         ) }) })
       ] })
@@ -321,6 +323,6 @@ const Mr = ({
   );
 };
 export {
-  Mr as F,
-  Nr as c
+  Ur as F,
+  Pr as c
 };

package/dist/components/FlightResult/FlightResult.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@odynn/awayz-core";
 import "@tanstack/react-query";
-import { F as x } from "../../FlightResult-Caes2vM3.js";
+import { F as x } from "../../FlightResult-_TYrfbuH.js";
 import "../../index-7zRjF0bU.js";
 import "../../FlightItinerary-Dy-2zMYt.js";
 import "../../enums-D9aZqf8G.js";

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { F as l } from "../FlightResult-Caes2vM3.js";
+import { F as l } from "../FlightResult-_TYrfbuH.js";
 export {
   l as FlightResult
 };

package/dist/lib/components/FlightResult/FlightResult.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { EPaymentType } from '../../enums';
 import { IFlightResult } from '../../hooks/useFlightSearch/useFlightSearch.types';
 export interface IFlightResultProps {
@@ -25,5 +26,13 @@ export interface IFlightResultProps {
      * Flag to determine if custom styling should be used. If `false`, the component will use the default Awayz Style.
      */
     customStyling?: boolean;
+    /**
+     * Optional custom component to display cash value
+     */
+    customCashComponent?: React.ReactNode;
+    /**
+     * Optional custom component to display points value
+     */
+    customPointsComponent?: React.ReactNode;
 }
-export declare const FlightResult: ({ details, onClick, showBestValue, onShowBestValueCalculation, customStyling }: IFlightResultProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FlightResult: ({ details, onClick, showBestValue, onShowBestValueCalculation, customStyling, customCashComponent, customPointsComponent }: IFlightResultProps) => import("react/jsx-runtime").JSX.Element;

package/dist/main.js

@@ -1,7 +1,7 @@
 import { useFlightSearch as o } from "./hooks/useFlightSearch/useFlightSearch.js";
 import { useAirportSearch as g } from "./hooks/useAirportSearch/useAirportSearch.js";
 import { EBaggage as s } from "./hooks/useFlightSearch/useFlightSearch.types.js";
-import { F as f, c as l } from "./FlightResult-Caes2vM3.js";
+import { F as f, c as l } from "./FlightResult-_TYrfbuH.js";
 import { EPaymentType as x } from "./enums/EPaymentType.js";
 import { DEFAULT_AIRLINE_PROGRAM as C, getAirlineProgram as E, getFlightNumber as F, getLogoPath as c } from "./utils/flightUtils.js";
 import { isSameDayFlight as y } from "./utils/flightDateUtils.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odynn/awayz-flights",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "type": "module",
   "files": [
     "dist"