@times-components/ts-components 1.145.1-9176eda9ce171a0f5596bdc9d385a1fc60b23ea1.12 → 1.145.1-b504636a05999d83c7874b53febd7e86130e9cea.3

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.
Files changed (136) hide show
  1. package/dist/components/travel-mini-cta/index.d.ts +3 -0
  2. package/dist/components/travel-mini-cta/index.js +86 -0
  3. package/dist/components/travel-mini-cta/styles.d.ts +42 -0
  4. package/dist/components/travel-mini-cta/styles.js +273 -0
  5. package/dist/components/travel-mini-cta/travel-mini-cta.stories.d.ts +110 -0
  6. package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +121 -0
  7. package/dist/components/travel-mini-cta/types.d.ts +10 -0
  8. package/dist/components/{trip-cards → travel-mini-cta}/types.js +1 -1
  9. package/dist/index.d.ts +1 -1
  10. package/dist/index.js +2 -2
  11. package/dist/utils/applyDarkMode.d.ts +1 -0
  12. package/dist/utils/applyDarkMode.js +12 -0
  13. package/dist/utils/getMediaQuery.d.ts +11 -0
  14. package/dist/utils/getMediaQuery.js +19 -0
  15. package/dist/utils/index.d.ts +2 -0
  16. package/dist/utils/index.js +3 -0
  17. package/package.json +3 -3
  18. package/rnw.js +1 -1
  19. package/src/components/travel-mini-cta/index.tsx +164 -0
  20. package/src/components/travel-mini-cta/styles.ts +336 -0
  21. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +157 -0
  22. package/src/components/travel-mini-cta/types.ts +10 -0
  23. package/src/index.ts +1 -2
  24. package/src/utils/applyDarkMode.ts +12 -0
  25. package/src/utils/getMediaQuery.ts +25 -0
  26. package/src/utils/index.ts +2 -0
  27. package/dist/components/carousel-component/CarouselComponent.stories.d.ts +0 -1
  28. package/dist/components/carousel-component/CarouselComponent.stories.js +0 -146
  29. package/dist/components/carousel-component/CarouselItem.d.ts +0 -3
  30. package/dist/components/carousel-component/CarouselItem.js +0 -11
  31. package/dist/components/carousel-component/DefaultNavigationArrow.d.ts +0 -8
  32. package/dist/components/carousel-component/DefaultNavigationArrow.js +0 -6
  33. package/dist/components/carousel-component/DefaultPageDot.d.ts +0 -8
  34. package/dist/components/carousel-component/DefaultPageDot.js +0 -4
  35. package/dist/components/carousel-component/__tests__/CarouselComponent.test.d.ts +0 -1
  36. package/dist/components/carousel-component/__tests__/CarouselComponent.test.js +0 -163
  37. package/dist/components/carousel-component/__tests__/CarouselItem.test.d.ts +0 -1
  38. package/dist/components/carousel-component/__tests__/CarouselItem.test.js +0 -80
  39. package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.d.ts +0 -1
  40. package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js +0 -62
  41. package/dist/components/carousel-component/__tests__/DefaultPageDot.test.d.ts +0 -1
  42. package/dist/components/carousel-component/__tests__/DefaultPageDot.test.js +0 -68
  43. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.d.ts +0 -1
  44. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.js +0 -459
  45. package/dist/components/carousel-component/hooks/useCarousel.d.ts +0 -2
  46. package/dist/components/carousel-component/hooks/useCarousel.js +0 -175
  47. package/dist/components/carousel-component/index.d.ts +0 -4
  48. package/dist/components/carousel-component/index.js +0 -20
  49. package/dist/components/carousel-component/styles.d.ts +0 -27
  50. package/dist/components/carousel-component/styles.js +0 -169
  51. package/dist/components/carousel-component/types.d.ts +0 -53
  52. package/dist/components/carousel-component/types.js +0 -2
  53. package/dist/components/trip-cards/SkeletonCard.d.ts +0 -6
  54. package/dist/components/trip-cards/SkeletonCard.js +0 -21
  55. package/dist/components/trip-cards/TripCard.d.ts +0 -3
  56. package/dist/components/trip-cards/TripCard.js +0 -49
  57. package/dist/components/trip-cards/TripCards.stories.d.ts +0 -1
  58. package/dist/components/trip-cards/TripCards.stories.js +0 -189
  59. package/dist/components/trip-cards/TripCardsLayout.d.ts +0 -3
  60. package/dist/components/trip-cards/TripCardsLayout.js +0 -37
  61. package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts +0 -1
  62. package/dist/components/trip-cards/__tests__/SkeletonCard.test.js +0 -139
  63. package/dist/components/trip-cards/__tests__/TripCard.test.d.ts +0 -1
  64. package/dist/components/trip-cards/__tests__/TripCard.test.js +0 -95
  65. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts +0 -1
  66. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.js +0 -277
  67. package/dist/components/trip-cards/__tests__/assets.test.d.ts +0 -1
  68. package/dist/components/trip-cards/__tests__/assets.test.js +0 -165
  69. package/dist/components/trip-cards/__tests__/helpers.test.d.ts +0 -1
  70. package/dist/components/trip-cards/__tests__/helpers.test.js +0 -214
  71. package/dist/components/trip-cards/__tests__/index.test.d.ts +0 -1
  72. package/dist/components/trip-cards/__tests__/index.test.js +0 -433
  73. package/dist/components/trip-cards/__tests__/mockData.test.d.ts +0 -1
  74. package/dist/components/trip-cards/__tests__/mockData.test.js +0 -57
  75. package/dist/components/trip-cards/__tests__/skeletonStyles.test.d.ts +0 -1
  76. package/dist/components/trip-cards/__tests__/skeletonStyles.test.js +0 -194
  77. package/dist/components/trip-cards/assets/BoatIcon.d.ts +0 -1
  78. package/dist/components/trip-cards/assets/BoatIcon.js +0 -4
  79. package/dist/components/trip-cards/assets/CalendarIcon.d.ts +0 -1
  80. package/dist/components/trip-cards/assets/CalendarIcon.js +0 -4
  81. package/dist/components/trip-cards/assets/ChevronRightIcon.d.ts +0 -1
  82. package/dist/components/trip-cards/assets/ChevronRightIcon.js +0 -4
  83. package/dist/components/trip-cards/assets/LocationIcon.d.ts +0 -1
  84. package/dist/components/trip-cards/assets/LocationIcon.js +0 -4
  85. package/dist/components/trip-cards/assets/MoonIcon.d.ts +0 -1
  86. package/dist/components/trip-cards/assets/MoonIcon.js +0 -4
  87. package/dist/components/trip-cards/assets/index.d.ts +0 -6
  88. package/dist/components/trip-cards/assets/index.js +0 -7
  89. package/dist/components/trip-cards/helpers.d.ts +0 -4
  90. package/dist/components/trip-cards/helpers.js +0 -116
  91. package/dist/components/trip-cards/index.d.ts +0 -4
  92. package/dist/components/trip-cards/index.js +0 -70
  93. package/dist/components/trip-cards/mockData.d.ts +0 -3
  94. package/dist/components/trip-cards/mockData.js +0 -317
  95. package/dist/components/trip-cards/skeletonStyles.d.ts +0 -9
  96. package/dist/components/trip-cards/skeletonStyles.js +0 -37
  97. package/dist/components/trip-cards/styles.d.ts +0 -38
  98. package/dist/components/trip-cards/styles.js +0 -401
  99. package/dist/components/trip-cards/types.d.ts +0 -119
  100. package/src/components/carousel-component/CarouselComponent.stories.tsx +0 -220
  101. package/src/components/carousel-component/CarouselItem.tsx +0 -25
  102. package/src/components/carousel-component/DefaultNavigationArrow.tsx +0 -37
  103. package/src/components/carousel-component/DefaultPageDot.tsx +0 -20
  104. package/src/components/carousel-component/__tests__/CarouselComponent.test.tsx +0 -259
  105. package/src/components/carousel-component/__tests__/CarouselItem.test.tsx +0 -140
  106. package/src/components/carousel-component/__tests__/DefaultNavigationArrow.test.tsx +0 -153
  107. package/src/components/carousel-component/__tests__/DefaultPageDot.test.tsx +0 -105
  108. package/src/components/carousel-component/hooks/__tests__/useCarousel.test.ts +0 -625
  109. package/src/components/carousel-component/hooks/useCarousel.ts +0 -231
  110. package/src/components/carousel-component/index.tsx +0 -92
  111. package/src/components/carousel-component/styles.ts +0 -185
  112. package/src/components/carousel-component/types.ts +0 -62
  113. package/src/components/trip-cards/SkeletonCard.tsx +0 -62
  114. package/src/components/trip-cards/TripCard.tsx +0 -143
  115. package/src/components/trip-cards/TripCards.stories.tsx +0 -254
  116. package/src/components/trip-cards/TripCardsLayout.tsx +0 -108
  117. package/src/components/trip-cards/__tests__/SkeletonCard.test.tsx +0 -169
  118. package/src/components/trip-cards/__tests__/TripCard.test.tsx +0 -120
  119. package/src/components/trip-cards/__tests__/TripCardsLayout.test.tsx +0 -532
  120. package/src/components/trip-cards/__tests__/assets.test.tsx +0 -206
  121. package/src/components/trip-cards/__tests__/helpers.test.ts +0 -264
  122. package/src/components/trip-cards/__tests__/index.test.tsx +0 -495
  123. package/src/components/trip-cards/__tests__/mockData.test.ts +0 -67
  124. package/src/components/trip-cards/__tests__/skeletonStyles.test.tsx +0 -256
  125. package/src/components/trip-cards/assets/BoatIcon.tsx +0 -17
  126. package/src/components/trip-cards/assets/CalendarIcon.tsx +0 -17
  127. package/src/components/trip-cards/assets/ChevronRightIcon.tsx +0 -20
  128. package/src/components/trip-cards/assets/LocationIcon.tsx +0 -17
  129. package/src/components/trip-cards/assets/MoonIcon.tsx +0 -17
  130. package/src/components/trip-cards/assets/index.ts +0 -7
  131. package/src/components/trip-cards/helpers.ts +0 -151
  132. package/src/components/trip-cards/index.tsx +0 -119
  133. package/src/components/trip-cards/mockData.ts +0 -345
  134. package/src/components/trip-cards/skeletonStyles.ts +0 -46
  135. package/src/components/trip-cards/styles.ts +0 -446
  136. package/src/components/trip-cards/types.ts +0 -128
