@qite/tide-booking-component 1.4.90 → 1.4.91
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/build/build-cjs/index.js +16 -2
- package/build/build-esm/index.js +16 -2
- package/package.json +2 -2
- package/src/search-results/components/flight/flight-search-context/index.tsx +1 -0
- package/src/shared/components/flyin/flights-flyin.tsx +6 -2
- package/styles/components/_flyin.scss +154 -154
- package/styles/components/_tree.scss +1 -5
package/build/build-cjs/index.js
CHANGED
|
@@ -13400,6 +13400,9 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
13400
13400
|
|
|
13401
13401
|
var ENDPOINT = '/api/web/packaging';
|
|
13402
13402
|
var ENDPOINT_ACCOMMODATIONS = ENDPOINT + '/accommodations';
|
|
13403
|
+
var ENDPOINT_ENTRY = function (magicLinkCode) {
|
|
13404
|
+
return ENDPOINT + '/entry/' + magicLinkCode;
|
|
13405
|
+
};
|
|
13403
13406
|
// MANUAL PACKAGING SEARCH
|
|
13404
13407
|
var searchPackagingAccommodations = function (config, request, signal) {
|
|
13405
13408
|
var url = '' + config.host + ENDPOINT_ACCOMMODATIONS;
|
|
@@ -13407,6 +13410,11 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
13407
13410
|
var body = JSON.stringify(request);
|
|
13408
13411
|
return post(url, apiKey, body, config.token, signal, true);
|
|
13409
13412
|
};
|
|
13413
|
+
var getEntry = function (config, magicLinkCode, signal) {
|
|
13414
|
+
var apiKey = config.apiKey;
|
|
13415
|
+
var url = '' + config.host + ENDPOINT_ENTRY(magicLinkCode);
|
|
13416
|
+
return get(url, apiKey, config.token, signal, true);
|
|
13417
|
+
};
|
|
13410
13418
|
|
|
13411
13419
|
exports.AllotmentType = AllotmentType;
|
|
13412
13420
|
exports.ContactForm = ContactForm;
|
|
@@ -13451,6 +13459,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
13451
13459
|
exports.getAllotmentList = getAllotmentList;
|
|
13452
13460
|
exports.getCountries = getCountries;
|
|
13453
13461
|
exports.getCustomEntryStatus = getCustomEntryStatus;
|
|
13462
|
+
exports.getEntry = getEntry;
|
|
13454
13463
|
exports.getEntryDetailv2 = getEntryDetailv2;
|
|
13455
13464
|
exports.getEntryLight = getEntryLight;
|
|
13456
13465
|
exports.getEntryList = getEntryList;
|
|
@@ -36628,6 +36637,7 @@ var mapItems = function (response) {
|
|
|
36628
36637
|
});
|
|
36629
36638
|
};
|
|
36630
36639
|
var checkIfFinished = function (state) {
|
|
36640
|
+
console.log('Checking if finished with state:', state);
|
|
36631
36641
|
if (state.lastSequenceId === null) return false;
|
|
36632
36642
|
for (var i = 0; i <= state.lastSequenceId; i++) {
|
|
36633
36643
|
if (!state.sequenceIds.includes(i)) return false;
|
|
@@ -37566,7 +37576,9 @@ var FlightsFlyIn = function (_a) {
|
|
|
37566
37576
|
'div',
|
|
37567
37577
|
{
|
|
37568
37578
|
key: 'outward-flight-option-'.concat(index),
|
|
37569
|
-
className: 'flyin__content-card
|
|
37579
|
+
className: 'flyin__content-card flyin__content-card--flight '.concat(
|
|
37580
|
+
selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
|
|
37581
|
+
)
|
|
37570
37582
|
},
|
|
37571
37583
|
React__default['default'].createElement(
|
|
37572
37584
|
'div',
|
|
@@ -37857,7 +37869,9 @@ var FlightsFlyIn = function (_a) {
|
|
|
37857
37869
|
'div',
|
|
37858
37870
|
{
|
|
37859
37871
|
key: 'return-flight-option-'.concat(index),
|
|
37860
|
-
className: 'flyin__content-card
|
|
37872
|
+
className: 'flyin__content-card flyin__content-card--flight '.concat(
|
|
37873
|
+
selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
|
|
37874
|
+
)
|
|
37861
37875
|
},
|
|
37862
37876
|
React__default['default'].createElement(
|
|
37863
37877
|
'div',
|
package/build/build-esm/index.js
CHANGED
|
@@ -13432,6 +13432,9 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
13432
13432
|
|
|
13433
13433
|
var ENDPOINT = '/api/web/packaging';
|
|
13434
13434
|
var ENDPOINT_ACCOMMODATIONS = ENDPOINT + '/accommodations';
|
|
13435
|
+
var ENDPOINT_ENTRY = function (magicLinkCode) {
|
|
13436
|
+
return ENDPOINT + '/entry/' + magicLinkCode;
|
|
13437
|
+
};
|
|
13435
13438
|
// MANUAL PACKAGING SEARCH
|
|
13436
13439
|
var searchPackagingAccommodations = function (config, request, signal) {
|
|
13437
13440
|
var url = '' + config.host + ENDPOINT_ACCOMMODATIONS;
|
|
@@ -13439,6 +13442,11 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
13439
13442
|
var body = JSON.stringify(request);
|
|
13440
13443
|
return post(url, apiKey, body, config.token, signal, true);
|
|
13441
13444
|
};
|
|
13445
|
+
var getEntry = function (config, magicLinkCode, signal) {
|
|
13446
|
+
var apiKey = config.apiKey;
|
|
13447
|
+
var url = '' + config.host + ENDPOINT_ENTRY(magicLinkCode);
|
|
13448
|
+
return get(url, apiKey, config.token, signal, true);
|
|
13449
|
+
};
|
|
13442
13450
|
|
|
13443
13451
|
exports.AllotmentType = AllotmentType;
|
|
13444
13452
|
exports.ContactForm = ContactForm;
|
|
@@ -13483,6 +13491,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
13483
13491
|
exports.getAllotmentList = getAllotmentList;
|
|
13484
13492
|
exports.getCountries = getCountries;
|
|
13485
13493
|
exports.getCustomEntryStatus = getCustomEntryStatus;
|
|
13494
|
+
exports.getEntry = getEntry;
|
|
13486
13495
|
exports.getEntryDetailv2 = getEntryDetailv2;
|
|
13487
13496
|
exports.getEntryLight = getEntryLight;
|
|
13488
13497
|
exports.getEntryList = getEntryList;
|
|
@@ -36473,6 +36482,7 @@ var mapItems = function (response) {
|
|
|
36473
36482
|
});
|
|
36474
36483
|
};
|
|
36475
36484
|
var checkIfFinished = function (state) {
|
|
36485
|
+
console.log('Checking if finished with state:', state);
|
|
36476
36486
|
if (state.lastSequenceId === null) return false;
|
|
36477
36487
|
for (var i = 0; i <= state.lastSequenceId; i++) {
|
|
36478
36488
|
if (!state.sequenceIds.includes(i)) return false;
|
|
@@ -37403,7 +37413,9 @@ var FlightsFlyIn = function (_a) {
|
|
|
37403
37413
|
'div',
|
|
37404
37414
|
{
|
|
37405
37415
|
key: 'outward-flight-option-'.concat(index),
|
|
37406
|
-
className: 'flyin__content-card
|
|
37416
|
+
className: 'flyin__content-card flyin__content-card--flight '.concat(
|
|
37417
|
+
selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
|
|
37418
|
+
)
|
|
37407
37419
|
},
|
|
37408
37420
|
React__default.createElement(
|
|
37409
37421
|
'div',
|
|
@@ -37684,7 +37696,9 @@ var FlightsFlyIn = function (_a) {
|
|
|
37684
37696
|
'div',
|
|
37685
37697
|
{
|
|
37686
37698
|
key: 'return-flight-option-'.concat(index),
|
|
37687
|
-
className: 'flyin__content-card
|
|
37699
|
+
className: 'flyin__content-card flyin__content-card--flight '.concat(
|
|
37700
|
+
selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
|
|
37701
|
+
)
|
|
37688
37702
|
},
|
|
37689
37703
|
React__default.createElement(
|
|
37690
37704
|
'div',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qite/tide-booking-component",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.91",
|
|
4
4
|
"description": "React Booking wizard & Booking product component for Tide",
|
|
5
5
|
"main": "build/build-cjs/index.js",
|
|
6
6
|
"types": "build/build-cjs/src/index.d.ts",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@jsonurl/jsonurl": "^1.1.4",
|
|
31
31
|
"@popperjs/core": "^2.10.2",
|
|
32
|
-
"@qite/tide-client": "^1.1.
|
|
32
|
+
"@qite/tide-client": "^1.1.152",
|
|
33
33
|
"@reduxjs/toolkit": "^2.8.2",
|
|
34
34
|
"@rollup/plugin-commonjs": "^19.0.1",
|
|
35
35
|
"@rollup/plugin-json": "^4.1.0",
|
|
@@ -111,6 +111,7 @@ const mapItems = (response: FlightSearchResponse) =>
|
|
|
111
111
|
);
|
|
112
112
|
|
|
113
113
|
const checkIfFinished = (state: SearchState) => {
|
|
114
|
+
console.log('Checking if finished with state:', state);
|
|
114
115
|
if (state.lastSequenceId === null) return false;
|
|
115
116
|
|
|
116
117
|
for (let i = 0; i <= state.lastSequenceId; i++) {
|
|
@@ -200,7 +200,9 @@ const FlightsFlyIn: React.FC<FlightsFlyInProps> = ({ isOpen, setIsOpen }) => {
|
|
|
200
200
|
return (
|
|
201
201
|
<div
|
|
202
202
|
key={`outward-flight-option-${index}`}
|
|
203
|
-
className={`flyin__content-card
|
|
203
|
+
className={`flyin__content-card flyin__content-card--flight ${
|
|
204
|
+
selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
|
|
205
|
+
}`}>
|
|
204
206
|
<div className="flyin__content-card-top">
|
|
205
207
|
<span className="flyin__content-card-top-tag">{firstSegment.metaData.fareMarketingName}</span>
|
|
206
208
|
{diff !== null && diff != 0 && (
|
|
@@ -362,7 +364,9 @@ const FlightsFlyIn: React.FC<FlightsFlyInProps> = ({ isOpen, setIsOpen }) => {
|
|
|
362
364
|
return (
|
|
363
365
|
<div
|
|
364
366
|
key={`return-flight-option-${index}`}
|
|
365
|
-
className={`flyin__content-card
|
|
367
|
+
className={`flyin__content-card flyin__content-card--flight ${
|
|
368
|
+
selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
|
|
369
|
+
}`}>
|
|
366
370
|
<div className="flyin__content-card-top">
|
|
367
371
|
<span className="flyin__content-card-top-tag">{firstSegment.metaData.fareMarketingName}</span>
|
|
368
372
|
{diff !== null && diff != 0 && (
|
|
@@ -281,160 +281,160 @@
|
|
|
281
281
|
|
|
282
282
|
// Slicing with image and usps,
|
|
283
283
|
// not available in the current API response.
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
284
|
+
&-card--flight {
|
|
285
|
+
// height: 522px;
|
|
286
|
+
width: 100%;
|
|
287
|
+
max-width: 315px;
|
|
288
|
+
min-width: 315px;
|
|
289
|
+
|
|
290
|
+
border-radius: 16px;
|
|
291
|
+
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
|
|
292
|
+
display: flex;
|
|
293
|
+
flex-direction: column;
|
|
294
|
+
justify-content: space-between;
|
|
295
|
+
overflow: hidden;
|
|
296
|
+
background: var(--tide-booking-white);
|
|
297
|
+
transition: all 0.4s ease;
|
|
298
|
+
cursor: pointer;
|
|
299
|
+
|
|
300
|
+
@include mixins.media-sm {
|
|
301
|
+
max-width: 345px;
|
|
302
|
+
min-width: 345px;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
&:hover {
|
|
306
|
+
.flyin__content-card-top {
|
|
307
|
+
background: var(--tide-booking-color-primary-fade);
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.flyin__content-card-button {
|
|
311
|
+
// background: var(--tide-booking-color-primary);
|
|
312
|
+
color: var(--tide-booking-white);
|
|
313
|
+
|
|
314
|
+
.cta--select {
|
|
315
|
+
background: var(--tide-booking-cta-background-select-hover);
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
&.flyin__content-card--selected {
|
|
321
|
+
.flyin__content-card-top {
|
|
322
|
+
background: var(--tide-booking-color-primary-gradient);
|
|
323
|
+
border-bottom: none;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
.flyin__content-card-top-price {
|
|
327
|
+
color: var(--tide-booking-white);
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.flyin__content-card-top-tag {
|
|
331
|
+
color: var(--tide-booking-white);
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.flyin__content-card-middle {
|
|
335
|
+
// border-left: 4px solid var(--tide-booking-color-primary);
|
|
336
|
+
// border-right: 4px solid var(--tide-booking-color-primary);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
&:hover {
|
|
340
|
+
.flyin__content {
|
|
341
|
+
cursor: default;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.flyin__content-card-top {
|
|
345
|
+
background: var(--tide-booking-color-primary-gradient);
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.flyin__content-card-top {
|
|
351
|
+
min-height: 60px;
|
|
352
|
+
width: 100%;
|
|
353
|
+
background: var(--tide-booking-color-primary);
|
|
354
|
+
display: flex;
|
|
355
|
+
justify-content: space-between;
|
|
356
|
+
align-items: end;
|
|
357
|
+
padding: 0 15px 12px 15px;
|
|
358
|
+
background: var(--tide-booking-white);
|
|
359
|
+
transition: all 0.4s ease;
|
|
360
|
+
|
|
361
|
+
&-price {
|
|
362
|
+
font-size: 18px;
|
|
363
|
+
font-weight: 700;
|
|
364
|
+
color: var(--tide-booking-black);
|
|
365
|
+
|
|
366
|
+
&--decrease {
|
|
367
|
+
color: green;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
&--increase {
|
|
371
|
+
color: red;
|
|
372
|
+
}
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
&-tag {
|
|
376
|
+
font-size: 24px;
|
|
377
|
+
color: var(--tide-booking-black);
|
|
378
|
+
/* color: variables.$white; */
|
|
379
|
+
font-weight: 700;
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.flyin__content-card-middle {
|
|
384
|
+
height: 430px;
|
|
385
|
+
background: var(--tide-booking-white);
|
|
386
|
+
transition: all 0.4s ease;
|
|
387
|
+
|
|
388
|
+
&-rows {
|
|
389
|
+
display: flex;
|
|
390
|
+
flex-direction: column;
|
|
391
|
+
gap: 10px;
|
|
392
|
+
padding: 15px 15px 0 15px;
|
|
393
|
+
max-height: 430px;
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
&-row {
|
|
397
|
+
display: flex;
|
|
398
|
+
justify-content: space-between;
|
|
399
|
+
align-items: center;
|
|
400
|
+
padding-bottom: 5px;
|
|
401
|
+
border-bottom: 1px dashed var(--tide-booking-color-primary-light);
|
|
402
|
+
|
|
403
|
+
&-left {
|
|
404
|
+
font-weight: 500;
|
|
405
|
+
color: var(--tide-booking-black);
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
&-right {
|
|
409
|
+
font-weight: 300;
|
|
410
|
+
}
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.flyin__content-card-bottom {
|
|
415
|
+
height: 30px;
|
|
416
|
+
background: var(--tide-booking-color-primary);
|
|
417
|
+
display: flex;
|
|
418
|
+
justify-content: center;
|
|
419
|
+
align-items: center;
|
|
420
|
+
color: var(--tide-booking-white);
|
|
421
|
+
font-size: 14px;
|
|
422
|
+
transition: all 0.4s ease;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.flyin__content-card-button {
|
|
426
|
+
// border: 1.25px solid var(--tide-booking-color-primary);
|
|
427
|
+
border-radius: 3px;
|
|
428
|
+
display: flex;
|
|
429
|
+
justify-content: center;
|
|
430
|
+
align-items: center;
|
|
431
|
+
color: var(--tide-booking-color-primary);
|
|
432
|
+
padding: 15px;
|
|
433
|
+
cursor: pointer;
|
|
434
|
+
font-size: 14px;
|
|
435
|
+
transition: all 0.2s ease;
|
|
436
|
+
}
|
|
437
|
+
}
|
|
438
438
|
|
|
439
439
|
&-data {
|
|
440
440
|
display: flex;
|