@odynn/awayz-flights 0.9.7 → 0.9.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BookingOption-V-FzaupW.js +196 -0
- package/dist/FlightItinerary-C4KPpVcF.js +94 -0
- package/dist/assets/FlightItinerary.css +1 -1
- package/dist/assets/FlightItineraryDropdown.css +1 -0
- package/dist/assets/MiniFlightItinerary.css +1 -0
- package/dist/assets/_styles.css +1 -1
- package/dist/assets/_styles2.css +1 -1
- package/dist/components/BookingOption/BookingOption.js +3 -4
- package/dist/components/Dialog/Dialog.js +1 -1
- package/dist/components/FlightItinerary/FlightItinerary.js +3 -4
- package/dist/components/FlightItineraryDropdown/FlightItineraryDropdown.js +22 -30
- package/dist/components/FlightResult/FlightResult.js +173 -183
- package/dist/components/HorizontalScroller/HorizontalScroller.js +3 -3
- package/dist/components/MiniFlightItinerary/MiniFlightItinerary.js +89 -7
- package/dist/components/index.js +5 -5
- package/dist/constants/endpoints.js +1 -1
- package/dist/enums-tLvxh02p.js +4 -0
- package/dist/hooks/index.js +3 -3
- package/dist/hooks/useFlightSearch/useFlightSearch.js +421 -11
- package/dist/{index-D8ljJLcr.js → index-9LVJi5JO.js} +7 -7
- package/dist/index-Kopwbl-x.js +19 -0
- package/dist/lib/components/FlightItinerary/FlightItinerary.d.ts +1 -6
- package/dist/lib/components/FlightItineraryDropdown/FlightItineraryDropdown.d.ts +2 -4
- package/dist/lib/constants/endpoints.d.ts +2 -1
- package/dist/lib/services/flights/FlightsService.d.ts +1 -0
- package/dist/main.js +35 -34
- package/dist/services/flights/FlightsService.js +37 -28
- package/dist/utils/flightUtils.js +39 -40
- package/package.json +1 -1
- package/dist/BookingOption-BTupJyHW.js +0 -192
- package/dist/FlightItinerary-BYXRMQUD.js +0 -262
- package/dist/MiniFlightItinerary-D2tFssaK.js +0 -106
- package/dist/assets/_styles5.css +0 -1
- package/dist/index-Gj4bRuCQ.js +0 -15
- package/dist/index-nI16-czT.js +0 -4
- package/dist/useFlightSearch-Dxoeykpk.js +0 -420
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
import { jsxs as t, jsx as o, Fragment as d } from "react/jsx-runtime";
|
|
2
|
+
import { useFeatureFlags as H, useWallet as Y, EBookingPaymentMethod as M, convertCashToClientPoints as $, CashValue as C, EToolTipPosition as u, EInvalidAmountDisplayOption as y, EAmountsDisplayFeature as z, ClientPointsValue as j } from "@odynn/awayz-core";
|
|
3
|
+
import { useQuery as q } from "@tanstack/react-query";
|
|
4
|
+
import "./moment-BGjjqtLQ.js";
|
|
5
|
+
import "./arrayExtensions-Ce8YopTP.js";
|
|
6
|
+
import x, { useState as v, useEffect as W } from "react";
|
|
7
|
+
import { G as Z } from "./iconBase-DSKTHwal.js";
|
|
8
|
+
import { h as G, i as R, j as K, k as Q } from "./index-9LVJi5JO.js";
|
|
9
|
+
import { EPaymentType as D } from "./enums/EPaymentType.js";
|
|
10
|
+
import { EBaggage as T } from "./hooks/useFlightSearch/useFlightSearch.types.js";
|
|
11
|
+
import { getAirlineProgram as b, formatCabinClass as J } from "./utils/flightUtils.js";
|
|
12
|
+
import './assets/_styles4.css';/* empty css */
|
|
13
|
+
const O = (e, l, r = l + "s") => e === 1 ? l : r, X = (e) => e ? e.toLowerCase().replace(/-/g, " ").split(" ").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join(" ") : "";
|
|
14
|
+
function V(e, l = !0) {
|
|
15
|
+
if ((!e || isNaN(e) || e < 0) && l) return "N/A";
|
|
16
|
+
let r = e == null ? void 0 : e.toString().split(".")[0];
|
|
17
|
+
return r == null ? void 0 : r.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
18
|
+
}
|
|
19
|
+
const oo = "USD";
|
|
20
|
+
function k(e) {
|
|
21
|
+
return Z({ attr: { viewBox: "0 0 352 512" }, child: [{ tag: "path", attr: { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }, child: [] }] })(e);
|
|
22
|
+
}
|
|
23
|
+
const uo = ({
|
|
24
|
+
type: e,
|
|
25
|
+
title: l,
|
|
26
|
+
cashValue: r,
|
|
27
|
+
milesValue: I,
|
|
28
|
+
cashFee: p,
|
|
29
|
+
setSelected: F,
|
|
30
|
+
conditions: c,
|
|
31
|
+
slices: s,
|
|
32
|
+
baggages: f,
|
|
33
|
+
program: N
|
|
34
|
+
}) => {
|
|
35
|
+
var L, S, g;
|
|
36
|
+
const { featureFlags: h } = H(), [m, w] = v(!1), [A, B] = v(), { pointsAsCash: P } = Y(), i = c == null ? void 0 : c.refundBeforeDeparture, a = c == null ? void 0 : c.changeBeforeDeparture, E = (i != null && i.allowed ? 1 : 0) + (a != null && a.allowed ? 1 : 0) + (((S = (L = s == null ? void 0 : s[0]) == null ? void 0 : L.segments) == null ? void 0 : S.length) || 0), { data: _ } = q({
|
|
37
|
+
queryKey: ["airlineProgram", N],
|
|
38
|
+
queryFn: () => b(N),
|
|
39
|
+
enabled: !!N
|
|
40
|
+
});
|
|
41
|
+
return W(() => {
|
|
42
|
+
h.bookingPaymentMethodFeature === M.FULL_VCC_PARTIAL_DISABLED && $({
|
|
43
|
+
cashAmount: (r == null ? void 0 : r.amount) ?? 0,
|
|
44
|
+
currency: (r == null ? void 0 : r.currency) ?? "",
|
|
45
|
+
pointsAsCash: P
|
|
46
|
+
}).then((n) => {
|
|
47
|
+
P.availablePoints < n && B("Insufficient points balance.");
|
|
48
|
+
});
|
|
49
|
+
}, [r, h]), /* @__PURE__ */ t(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: "flight-booking-option",
|
|
53
|
+
onClick: (n) => n.stopPropagation(),
|
|
54
|
+
children: [
|
|
55
|
+
/* @__PURE__ */ t("div", { className: "rate-details", children: [
|
|
56
|
+
e === D.POINTS && /* @__PURE__ */ o("img", { src: _ == null ? void 0 : _.programLogo }),
|
|
57
|
+
/* @__PURE__ */ o("p", { className: "fare-brand-name", children: X(l) })
|
|
58
|
+
] }),
|
|
59
|
+
e === D.CASH && /* @__PURE__ */ t("div", { className: "fare-comparison-content", children: [
|
|
60
|
+
f == null ? void 0 : f.map((n, U) => /* @__PURE__ */ t(x.Fragment, { children: [
|
|
61
|
+
n.type === T.CHECKED && /* @__PURE__ */ t("div", { className: "fare-option checked", children: [
|
|
62
|
+
/* @__PURE__ */ o("p", { children: "Checked bags:" }),
|
|
63
|
+
/* @__PURE__ */ o("p", { children: n.quantity })
|
|
64
|
+
] }),
|
|
65
|
+
n.type === T.CARRY_ON && /* @__PURE__ */ t("div", { className: "fare-option", children: [
|
|
66
|
+
/* @__PURE__ */ o("p", { children: "Carry-on bags:" }),
|
|
67
|
+
/* @__PURE__ */ o("p", { children: n.quantity })
|
|
68
|
+
] }),
|
|
69
|
+
n.type === null && /* @__PURE__ */ t("div", { className: "fare-option", children: [
|
|
70
|
+
/* @__PURE__ */ o(G, {}),
|
|
71
|
+
/* @__PURE__ */ o("p", { children: "N/A" })
|
|
72
|
+
] })
|
|
73
|
+
] }, U)),
|
|
74
|
+
/* @__PURE__ */ t("div", { className: "fare-option refundable", children: [
|
|
75
|
+
"Refundable:",
|
|
76
|
+
" ",
|
|
77
|
+
i != null && i.allowed ? /* @__PURE__ */ o(R, { className: "yes" }) : /* @__PURE__ */ o(k, { className: "no" })
|
|
78
|
+
] }),
|
|
79
|
+
/* @__PURE__ */ t("div", { className: "fare-option changeable", children: [
|
|
80
|
+
"Changeable:",
|
|
81
|
+
" ",
|
|
82
|
+
a != null && a.allowed ? /* @__PURE__ */ o(R, { className: "yes" }) : /* @__PURE__ */ o(k, { className: "no" })
|
|
83
|
+
] }),
|
|
84
|
+
/* @__PURE__ */ t(
|
|
85
|
+
"div",
|
|
86
|
+
{
|
|
87
|
+
className: "fare-option show-more-toggle",
|
|
88
|
+
onClick: (n) => {
|
|
89
|
+
n.stopPropagation(), w(!m);
|
|
90
|
+
},
|
|
91
|
+
children: [
|
|
92
|
+
/* @__PURE__ */ o("p", { children: m ? `Hide ${O(E, "option")}` : `+${E} ${O(E, "option")}` }),
|
|
93
|
+
/* @__PURE__ */ o("p", { children: m ? /* @__PURE__ */ o(K, {}) : /* @__PURE__ */ o(Q, {}) })
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
),
|
|
97
|
+
m && /* @__PURE__ */ t(d, { children: [
|
|
98
|
+
(i == null ? void 0 : i.allowed) && /* @__PURE__ */ t("div", { className: "fare-option", children: [
|
|
99
|
+
"Refundable Penalty:",
|
|
100
|
+
" ",
|
|
101
|
+
/* @__PURE__ */ o(
|
|
102
|
+
C,
|
|
103
|
+
{
|
|
104
|
+
amount: i.penaltyAmount || 0,
|
|
105
|
+
currency: i.penaltyCurrency || "",
|
|
106
|
+
zeroDisplayOption: y.DISPLAY_AS_ZERO_WITH_CURRENCY,
|
|
107
|
+
position: u.LEFT
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
] }),
|
|
111
|
+
(a == null ? void 0 : a.allowed) && /* @__PURE__ */ t("div", { className: "fare-option", children: [
|
|
112
|
+
"Changeable Penalty:",
|
|
113
|
+
" ",
|
|
114
|
+
/* @__PURE__ */ o(
|
|
115
|
+
C,
|
|
116
|
+
{
|
|
117
|
+
amount: a.penaltyAmount || 0,
|
|
118
|
+
currency: a.penaltyCurrency || "",
|
|
119
|
+
zeroDisplayOption: y.DISPLAY_AS_ZERO_WITH_CURRENCY,
|
|
120
|
+
position: u.LEFT
|
|
121
|
+
}
|
|
122
|
+
)
|
|
123
|
+
] }),
|
|
124
|
+
(g = s == null ? void 0 : s[0].segments) == null ? void 0 : g.map((n) => /* @__PURE__ */ t(
|
|
125
|
+
"div",
|
|
126
|
+
{
|
|
127
|
+
className: "fare-option checked",
|
|
128
|
+
children: [
|
|
129
|
+
/* @__PURE__ */ t("p", { children: [
|
|
130
|
+
n.origin.iataCode,
|
|
131
|
+
" - ",
|
|
132
|
+
n.destination.iataCode,
|
|
133
|
+
":"
|
|
134
|
+
] }),
|
|
135
|
+
/* @__PURE__ */ t("div", { children: [
|
|
136
|
+
/* @__PURE__ */ o("img", { src: n.operatingCarrier.logo }),
|
|
137
|
+
/* @__PURE__ */ o("p", { children: J(n.passengers[0].cabinClass) })
|
|
138
|
+
] })
|
|
139
|
+
]
|
|
140
|
+
},
|
|
141
|
+
`${n.origin.iataCode}-${n.destination.iataCode}`
|
|
142
|
+
))
|
|
143
|
+
] })
|
|
144
|
+
] }),
|
|
145
|
+
/* @__PURE__ */ o(
|
|
146
|
+
"button",
|
|
147
|
+
{
|
|
148
|
+
onClick: (n) => {
|
|
149
|
+
n.stopPropagation(), F();
|
|
150
|
+
},
|
|
151
|
+
disabled: !!A,
|
|
152
|
+
children: e === D.CASH && r ? /* @__PURE__ */ o(d, { children: A ? /* @__PURE__ */ o("p", { children: A }) : /* @__PURE__ */ t(d, { children: [
|
|
153
|
+
/* @__PURE__ */ o(
|
|
154
|
+
C,
|
|
155
|
+
{
|
|
156
|
+
amount: r.amount,
|
|
157
|
+
currency: r.currency,
|
|
158
|
+
position: u.LEFT,
|
|
159
|
+
zeroDisplayOption: y.DISPLAY_AS_ZERO_WITH_CURRENCY,
|
|
160
|
+
decimalPlaces: 2
|
|
161
|
+
}
|
|
162
|
+
),
|
|
163
|
+
h.amountsDisplayFeature === z.CASH_AND_CLIENT_POINTS && /* @__PURE__ */ t(d, { children: [
|
|
164
|
+
" / ",
|
|
165
|
+
/* @__PURE__ */ o(
|
|
166
|
+
j,
|
|
167
|
+
{
|
|
168
|
+
currency: r.currency,
|
|
169
|
+
cashAmount: r.amount
|
|
170
|
+
}
|
|
171
|
+
)
|
|
172
|
+
] })
|
|
173
|
+
] }) }) : /* @__PURE__ */ t(d, { children: [
|
|
174
|
+
`${V(I)} miles + `,
|
|
175
|
+
/* @__PURE__ */ o(
|
|
176
|
+
C,
|
|
177
|
+
{
|
|
178
|
+
amount: (p == null ? void 0 : p.amount) || 0,
|
|
179
|
+
currency: (p == null ? void 0 : p.currency) || oo,
|
|
180
|
+
position: u.LEFT,
|
|
181
|
+
customDisplay: "No fee",
|
|
182
|
+
zeroDisplayOption: y.CUSTOM
|
|
183
|
+
}
|
|
184
|
+
)
|
|
185
|
+
] })
|
|
186
|
+
}
|
|
187
|
+
)
|
|
188
|
+
]
|
|
189
|
+
}
|
|
190
|
+
);
|
|
191
|
+
};
|
|
192
|
+
export {
|
|
193
|
+
uo as B,
|
|
194
|
+
V as c,
|
|
195
|
+
O as p
|
|
196
|
+
};
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { jsx as t, jsxs as a, Fragment as I } from "react/jsx-runtime";
|
|
2
|
+
import { g as A, b as L } from "./dateUtils-Cb9VQiIL.js";
|
|
3
|
+
import { l as M } from "./arrayExtensions-Ce8YopTP.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { h as e } from "./moment-BGjjqtLQ.js";
|
|
6
|
+
import { useTranslation as u } from "react-i18next";
|
|
7
|
+
import { a as Y } from "./index-Kopwbl-x.js";
|
|
8
|
+
import './assets/FlightItinerary.css';const S = (i) => {
|
|
9
|
+
var d;
|
|
10
|
+
if (!i) return "";
|
|
11
|
+
try {
|
|
12
|
+
return (d = M.byIso(i)) == null ? void 0 : d.country;
|
|
13
|
+
} catch (r) {
|
|
14
|
+
return console.error(r), "";
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
var o = /* @__PURE__ */ ((i) => (i.ISO = "dates:iso", i.DISPLAY_SHORT = "dates:displayShort", i.DISPLAY_MEDIUM = "dates:displayMedium", i.DISPLAY_LONG = "dates:displayLong", i.DISPLAY_FULL = "dates:displayFull", i.DISPLAY_SHORT_WITH_YEAR = "dates:displayShortWithYear", i.DISPLAY_MEDIUM_WITH_YEAR = "dates:displayMediumWithYear", i.DISPLAY_LONG_WITH_YEAR = "dates:displayLongWithYear", i.DISPLAY_FULL_WITH_YEAR = "dates:displayFullWithYear", i.DATE_TIME_SHORT = "dates:dateTimeShort", i.DATE_TIME_MEDIUM = "dates:dateTimeMedium", i.DATE_TIME_LONG = "dates:dateTimeLong", i.DATE_TIME_FULL = "dates:dateTimeFull", i.DATE_TIME_SHORT_WITH_YEAR = "dates:dateTimeShortWithYear", i.DATE_TIME_MEDIUM_WITH_YEAR = "dates:dateTimeMediumWithYear", i.DATE_TIME_LONG_WITH_YEAR = "dates:dateTimeLongWithYear", i.DATE_TIME_FULL_WITH_YEAR = "dates:dateTimeFullWithYear", i.TIME_ONLY = "dates:timeOnly", i.TIME_WITH_SECONDS = "dates:timeWithSeconds", i))(o || {});
|
|
18
|
+
const F = ({ itinerary: i }) => {
|
|
19
|
+
const { t: d } = u();
|
|
20
|
+
return /* @__PURE__ */ t("div", { className: "flight-itinerary", children: i.map((r, h) => {
|
|
21
|
+
var l, s, c, _, T;
|
|
22
|
+
const n = i[h + 1], m = r.operatingCarrier.logoSymbolUrl ?? r.operatingCarrier.logo, p = ((s = (l = r.passengers[0]) == null ? void 0 : l.cabin) == null ? void 0 : s.marketingName.toLowerCase()) ?? ((c = r.passengers[0]) == null ? void 0 : c.cabinClass);
|
|
23
|
+
return /* @__PURE__ */ a(I, { children: [
|
|
24
|
+
/* @__PURE__ */ a("div", { className: "flight-itinerary-segment", children: [
|
|
25
|
+
/* @__PURE__ */ a("div", { children: [
|
|
26
|
+
/* @__PURE__ */ a("div", { className: "segment-details", children: [
|
|
27
|
+
/* @__PURE__ */ t("img", { src: m, alt: r.operatingCarrier.name }),
|
|
28
|
+
/* @__PURE__ */ a("div", { children: [
|
|
29
|
+
/* @__PURE__ */ a("p", { children: [
|
|
30
|
+
e(r.departingAt).format(
|
|
31
|
+
d(o.DATE_TIME_MEDIUM)
|
|
32
|
+
),
|
|
33
|
+
" ",
|
|
34
|
+
"-",
|
|
35
|
+
" ",
|
|
36
|
+
e(r.arrivingAt).format(
|
|
37
|
+
d(o.DATE_TIME_MEDIUM)
|
|
38
|
+
)
|
|
39
|
+
] }),
|
|
40
|
+
/* @__PURE__ */ a("div", { className: "flight-locations", children: [
|
|
41
|
+
/* @__PURE__ */ t("p", { children: r.origin.iataCode }),
|
|
42
|
+
/* @__PURE__ */ t(Y, {}),
|
|
43
|
+
/* @__PURE__ */ t("p", { children: r.destination.iataCode })
|
|
44
|
+
] })
|
|
45
|
+
] })
|
|
46
|
+
] }),
|
|
47
|
+
/* @__PURE__ */ a("div", { className: "segment-times", children: [
|
|
48
|
+
/* @__PURE__ */ t("p", { children: A(r.duration) }),
|
|
49
|
+
/* @__PURE__ */ t("p", { className: "cabin-class", children: p })
|
|
50
|
+
] })
|
|
51
|
+
] }),
|
|
52
|
+
/* @__PURE__ */ a("div", { className: "operated-by", children: [
|
|
53
|
+
/* @__PURE__ */ a("p", { children: [
|
|
54
|
+
"Operated by ",
|
|
55
|
+
r.operatingCarrier.name
|
|
56
|
+
] }),
|
|
57
|
+
/* @__PURE__ */ a("p", { children: [
|
|
58
|
+
"Aircraft ",
|
|
59
|
+
(_ = r.aircraft) == null ? void 0 : _.name,
|
|
60
|
+
" •",
|
|
61
|
+
" ",
|
|
62
|
+
r.operatingCarrier.iataCode,
|
|
63
|
+
" ",
|
|
64
|
+
r.operatingCarrierFlightNumber ?? r.marketingCarrierFlightNumber
|
|
65
|
+
] })
|
|
66
|
+
] })
|
|
67
|
+
] }, r.id),
|
|
68
|
+
n && /* @__PURE__ */ a("div", { className: "flight-itinerary-layover", children: [
|
|
69
|
+
/* @__PURE__ */ a("p", { children: [
|
|
70
|
+
"Layover in",
|
|
71
|
+
" ",
|
|
72
|
+
((T = r.destination.city) == null ? void 0 : T.name) ?? r.destination.cityName,
|
|
73
|
+
", ",
|
|
74
|
+
S(r.destination.iataCountryCode),
|
|
75
|
+
" ",
|
|
76
|
+
"(",
|
|
77
|
+
r.destination.iataCode,
|
|
78
|
+
")"
|
|
79
|
+
] }),
|
|
80
|
+
/* @__PURE__ */ t("p", { children: L(
|
|
81
|
+
e(n.departingAt).diff(
|
|
82
|
+
r.arrivingAt,
|
|
83
|
+
"minutes"
|
|
84
|
+
)
|
|
85
|
+
) })
|
|
86
|
+
] })
|
|
87
|
+
] });
|
|
88
|
+
}) });
|
|
89
|
+
};
|
|
90
|
+
export {
|
|
91
|
+
o as E,
|
|
92
|
+
F,
|
|
93
|
+
S as g
|
|
94
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.flight-itinerary{display:flex;flex-direction:column}.flight-itinerary
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.flight-itinerary{display:flex;flex-direction:column;gap:.5rem}@media screen and (min-width: 768px){.flight-itinerary{padding-left:2rem}}.flight-itinerary .flight-itinerary-segment{display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border, #e7eef3);border-radius:1rem}.flight-itinerary .flight-itinerary-segment .operated-by{font-size:.8rem;padding:.5rem 1rem;background-color:var(--background, #f9fdff);border-radius:0 0 1rem 1rem;border-top:1px solid var(--border, #e7eef3)}.flight-itinerary .flight-itinerary-segment .operated-by p{font-size:.8rem;color:var(--text-light, rgba(37, 46, 52, .2509803922));font-weight:500}@media screen and (max-width: 768px){.flight-itinerary .flight-itinerary-segment .operated-by{flex-direction:column;align-items:flex-start;gap:0}}.flight-itinerary .flight-itinerary-segment>div{display:flex;justify-content:space-between;width:100%;gap:1rem;padding:1rem}.flight-itinerary .flight-itinerary-segment .segment-details{display:flex;align-items:center;gap:1rem}.flight-itinerary .flight-itinerary-segment .segment-details img{height:32px;width:32px;object-fit:contain}@media screen and (max-width: 768px){.flight-itinerary .flight-itinerary-segment .segment-details{flex-direction:column;align-items:flex-start;gap:0}}.flight-itinerary .flight-itinerary-segment .segment-details .flight-locations{display:flex;align-items:center;gap:.25rem}.flight-itinerary .flight-itinerary-segment .segment-details .flight-locations p{font-weight:600}.flight-itinerary .flight-itinerary-segment .segment-times{display:flex;flex-direction:column;align-items:flex-end}.flight-itinerary .flight-itinerary-segment .segment-times p{text-transform:capitalize}.flight-itinerary .flight-itinerary-segment .segment-times .cabin-class{font-size:.8rem;color:var(--text-light, rgba(37, 46, 52, .2509803922))}@media screen and (min-width: 768px){.flight-itinerary .flight-itinerary-segment:before{content:"";position:absolute;top:-50%;bottom:-50%;width:2px;background-color:var(--border, #e7eef3);left:calc(-1.5rem - 1px)}.flight-itinerary .flight-itinerary-segment:last-child:before{bottom:50%}.flight-itinerary .flight-itinerary-segment:first-child:before{top:50%}}.flight-itinerary .flight-itinerary-layover{display:flex;justify-content:space-between;align-items:center;padding:1rem}@media screen and (max-width: 768px){.flight-itinerary .flight-itinerary-layover{flex-direction:column;align-items:flex-start;gap:0}}.flight-itinerary .flight-itinerary-layover p{color:var(--primary, #1495f2);font-size:.8rem;font-weight:500}.flight-itinerary .flight-itinerary-layover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--primary, #1495f2);opacity:.1;border-radius:1rem}.flight-itinerary>div{position:relative}@media screen and (min-width: 768px){.flight-itinerary>div:after{content:"";position:absolute;background-color:var(--border, #e7eef3);border-radius:1rem;height:.75rem;width:.75rem;top:50%;left:-1.5rem;transform:translate(-50%,-50%)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.itinerary-dropdown{display:flex;flex-direction:column;border-top:1px solid var(--border, #e7eef3)}.itinerary-dropdown .itinerary-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:0 1rem}.itinerary-dropdown .itinerary-dropdown-header:hover{background-color:var(--background, #f9fdff)}.itinerary-dropdown .itinerary-dropdown-content{display:grid;grid-template-rows:0fr;transition:all .2s ease-in-out;background-color:var(--foreground, #fff);border-top:1px solid var(--border, #e7eef3);border-width:0}.itinerary-dropdown .itinerary-dropdown-content.is-open{grid-template-rows:1fr;padding:1rem;border-top:1px solid var(--border, #e7eef3)}.itinerary-dropdown .itinerary-dropdown-content.is-open .itinerary-dropdown-inner{scale:1;opacity:1;overflow:visible;border-bottom:1px solid var(--border, #e7eef3);padding-bottom:1rem}.itinerary-dropdown .itinerary-dropdown-content .itinerary-dropdown-inner{overflow:hidden;transition:all .2s ease-in-out;scale:.9;opacity:0;transform-origin:top center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.mini-flight-itinerary{display:flex;padding:.5rem 0;gap:.5rem;align-items:center;flex:1;text-wrap:nowrap}.mini-flight-itinerary .flight{flex:1;display:flex;gap:.5rem;font-size:.8rem;padding:.5rem;align-items:center;flex-wrap:nowrap}@media screen and (max-width: 1024px){.mini-flight-itinerary{display:none}}.mini-flight-itinerary .layover{font-size:.7rem;padding:.25rem .5rem;border-radius:50rem;font-weight:600;border:1px solid var(--border, #e7eef3);display:flex;align-items:center;gap:.25rem;width:fit-content}.mini-flight-itinerary .timeline{flex:1;position:relative;display:flex;justify-content:center;padding:0 1rem}.mini-flight-itinerary .timeline div{font-size:.7rem;background-color:var(--background, #f9fdff);padding:.25rem .5rem;border-radius:50rem;border:1px solid var(--border, #e7eef3);font-weight:600;display:flex;align-items:center;gap:.25rem;width:fit-content;z-index:100}.mini-flight-itinerary .timeline:after{content:"";flex:1;border-bottom:1px solid var(--border, #e7eef3);position:absolute;top:50%;left:0;right:0}.mobile-mini-flight-itinerary{display:flex;gap:.5rem;align-items:center;padding:1rem}.mobile-mini-flight-itinerary div{display:flex;gap:.5rem;align-items:center}@media screen and (min-width: 1024px){.mobile-mini-flight-itinerary{display:none}}
|
package/dist/assets/_styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.mini-flight-itinerary{display:flex;padding:.5rem 0;gap:.5rem;align-items:center;flex:1;text-wrap:nowrap}.mini-flight-itinerary .flight{flex:1;display:flex;gap:.5rem;font-size:.8rem;padding:.5rem;align-items:center;flex-wrap:nowrap}@media screen and (max-width: 1024px){.mini-flight-itinerary{display:none}}.mini-flight-itinerary .layover{font-size:.7rem;padding:.25rem .5rem;border-radius:50rem;font-weight:600;border:1px solid var(--border, #e7eef3);display:flex;align-items:center;gap:.25rem;width:fit-content}.mini-flight-itinerary .timeline{flex:1;position:relative;display:flex;justify-content:center;padding:0 1rem}.mini-flight-itinerary .timeline div{font-size:.7rem;background-color:var(--background, #f9fdff);padding:.25rem .5rem;border-radius:50rem;border:1px solid var(--border, #e7eef3);font-weight:600;display:flex;align-items:center;gap:.25rem;width:fit-content;z-index:100}.mini-flight-itinerary .timeline:after{content:"";flex:1;border-bottom:1px solid var(--border, #e7eef3);position:absolute;top:50%;left:0;right:0}.mobile-mini-flight-itinerary{display:flex;gap:.5rem;align-items:center;padding:1rem}.mobile-mini-flight-itinerary div{display:flex;gap:.5rem;align-items:center}@media screen and (min-width: 1024px){.mobile-mini-flight-itinerary{display:none}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.awayz-flight-result{background-color:var(--foreground, #fff);border-radius:1rem;border:1px solid var(--border, #e7eef3);overflow:hidden;width:100%;margin:0 auto;position:relative;height:fit-content;padding:1px;transition:all .2s ease-in-out;z-index:10;animation:fade-up .2s ease-in-out both;backface-visibility:hidden}.awayz-flight-result .content{overflow:hidden;border-radius:.8rem;width:100%;margin:0 auto;position:relative;height:fit-content;z-index:1;display:flex;flex-direction:column}.awayz-flight-result .content .flight-times{display:flex;font-size:.8rem}.awayz-flight-result .content .flight-times .flight-duration{display:flex;align-items:center;gap:.5rem;color:var(--text-light, rgba(37, 46, 52, .2509803922))}.awayz-flight-result .content .flight-times p{color:var(--text-light, rgba(37, 46, 52, .2509803922))}.awayz-flight-result .content .flight-info{padding:1rem;display:flex;flex-direction:column}@media screen and (min-width: 1024px){.awayz-flight-result .content .flight-info{flex-direction:row;gap:1rem}}.awayz-flight-result .content .flight-info .flight-info-header{display:flex;justify-content:space-between;align-items:center}.awayz-flight-result .content .flight-info .flight-info-header .airline-logo{display:flex;align-items:center;justify-content:center;gap:.5rem}.awayz-flight-result .content .flight-info .flight-info-header .airline-logo img{height:30px;width:30px;padding:.25rem;object-fit:contain;border-radius:50%;border:1px solid var(--border, #e7eef3);background-color:var(--light, #f9fdff)}.awayz-flight-result .content .flight-info .flight-info-header .airline-logo p{font-size:.8rem;font-weight:600}@media screen and (min-width: 1024px){.awayz-flight-result .content .flight-info .flight-info-header .airline-logo p{display:none}}.awayz-flight-result .content .flight-info .flight-info-header .airline-logo p:last-child{color:var(--text-light, rgba(37, 46, 52, .2509803922));font-weight:400;font-size:.7rem}.awayz-flight-result .content .flight-info .flight-info-header .flight-times{flex-direction:column;align-items:flex-end}@media screen and (min-width: 1024px){.awayz-flight-result .content .flight-info .flight-info-header .flight-times{display:none}}.awayz-flight-result .content .flight-info .flight-info-content{display:flex;justify-content:space-between;align-items:flex-end;flex:1;gap:1rem}@media screen and (max-width: 1024px){.awayz-flight-result .content .flight-info .flight-info-content{gap:.25rem}}.awayz-flight-result .content .flight-info .flight-info-content .flight-icon{font-size:1.6rem;color:var(--text, #252e34);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.25rem}.awayz-flight-result .content .flight-info .flight-info-content .flight-icon>span{height:25px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;opacity:.2}.awayz-flight-result .content .flight-info .flight-info-content .flight-icon>span:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;transform:translateY(-50%);background:linear-gradient(to right,transparent 25%,var(--text, #252e34) 25%,var(--text, #252e34) 75%,transparent 75%);background-repeat:repeat-x;background-size:20px 2px}@media screen and (max-width: 1024px){.awayz-flight-result .content .flight-info .flight-info-content .flight-icon>span:after{display:none}}.awayz-flight-result .content .flight-info .flight-info-content .flight-icon .flight-times{justify-content:center;align-items:center;gap:.5rem}@media screen and (max-width: 1024px){.awayz-flight-result .content .flight-info .flight-info-content .flight-icon .flight-times{display:none}}.awayz-flight-result .content .flight-info .flight-info-content .flight-icon .view-flight-details{display:none;font-size:.8rem;font-weight:600;color:var(--text-light, rgba(37, 46, 52, .2509803922));cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 1rem;border-radius:50rem;transition:all .2s ease-in-out;border:1px solid var(--border, #e7eef3);text-align:center}@media screen and (max-width: 1024px){.awayz-flight-result .content .flight-info .flight-info-content .flight-icon .view-flight-details{display:block}}.awayz-flight-result .content .flight-info .flight-info-content .flight-icon .view-flight-details:hover{background-color:var(--border, #e7eef3)}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times{display:flex;flex-direction:column;gap:0}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times .flight-info-date{font-weight:600;font-size:.8rem}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times .flight-info-time{font-size:1.6rem;font-weight:600}@media screen and (max-width: 1024px){.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times .flight-info-time{font-size:1.2rem}}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times .flight-location{display:flex;align-items:center;gap:.5rem}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times .flight-location .flight-location-icon{display:flex;align-items:center;justify-content:center;height:20px;width:20px;border-radius:50%;border-radius:4rem;background-color:var(--primary, #1495f2);font-size:.7rem;color:var(--foreground, #fff)}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times:last-child{align-items:flex-end}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times:last-child .flight-info-date{text-align:right}.awayz-flight-result .content .flight-info .flight-info-content .flight-info-times:last-child .flight-location{justify-content:flex-end}.awayz-flight-result .content>div.flight-footer{flex:2;display:flex;justify-content:space-between;align-items:center;padding:1rem;gap:1rem;background-color:var(--background, #f9fdff);border-top:1px solid var(--border, #e7eef3)}@media screen and (max-width: 1024px){.awayz-flight-result .content>div.flight-footer{flex-direction:column}}.awayz-flight-result .content>div.flight-footer .view-details{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.awayz-flight-result .content>div.flight-footer .booking-options{display:flex;justify-content:flex-end;gap:1rem;font-size:.8rem;flex:3}@media screen and (max-width: 1024px){.awayz-flight-result .content>div.flight-footer .booking-options{width:100%;flex-direction:column}}.awayz-flight-result .content>div.flight-footer .booking-options .offer-expiry{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border, #e7eef3);border-radius:50rem;padding:1rem;gap:1rem;transition:all .2s ease-in-out;background-color:var(--foreground, #fff);font-weight:600}.awayz-flight-result .content>div.flight-footer .booking-options .offer-expiry span{display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--warning, #ff7f2f)}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border, #e7eef3);border-radius:4rem;padding:.5rem 1rem;gap:2rem;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--foreground, #fff);position:relative}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value .currency-conversion{display:flex}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value .best-value-flag{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.25rem;position:absolute;right:-1px;padding:.25rem .5rem;top:-1rem;color:var(--foreground, #fff);border-radius:50rem;font-weight:600;background-color:var(--primary, #1495f2);border-bottom-right-radius:0;font-size:.7rem}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value .best-value-flag p{color:var(--foreground, #fff)}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value.show-best-value-flag{border-color:var(--primary, #1495f2);border-top-right-radius:0}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value p{display:flex;gap:.25rem}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value .amount-airline-logo{display:flex;align-items:center;background-color:var(--light, #f9fdff);border-radius:4rem;padding:.25rem .5rem;margin-left:-.5rem}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value.lg{font-size:.8rem;padding:1rem}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value.lg .flight-cash-amount-value{font-weight:600}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value img{height:30px;max-width:100px}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value>div{display:flex;flex-direction:column}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value label{font-size:.7rem;font-weight:600}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value .flight-cash-amount-value{display:flex;gap:.25rem}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value:first-of-type{grid-area:price}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value:last-of-type{grid-area:points}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value:hover{background-color:var(--background, #f9fdff)}@media screen and (max-width: 1024px){.awayz-flight-result .content>div.flight-footer .booking-options .amount-value{flex-direction:row;justify-content:space-between}.awayz-flight-result .content>div.flight-footer .booking-options .amount-value.amount-value img{height:30px;max-width:80px}}.awayz-flight-result .content>div.flight-footer .view-flight-details{display:none;font-size:.8rem;font-weight:600;color:var(--text-light, rgba(37, 46, 52, .2509803922));cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 1rem;border-radius:50rem;transition:all .2s ease-in-out}@media screen and (min-width: 1024px){.awayz-flight-result .content>div.flight-footer .view-flight-details{display:block}}.awayz-flight-result .content>div.flight-footer .view-flight-details:hover{background-color:var(--border, #e7eef3)}.awayz-flight-result .content .flight-detail-container{display:flex;gap:1rem;justify-content:space-between}@media screen and (max-width: 1024px){.awayz-flight-result .content .flight-detail-container{width:100%}}.awayz-flight-result .content .flight-detail:not(:first-of-type){border-left:1px solid var(--border, #e7eef3);padding:0 2rem}@media screen and (max-width: 1024px){.awayz-flight-result .content .flight-detail:not(:first-of-type){padding:0 .5rem}}.awayz-flight-result .content .flight-detail p{font-size:.8rem}.awayz-flight-result .content .flight-detail p:first-of-type{font-size:.7rem;color:var(--text-light, rgba(37, 46, 52, .2509803922))}.awayz-flight-result .content .flight-detail p:last-of-type{font-weight:600}.awayz-flight-result .content .flight-detail p.chevron-text{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.awayz-flight-result .flight-details{display:grid;grid-template-rows:0fr;transition:all .2s ease-in-out;background-color:var(--foreground, #fff);border-top:1px solid var(--border, #e7eef3);border-width:0}.awayz-flight-result .flight-details.is-open{grid-template-rows:1fr;padding:1rem;padding-top:0;border-top:1px solid var(--border, #e7eef3)}.awayz-flight-result .flight-details.is-open .inner{scale:1;opacity:1;padding-top:1rem}.awayz-flight-result .flight-details .inner{overflow:hidden;transition:all .2s ease-in-out;scale:.9;opacity:0;transform-origin:top center;scroll-margin-top:40vh}.awayz-flight-result .flight-details .inner .flight-booking-options{display:flex;flex-direction:column;gap:1rem}.awayz-flight-result .flight-details .inner .flight-booking-options .booking-options-section{display:flex;flex-direction:column;gap:.5rem}.awayz-flight-result .flight-details .inner .flight-booking-options .booking-options-title{font-size:.7rem;font-weight:600;color:var(--text-light, rgba(37, 46, 52, .2509803922));text-transform:uppercase;letter-spacing:.04em}.awayz-flight-result .flight-details .inner .flight-booking-options .booking-options-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.awayz-flight-result .flight-details .inner .flight-booking-options .booking-options-scroll>*{flex:0 0 auto}.awayz-flight-result:hover{cursor:pointer}
|
package/dist/assets/_styles2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.horizontal-scroller-container{position:relative}.horizontal-scroller-container
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tip{position:relative}.tip>span{background-color:var(--dark, #14181f);color:#fff;padding:.5rem;border-radius:.5rem;position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:none;transition:all .2s ease-in-out;z-index:100;width:max-content;font-size:.6rem;font-weight:600;text-transform:uppercase;line-height:.8rem;text-align:center;box-sizing:border-box;pointer-events:none}@media screen and (max-width: 480px){.tip>span{width:fit-content}}.tip>span.left{right:100%;top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tip>span.left:before{left:auto;right:-7.5px;top:50%;transform:translateY(-50%) rotate(-90deg)}.tip>span.right{left:100%;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.tip>span.right:before{left:-7.5px;right:auto;top:50%;transform:translateY(-50%) rotate(90deg)}.tip>span.bottom{top:100%;left:50%;right:auto;bottom:auto;transform:translate(-50%)}.tip>span.bottom:before{left:50%;right:auto;top:-5px;transform:translate(-50%) rotate(180deg)}.tip>span:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--dark, #14181f)}.tip:hover>span,.tip:focus>span{display:flex;animation:tip-fade-up .2s ease-in-out}.tip:hover>span.right,.tip:focus>span.right{animation:tip-fade-right .2s ease-in-out}.tip:hover>span.left,.tip:focus>span.left{animation:tip-fade-left .2s ease-in-out}.tip:hover>span.bottom,.tip:focus>span.bottom{animation:tip-fade-down .2s ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.horizontal-scroller-container{position:relative}.horizontal-scroller-container.show-left-fade:before{opacity:1}.horizontal-scroller-container.show-right-fade:after{opacity:1}.horizontal-scroller-container .horizontal-scroller{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem}.horizontal-scroller-container .scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--foreground, #fff);border:1px solid var(--border, #e7eef3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.horizontal-scroller-container .scroll-arrow:hover{background-color:var(--background, #f9fdff)}.horizontal-scroller-container .scroll-arrow:active{transform:translateY(-50%) scale(.95)}.horizontal-scroller-container .scroll-arrow-left{left:0}.horizontal-scroller-container .scroll-arrow-right{right:0}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "@odynn/awayz-core";
|
|
3
3
|
import "@tanstack/react-query";
|
|
4
|
-
import { B } from "../../BookingOption-
|
|
4
|
+
import { B as x } from "../../BookingOption-V-FzaupW.js";
|
|
5
5
|
import "../../moment-BGjjqtLQ.js";
|
|
6
6
|
import "../../arrayExtensions-Ce8YopTP.js";
|
|
7
7
|
import "react";
|
|
8
|
-
import "../../index-
|
|
9
|
-
import "../../index-D8ljJLcr.js";
|
|
8
|
+
import "../../index-9LVJi5JO.js";
|
|
10
9
|
import "../../enums/EPaymentType.js";
|
|
11
10
|
import "../../hooks/useFlightSearch/useFlightSearch.types.js";
|
|
12
11
|
import "../../utils/flightUtils.js";
|
|
13
12
|
import '../../assets/_styles4.css';/* empty css */
|
|
14
13
|
export {
|
|
15
|
-
|
|
14
|
+
x as default
|
|
16
15
|
};
|
|
@@ -2,7 +2,7 @@ import { jsx as Ye, jsxs as Fp, Fragment as DR } from "react/jsx-runtime";
|
|
|
2
2
|
import * as F from "react";
|
|
3
3
|
import QR, { useState as p_ } from "react";
|
|
4
4
|
import { a as v_ } from "../../_commonjsHelpers-MdHo5S7N.js";
|
|
5
|
-
import { l as h_ } from "../../index-
|
|
5
|
+
import { l as h_ } from "../../index-9LVJi5JO.js";
|
|
6
6
|
import '../../assets/_styles3.css';/* empty css */
|
|
7
7
|
function Bu(v, S, { checkForDefaultPrevented: y = !0 } = {}) {
|
|
8
8
|
return function(w) {
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../dateUtils-Cb9VQiIL.js";
|
|
3
|
-
import { F as
|
|
4
|
-
import "../../index-nI16-czT.js";
|
|
3
|
+
import { F as f } from "../../FlightItinerary-C4KPpVcF.js";
|
|
5
4
|
import "../../arrayExtensions-Ce8YopTP.js";
|
|
6
5
|
import "react";
|
|
7
6
|
import "../../moment-BGjjqtLQ.js";
|
|
8
7
|
import "react-i18next";
|
|
9
|
-
import "../../index-
|
|
8
|
+
import "../../index-Kopwbl-x.js";
|
|
10
9
|
export {
|
|
11
|
-
|
|
10
|
+
f as FlightItinerary
|
|
12
11
|
};
|
|
@@ -1,56 +1,48 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import {
|
|
4
|
-
import "../../useFlightSearch
|
|
1
|
+
import { jsxs as s, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as a } from "react";
|
|
3
|
+
import { L as d } from "../../index-Kopwbl-x.js";
|
|
4
|
+
import "../../hooks/useFlightSearch/useFlightSearch.js";
|
|
5
5
|
import "@tanstack/react-query";
|
|
6
6
|
import "@odynn/awayz-core";
|
|
7
7
|
import "../../moment-BGjjqtLQ.js";
|
|
8
8
|
import "../../arrayExtensions-Ce8YopTP.js";
|
|
9
|
-
import { F as
|
|
9
|
+
import { F as c } from "../../FlightItinerary-C4KPpVcF.js";
|
|
10
10
|
import "react-i18next";
|
|
11
11
|
import "../../utils/flightUtils.js";
|
|
12
|
-
import '../../assets/
|
|
12
|
+
import '../../assets/_styles.css';import '../../assets/_styles2.css';import '../../assets/_styles3.css';import '../../assets/_styles4.css';import '../../assets/FlightItineraryDropdown.css';/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
|
-
import {
|
|
17
|
-
const
|
|
18
|
-
flightDetails:
|
|
19
|
-
|
|
20
|
-
destination: s,
|
|
21
|
-
onOpenChange: o
|
|
16
|
+
import { MiniFlightItinerary as l } from "../MiniFlightItinerary/MiniFlightItinerary.js";
|
|
17
|
+
const P = ({
|
|
18
|
+
flightDetails: o,
|
|
19
|
+
onOpenChange: i
|
|
22
20
|
}) => {
|
|
23
|
-
const [t,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
);
|
|
27
|
-
return /* @__PURE__ */ e("div", { className: "itinerary-dropdown", children: [
|
|
28
|
-
/* @__PURE__ */ e(
|
|
21
|
+
const [t, e] = a(!1);
|
|
22
|
+
return /* @__PURE__ */ s("div", { className: "itinerary-dropdown", children: [
|
|
23
|
+
/* @__PURE__ */ s(
|
|
29
24
|
"div",
|
|
30
25
|
{
|
|
31
26
|
className: "itinerary-dropdown-header",
|
|
32
|
-
onClick: (
|
|
33
|
-
|
|
34
|
-
const
|
|
35
|
-
|
|
27
|
+
onClick: (m) => {
|
|
28
|
+
m.stopPropagation();
|
|
29
|
+
const p = !t;
|
|
30
|
+
i == null || i(p), e((n) => !n);
|
|
36
31
|
},
|
|
37
32
|
children: [
|
|
38
|
-
/* @__PURE__ */ r(
|
|
39
|
-
/* @__PURE__ */ r(
|
|
33
|
+
/* @__PURE__ */ r(l, { flightDetails: o }),
|
|
34
|
+
/* @__PURE__ */ r(d, {})
|
|
40
35
|
]
|
|
41
36
|
}
|
|
42
37
|
),
|
|
43
38
|
/* @__PURE__ */ r("div", { className: `itinerary-dropdown-content ${t ? "is-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "itinerary-dropdown-inner", children: /* @__PURE__ */ r(
|
|
44
|
-
|
|
39
|
+
c,
|
|
45
40
|
{
|
|
46
|
-
itinerary:
|
|
47
|
-
origin: m,
|
|
48
|
-
destination: s,
|
|
49
|
-
isMultiDayFlight: a
|
|
41
|
+
itinerary: o.flightDetails.slices[0].segments
|
|
50
42
|
}
|
|
51
43
|
) }) })
|
|
52
44
|
] });
|
|
53
45
|
};
|
|
54
46
|
export {
|
|
55
|
-
|
|
47
|
+
P as FlightItineraryDropdown
|
|
56
48
|
};
|