@@ -1,401 +0,0 @@
1
- import styled from 'styled-components';
2
- const breakpoints = {
3
- sm: '390px',
4
- md: '768px',
5
- lg: '1024px',
6
- xl: '1320px'
7
- };
8
- const colors = {
9
- primary: '#005C8A',
10
- titleBlue: '#145683',
11
- ink: '#333333',
12
- inkBrand: '#01000D',
13
- secondary: '#696969',
14
- border: '#E4E4E4',
15
- offerBg: '#FFEECF',
16
- offerBorder: '#FFB329',
17
- strikethrough: '#9F0000',
18
- dotActive: '#01000D',
19
- dotInactive: '#AAAAAA',
20
- iconBlue: '#236FA3',
21
- white: '#FFFFFF'
22
- };
23
- export const Container = styled.div `
24
- max-width: var(
25
- --wp--style--global--content-size,
26
- ${props => props.mobile || '100%'}
27
- );
28
- margin: 0 auto;
29
- padding: 80px 0 40px;
30
-
31
- @media (min-width: ${breakpoints.md}) {
32
- max-width: var(
33
- --wp--style--global--content-size,
34
- ${props => props.tablet || '100%'}
35
- );
36
- }
37
-
38
- @media (min-width: ${breakpoints.lg}) {
39
- max-width: var(
40
- --wp--style--global--content-size,
41
- ${props => props.desktop || '100%'}
42
- );
43
- }
44
-
45
- @media (min-width: ${breakpoints.xl}) {
46
- max-width: var(
47
- --wp--style--global--content-size,
48
- ${props => props.xl || '100%'}
49
- );
50
- }
51
-
52
- @media (max-width: ${breakpoints.md}) {
53
- padding: 40px 0 0 10px;
54
- }
55
- `;
56
- export const TitleSection = styled.div `
57
- padding: 0;
58
- margin-bottom: 16px;
59
- `;
60
- export const TitleBar = styled.div `
61
- display: flex;
62
- flex-direction: row;
63
- align-items: center;
64
- gap: 12px;
65
- border-top: 1px dashed ${colors.border};
66
- border-bottom: 1px dashed ${colors.border};
67
- padding: 20px 0px;
68
-
69
- @media (max-width: ${breakpoints.md}) {
70
- justify-content: space-between;
71
- }
72
- `;
73
- export const TitleContent = styled.div `
74
- display: flex;
75
- flex-direction: row;
76
- flex-wrap: wrap;
77
- align-items: baseline;
78
- gap: 8px;
79
- `;
80
- export const Title = styled.h2 `
81
- font-family: 'Times Modern', serif;
82
- font-size: 24px;
83
- font-weight: 800;
84
- line-height: 1.13;
85
- color: #145683;
86
- margin: 0;
87
- `;
88
- export const Subtitle = styled.p `
89
- font-family: 'Times Modern', serif;
90
- font-size: 20px;
91
- font-weight: 400;
92
- line-height: 1.13;
93
- color: #333333;
94
- margin: 0;
95
- vertical-align: bottom;
96
- `;
97
- export const TitleLink = styled.a `
98
- display: inline-flex;
99
- align-items: center;
100
- justify-content: center;
101
- width: 32px;
102
- height: 32px;
103
- padding: 8px;
104
- background: #eeeeee;
105
- border-radius: 33.33px;
106
- text-decoration: none;
107
- transition: background-color 0.2s ease;
108
- flex-shrink: 0;
109
-
110
- &:hover {
111
- background: #dddddd;
112
- }
113
-
114
- svg {
115
- width: 16px;
116
- height: 16px;
117
- color: ${colors.ink};
118
- }
119
- `;
120
- export const Description = styled.p `
121
- font-family: 'Roboto', sans-serif;
122
- font-size: 16px;
123
- line-height: 1.5;
124
- color: ${colors.secondary};
125
- margin: 0 0 20px 0;
126
- `;
127
- export const StaticCardsGrid = styled.div `
128
- display: flex;
129
- gap: 20px;
130
- padding: 0;
131
- flex-wrap: nowrap;
132
- overflow-x: auto;
133
- scroll-snap-type: x mandatory;
134
- scrollbar-width: none;
135
- -ms-overflow-style: none;
136
- scroll-behavior: smooth;
137
- align-items: stretch;
138
-
139
- &::-webkit-scrollbar {
140
- display: none;
141
- }
142
-
143
- > * {
144
- flex: 0 0 ${props => props.$minWidthMobile || '90%'};
145
- min-width: ${props => props.$minWidthMobile || '280px'};
146
- scroll-snap-align: start;
147
- display: flex;
148
- flex-direction: column;
149
- }
150
-
151
- @media (min-width: ${breakpoints.md}) {
152
- overflow-x: visible;
153
-
154
- > * {
155
- flex: 1 1 0;
156
- min-width: 0;
157
- max-width: calc(50% - 10px);
158
- }
159
- }
160
-
161
- @media (min-width: ${breakpoints.lg}) {
162
- > * {
163
- flex: 1 1 0;
164
- min-width: 0;
165
- max-width: ${props => props.$minWidthDesktop || 'calc(50% - 10px)'};
166
- }
167
- }
168
-
169
- @media (min-width: ${breakpoints.xl}) {
170
- > * {
171
- flex: 1 1 0;
172
- min-width: 0;
173
- max-width: ${props => props.$minWidthXl || 'calc(50% - 10px)'};
174
- }
175
- }
176
- `;
177
- // Card Styles
178
- export const CardContainer = styled.div `
179
- flex: 1;
180
- border: 1.2px solid ${colors.border};
181
- background: ${colors.white};
182
- overflow: hidden;
183
- display: flex;
184
- flex-direction: column;
185
- `;
186
- export const ImageContainer = styled.div `
187
- position: relative;
188
- width: auto;
189
- aspect-ratio: 3 / 2;
190
- height: ${({ isStaticGrid, $heightXs }) => !isStaticGrid && $heightXs ? $heightXs : '100%'};
191
- overflow: hidden;
192
- flex-shrink: 0;
193
-
194
- ${({ isStaticGrid, $heightSm, $heightMd, $heightLg, $heightXl }) => !isStaticGrid &&
195
- `
196
-
197
- @media (min-width: ${breakpoints.sm}) {
198
- ${$heightSm && `height: ${$heightSm};`}
199
- }
200
-
201
- @media (min-width: ${breakpoints.md}) {
202
- ${$heightMd && `height: ${$heightMd};`}
203
- }
204
-
205
- @media (min-width: ${breakpoints.lg}) {
206
- ${$heightLg && `height: ${$heightLg};`}
207
- }
208
-
209
- @media (min-width: ${breakpoints.xl}) {
210
- ${$heightXl && `height: ${$heightXl};`}
211
- }
212
- `};
213
- `;
214
- export const CardImage = styled.img `
215
- position: absolute;
216
- top: 0;
217
- left: 0;
218
- width: 100%;
219
- height: 100%;
220
- object-fit: cover;
221
- object-position: center;
222
- `;
223
- export const OfferLabel = styled.div `
224
- position: absolute;
225
- bottom: 12px;
226
- left: 0;
227
- background: ${colors.offerBg};
228
- border-left: 1.2px solid ${colors.offerBorder};
229
- padding: 12px 16px;
230
- font-family: 'Roboto', sans-serif;
231
- font-size: 14px;
232
- font-weight: 400;
233
- line-height: 1.5;
234
- color: ${colors.ink};
235
- `;
236
- export const GiftBanner = styled.div `
237
- position: absolute;
238
- bottom: 12px;
239
- left: 0;
240
- max-width: 80%;
241
- background: ${colors.offerBg};
242
- padding: 12px 16px;
243
- font-family: 'Roboto', sans-serif;
244
- font-size: 14px;
245
- font-weight: 400;
246
- line-height: 1.5;
247
- color: ${colors.ink};
248
- text-align: left;
249
- `;
250
- export const CardContent = styled.div `
251
- display: flex;
252
- flex-direction: column;
253
- flex: 1;
254
- padding: 20px 16px 16px 16px;
255
- gap: 32px;
256
- `;
257
- export const TopContainer = styled.div `
258
- display: flex;
259
- flex-direction: column;
260
- gap: 16px;
261
- flex: 1;
262
- `;
263
- export const BottomContainer = styled.div `
264
- display: flex;
265
- flex-direction: column;
266
- gap: 16px;
267
- `;
268
- export const Headline = styled.h3 `
269
- font-family: 'Times Modern', serif;
270
- font-size: 20px;
271
- font-weight: 700;
272
- line-height: 1.125;
273
- color: ${colors.ink};
274
- margin: 0;
275
- `;
276
- export const DataPointsList = styled.div `
277
- display: flex;
278
- flex-direction: column;
279
- gap: 2px;
280
- `;
281
- export const DataPoint = styled.div `
282
- display: flex;
283
- align-items: center;
284
- gap: 8px;
285
- font-family: 'Roboto', sans-serif;
286
- font-size: 14px;
287
- line-height: 1.5;
288
- color: ${colors.secondary};
289
- min-height: 21px;
290
- `;
291
- export const DataIcon = styled.span `
292
- width: 17px;
293
- height: 17px;
294
- display: flex;
295
- align-items: center;
296
- justify-content: center;
297
- flex-shrink: 0;
298
- color: ${colors.iconBlue};
299
- font-size: 17px;
300
- `;
301
- export const PriceSection = styled.div `
302
- display: flex;
303
- flex-direction: row;
304
- align-items: center;
305
- gap: 12px;
306
- `;
307
- export const PriceContainer = styled.div `
308
- display: flex;
309
- flex-direction: column;
310
- gap: 12px;
311
- flex: 1;
312
- `;
313
- export const OfferContainer = styled.div `
314
- display: flex;
315
- align-items: center;
316
- gap: 4px;
317
- `;
318
- export const PriceLabel = styled.span `
319
- font-family: 'Roboto', sans-serif;
320
- font-size: 14px;
321
- line-height: 1.5;
322
- color: ${colors.secondary};
323
- `;
324
- export const OriginalPrice = styled.span `
325
- font-family: 'Roboto', sans-serif;
326
- font-size: 14px;
327
- font-weight: 500;
328
- line-height: 1.5;
329
- color: ${colors.strikethrough};
330
- text-decoration: line-through;
331
- `;
332
- export const CurrentPrice = styled.span `
333
- font-family: 'Times Modern', serif;
334
- font-size: ${props => (props.$isEnquire ? '24px' : '32px')};
335
- font-weight: 300;
336
- line-height: 1.125;
337
- color: ${colors.ink};
338
- `;
339
- export const PriceSuffix = styled.span `
340
- font-family: 'Times Modern', serif;
341
- font-size: 24px;
342
- font-weight: 300;
343
- line-height: 1.125;
344
- color: ${colors.ink};
345
- `;
346
- export const LogoContainer = styled.div `
347
- width: 88px;
348
- height: 44px;
349
- display: flex;
350
- align-items: center;
351
-
352
- a {
353
- display: flex;
354
- align-items: center;
355
- width: 100%;
356
- height: 100%;
357
- }
358
-
359
- img {
360
- max-width: 100%;
361
- max-height: 100%;
362
- object-fit: contain;
363
- }
364
- `;
365
- export const CTAButton = styled.a `
366
- display: flex;
367
- align-items: center;
368
- justify-content: center;
369
- width: 100%;
370
- padding: 12px 16px;
371
- background: ${colors.primary};
372
- color: ${colors.white};
373
- font-family: 'Roboto', sans-serif;
374
- font-size: 16px;
375
- font-weight: 500;
376
- line-height: 1.5;
377
- text-decoration: none;
378
- transition: background 0.2s ease;
379
-
380
- &:hover {
381
- background: #004a6e;
382
- }
383
- `;
384
- // Navigation Arrow - positioned on sides of carousel
385
- export const LoadingContainer = styled.div `
386
- display: flex;
387
- justify-content: center;
388
- align-items: center;
389
- min-height: 400px;
390
- font-family: 'Roboto', sans-serif;
391
- color: ${colors.secondary};
392
- `;
393
- export const ErrorContainer = styled.div `
394
- display: flex;
395
- justify-content: center;
396
- align-items: center;
397
- min-height: 200px;
398
- font-family: 'Roboto', sans-serif;
399
- color: ${colors.strikethrough};
400
- `;
401
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFPdkMsTUFBTSxXQUFXLEdBQUc7SUFDbEIsRUFBRSxFQUFFLE9BQU87SUFDWCxFQUFFLEVBQUUsT0FBTztJQUNYLEVBQUUsRUFBRSxRQUFRO0lBQ1osRUFBRSxFQUFFLFFBQVE7Q0FDYixDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQUc7SUFDYixPQUFPLEVBQUUsU0FBUztJQUNsQixTQUFTLEVBQUUsU0FBUztJQUNwQixHQUFHLEVBQUUsU0FBUztJQUNkLFFBQVEsRUFBRSxTQUFTO0lBQ25CLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSxTQUFTO0lBQ3RCLGFBQWEsRUFBRSxTQUFTO0lBQ3hCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLFdBQVcsRUFBRSxTQUFTO0lBQ3RCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLEtBQUssRUFBRSxTQUFTO0NBQ2pCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBZ0I7OztNQUc3QyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksTUFBTTs7Ozs7dUJBS2QsV0FBVyxDQUFDLEVBQUU7OztRQUc3QixLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksTUFBTTs7Ozt1QkFJaEIsV0FBVyxDQUFDLEVBQUU7OztRQUc3QixLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksTUFBTTs7Ozt1QkFJakIsV0FBVyxDQUFDLEVBQUU7OztRQUc3QixLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxF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
@@ -1,119 +0,0 @@
1
- import { ComponentType } from 'react';
2
- export interface ResponsiveConfig {
3
- xs?: string;
4
- mobile?: string;
5
- tablet?: string;
6
- desktop?: string;
7
- xl?: string;
8
- }
9
- export declare type ResponsiveConfigNoXs = Omit<ResponsiveConfig, 'xs'>;
10
- export interface ImageHeightConfig {
11
- $heightXs?: string;
12
- $heightSm?: string;
13
- $heightMd?: string;
14
- $heightLg?: string;
15
- $heightXl?: string;
16
- isStaticGrid?: boolean;
17
- }
18
- export interface TripCardsElement {
19
- class?: string;
20
- tripcards: string;
21
- title?: string;
22
- titleurl?: string;
23
- description?: string;
24
- }
25
- export interface TripCardsProps {
26
- element: TripCardsElement;
27
- useMockData?: boolean;
28
- widthContainerConfig?: ResponsiveConfig;
29
- widthItemConfig?: ResponsiveConfig;
30
- maxWidthItemConfig?: ResponsiveConfigNoXs;
31
- imgHeight?: ImageHeightConfig;
32
- forceStaticGrid?: boolean;
33
- }
34
- export interface DecodedTripCard {
35
- cruise_id: string;
36
- }
37
- export interface TripCardApiData {
38
- cruise_id: string;
39
- image: string;
40
- offer_label?: string;
41
- gift_banner?: string;
42
- headline: string;
43
- date: string;
44
- duration: string;
45
- route: string;
46
- ship: string;
47
- original_price?: string;
48
- price: string;
49
- logo: string;
50
- logo_url: string;
51
- cta_url: string;
52
- cta_text: string;
53
- }
54
- export interface TripCardProps {
55
- card: TripCardApiData;
56
- isStaticGrid?: boolean;
57
- imgHeight?: Omit<ImageHeightConfig, '$heightXs'>;
58
- }
59
- export interface ApiCruiseResult {
60
- post_id: number;
61
- cruise_id: number;
62
- cruise_title: string;
63
- cruise_line: {
64
- name: string;
65
- link: string;
66
- logo: string;
67
- };
68
- ship: {
69
- name: string;
70
- link: string;
71
- image: string;
72
- };
73
- departs: string;
74
- ends: string;
75
- date_label: string;
76
- destination: string[];
77
- duration: number;
78
- itinerary: string[];
79
- prices: {
80
- cheapest_price: number | string;
81
- inside: string | number;
82
- outside: string | number;
83
- balcony: string | number;
84
- suite: string | number;
85
- };
86
- was_prices: {
87
- inside: number;
88
- outside: number;
89
- balcony: number;
90
- suite: number;
91
- };
92
- link: string;
93
- campaigns: string[];
94
- extras: {
95
- date: string;
96
- duration: string;
97
- destination: string;
98
- info: string;
99
- };
100
- }
101
- export interface TripCardsLayoutProps {
102
- element: TripCardsElement;
103
- items: Array<{
104
- id: string | number;
105
- data?: TripCardApiData;
106
- }>;
107
- CardComponent: ComponentType<any>;
108
- itemsPerPage: number;
109
- widthContainerConfig?: ResponsiveConfig;
110
- widthItemConfig?: ResponsiveConfig;
111
- maxWidthItemConfig?: ResponsiveConfigNoXs;
112
- imgHeight?: Omit<ImageHeightConfig, '$heightXs'>;
113
- forceStaticGrid?: boolean;
114
- }
115
- export declare type ImageContainerProps = ImageHeightConfig;
116
- export declare type ContainerProps = Partial<ResponsiveConfig>;
117
- export interface CurrentPriceProps {
118
- $isEnquire?: boolean;
119
- }