@times-components/ts-components 1.146.2-52fb3513ac253011b85740aa1f70a12f27281c4e.28 → 1.146.2-63663ce01bc48c5c40f3f9affcb75ec88314b196.4

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 (48) hide show
  1. package/dist/components/social-embed/SocialMediaEmbed.js +97 -15
  2. package/dist/components/social-embed/SocialVendor.d.ts +1 -16
  3. package/dist/components/social-embed/SocialVendor.js +41 -2
  4. package/dist/components/social-embed/__tests__/SocialVendor.test.js +8 -1
  5. package/dist/components/social-embed/components/FacebookComponent.d.ts +6 -0
  6. package/dist/components/social-embed/components/FacebookComponent.js +74 -0
  7. package/dist/components/social-embed/constants.d.ts +1 -0
  8. package/dist/components/social-embed/constants.js +3 -2
  9. package/dist/components/social-embed/helpers/socialMediaVendors.js +6 -1
  10. package/dist/components/social-embed/styles.d.ts +1 -0
  11. package/dist/components/social-embed/styles.js +28 -1
  12. package/dist/index.d.ts +0 -1
  13. package/dist/index.js +1 -2
  14. package/package.json +3 -3
  15. package/rnw.js +1 -1
  16. package/src/components/social-embed/SocialMediaEmbed.tsx +84 -1
  17. package/src/components/social-embed/SocialVendor.tsx +46 -1
  18. package/src/components/social-embed/__tests__/SocialVendor.test.tsx +11 -0
  19. package/src/components/social-embed/components/FacebookComponent.tsx +93 -0
  20. package/src/components/social-embed/constants.ts +2 -1
  21. package/src/components/social-embed/helpers/socialMediaVendors.ts +5 -0
  22. package/src/components/social-embed/styles.ts +30 -0
  23. package/src/index.ts +0 -1
  24. package/dist/components/travel-mini-cta/__tests__/index.test.d.ts +0 -1
  25. package/dist/components/travel-mini-cta/__tests__/index.test.js +0 -262
  26. package/dist/components/travel-mini-cta/index.d.ts +0 -10
  27. package/dist/components/travel-mini-cta/index.js +0 -93
  28. package/dist/components/travel-mini-cta/styles.d.ts +0 -45
  29. package/dist/components/travel-mini-cta/styles.js +0 -293
  30. package/dist/components/travel-mini-cta/travel-mini-cta.stories.d.ts +0 -1
  31. package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +0 -9
  32. package/dist/components/travel-mini-cta/types.d.ts +0 -11
  33. package/dist/components/travel-mini-cta/types.js +0 -2
  34. package/dist/utils/applyDarkMode.d.ts +0 -1
  35. package/dist/utils/applyDarkMode.js +0 -12
  36. package/dist/utils/getMediaQuery.d.ts +0 -11
  37. package/dist/utils/getMediaQuery.js +0 -19
  38. package/dist/utils/index.d.ts +0 -2
  39. package/dist/utils/index.js +0 -3
  40. package/src/components/travel-mini-cta/__tests__/__snapshots__/index.test.tsx.snap +0 -211
  41. package/src/components/travel-mini-cta/__tests__/index.test.tsx +0 -330
  42. package/src/components/travel-mini-cta/index.tsx +0 -191
  43. package/src/components/travel-mini-cta/styles.ts +0 -359
  44. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +0 -24
  45. package/src/components/travel-mini-cta/types.ts +0 -11
  46. package/src/utils/applyDarkMode.ts +0 -12
  47. package/src/utils/getMediaQuery.ts +0 -25
  48. package/src/utils/index.ts +0 -2
@@ -1,93 +0,0 @@
1
- import React, { useEffect, useState, useRef } from 'react';
2
- import { Container, ContentWrapper, LeftSection, LogoContainer, LogoBox, LogoText, TextContainer, Label, MobileLabel, Description, RightSection, ContactInfo, PhoneLabel, PhoneNumber, WorkingHoursContainer, WorkingHoursText, ButtonsContainer, PrimaryButton, SecondaryButton } from './styles';
3
- export const TravelMiniCTA = ({ description, phoneLabel, phoneNumber, workingHours, primaryButtonText, secondaryButtonText, secondaryButtonUrl, isApp, isOnChannelPage = false }) => {
4
- const [chatReady, setChatReady] = useState(false);
5
- const [chatFailed, setChatFailed] = useState(false);
6
- const [buttonText, setButtonText] = useState('Loading chat...');
7
- const chatDivRef = useRef(null);
8
- const timeoutRef = useRef(null);
9
- const observerRef = useRef(null);
10
- const handlePrimaryButtonClick = (e) => {
11
- e.preventDefault();
12
- const chatDiv = chatDivRef.current;
13
- if (chatDiv) {
14
- const lpEventElement = chatDiv.querySelector('[data-lp-event]');
15
- if (lpEventElement) {
16
- lpEventElement.click();
17
- }
18
- }
19
- };
20
- useEffect(() => {
21
- if (typeof window === 'undefined') {
22
- return;
23
- }
24
- const cleanup = () => {
25
- if (timeoutRef.current) {
26
- clearTimeout(timeoutRef.current);
27
- timeoutRef.current = null;
28
- }
29
- if (observerRef.current) {
30
- observerRef.current.disconnect();
31
- observerRef.current = null;
32
- }
33
- };
34
- const handleChatReady = () => {
35
- cleanup();
36
- setChatReady(true);
37
- setChatFailed(false);
38
- setButtonText(primaryButtonText || 'Chat with us');
39
- };
40
- const handleChatFailed = () => {
41
- cleanup();
42
- setChatReady(false);
43
- setChatFailed(true);
44
- setButtonText('Call us');
45
- };
46
- // Check if LivePerson is already loaded
47
- if (window.lpTag && window.lpTag.loaded) {
48
- handleChatReady();
49
- return cleanup;
50
- }
51
- // Set up MutationObserver to detect when LivePerson loads
52
- const chatDiv = chatDivRef.current;
53
- if (!chatDiv) {
54
- return cleanup;
55
- }
56
- observerRef.current = new MutationObserver(() => {
57
- const lpEventElement = chatDiv.querySelector('[data-lp-event]');
58
- if (lpEventElement) {
59
- handleChatReady();
60
- }
61
- });
62
- observerRef.current.observe(chatDiv, {
63
- childList: true,
64
- subtree: true
65
- });
66
- // Fallback: If LivePerson doesn't load in 15s, show "Call us"
67
- timeoutRef.current = setTimeout(handleChatFailed, 15000);
68
- return cleanup;
69
- }, [primaryButtonText]);
70
- return (React.createElement(Container, { "data-testid": "travel-mini-cta", isApp: isApp },
71
- React.createElement(ContentWrapper, null,
72
- React.createElement(LeftSection, null,
73
- React.createElement(LogoContainer, null,
74
- React.createElement(LogoBox, { isApp: isApp },
75
- React.createElement(LogoText, { isApp: isApp }, "T")),
76
- React.createElement(MobileLabel, { isApp: isApp }, "TIMES HOLIDAYS")),
77
- React.createElement(TextContainer, null,
78
- React.createElement(Label, { isApp: isApp }, "TIMES HOLIDAYS"),
79
- React.createElement(Description, { isApp: isApp }, description))),
80
- React.createElement(RightSection, null,
81
- React.createElement(ContactInfo, null,
82
- React.createElement(PhoneLabel, { href: `tel:${phoneNumber}`, isApp: isApp },
83
- phoneLabel,
84
- ' ',
85
- React.createElement(PhoneNumber, { isApp: isApp }, phoneNumber)),
86
- React.createElement(WorkingHoursContainer, null, workingHours &&
87
- workingHours.map((hours, index) => (React.createElement(WorkingHoursText, { key: index, isApp: isApp }, hours))))),
88
- React.createElement(ButtonsContainer, { "$isOnChannelPage": isOnChannelPage },
89
- chatFailed ? (React.createElement(PrimaryButton, { as: "a", href: `tel:${phoneNumber}`, isApp: isApp }, buttonText)) : (React.createElement(PrimaryButton, { as: "button", type: "button", onClick: handlePrimaryButtonClick, isApp: isApp, disabled: !chatReady }, buttonText)),
90
- React.createElement("div", { id: "LP_DIV_TRAVEL_1239001", ref: chatDivRef, style: { display: 'none' } }),
91
- React.createElement(SecondaryButton, { href: secondaryButtonUrl, isApp: isApp }, secondaryButtonText))))));
92
- };
93
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQWtCLE1BQU0sT0FBTyxDQUFDO0FBRTNFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsY0FBYyxFQUNkLFdBQVcsRUFDWCxhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsRUFDUixhQUFhLEVBQ2IsS0FBSyxFQUNMLFdBQVcsRUFDWCxXQUFXLEVBQ1gsWUFBWSxFQUNaLFdBQVcsRUFDWCxVQUFVLEVBQ1YsV0FBVyxFQUNYLHFCQUFxQixFQUNyQixnQkFBZ0IsRUFDaEIsZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixlQUFlLEVBQ2hCLE1BQU0sVUFBVSxDQUFDO0FBV2xCLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBMkIsQ0FBQyxFQUNwRCxXQUFXLEVBQ1gsVUFBVSxFQUNWLFdBQVcsRUFDWCxZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLG1CQUFtQixFQUNuQixrQkFBa0IsRUFDbEIsS0FBSyxFQUNMLGVBQWUsR0FBRyxLQUFLLEVBQ3hCLEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELE1BQU0sQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BELE1BQU0sQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDaEUsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUNoRCxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQXdCLElBQUksQ0FBQyxDQUFDO0lBQ3ZELE1B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
@@ -1,45 +0,0 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {
2
- isApp?: boolean | undefined;
3
- }, never>;
4
- export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const LeftSection: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const LogoBox: import("styled-components").StyledComponent<"div", any, {
8
- isApp?: boolean | undefined;
9
- }, never>;
10
- export declare const LogoText: import("styled-components").StyledComponent<"span", any, {
11
- isApp?: boolean | undefined;
12
- }, never>;
13
- export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
14
- export declare const Label: import("styled-components").StyledComponent<"div", any, {
15
- isApp?: boolean | undefined;
16
- }, never>;
17
- export declare const MobileLabel: import("styled-components").StyledComponent<"div", any, {
18
- isApp?: boolean | undefined;
19
- }, never>;
20
- export declare const Description: import("styled-components").StyledComponent<"div", any, {
21
- isApp?: boolean | undefined;
22
- }, never>;
23
- export declare const RightSection: import("styled-components").StyledComponent<"div", any, {}, never>;
24
- export declare const ContactInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
25
- export declare const PhoneLabel: import("styled-components").StyledComponent<"a", any, {
26
- isApp?: boolean | undefined;
27
- }, never>;
28
- export declare const PhoneNumber: import("styled-components").StyledComponent<"span", any, {
29
- isApp?: boolean | undefined;
30
- }, never>;
31
- export declare const WorkingHoursContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
32
- export declare const WorkingHoursText: import("styled-components").StyledComponent<"div", any, {
33
- isApp?: boolean | undefined;
34
- }, never>;
35
- export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, {
36
- $isOnChannelPage?: boolean | undefined;
37
- }, never>;
38
- export declare const PrimaryButton: import("styled-components").StyledComponent<"a", any, {
39
- disabled?: boolean | undefined;
40
- isApp?: boolean | undefined;
41
- }, never>;
42
- export declare const SecondaryButton: import("styled-components").StyledComponent<"a", any, {
43
- isApp?: boolean | undefined;
44
- }, never>;
45
- export declare const ArticleBlockContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,293 +0,0 @@
1
- import styled from 'styled-components';
2
- import { getMediaQuery, applyDarkMode } from '../../utils';
3
- const BaseLabel = styled.div `
4
- font-family: 'Roboto';
5
- font-weight: 500;
6
- line-height: 1.125;
7
- font-size: 14px;
8
- letter-spacing: 0em;
9
- color: #236fa3;
10
- text-transform: uppercase;
11
-
12
- ${({ isApp }) => applyDarkMode(`
13
- color: #f5f5f5 !important;
14
- `, isApp)};
15
- `;
16
- export const Container = styled.div `
17
- background-color: #ffffff;
18
- padding: 24px 0;
19
- border-top: 1px dashed;
20
- border-bottom: 1px dashed;
21
- border-color: #cccccc;
22
-
23
- ${({ isApp }) => applyDarkMode(`
24
- background-color: #f5f5f5 !important;
25
- border-color: #e4e4e4 !important;
26
- `, isApp)};
27
- `;
28
- export const ContentWrapper = styled.div `
29
- display: flex;
30
- justify-content: space-between;
31
- align-items: flex-start;
32
- gap: 20px;
33
-
34
- ${getMediaQuery('xs', 'md')} {
35
- flex-direction: column;
36
- gap: 24px;
37
- }
38
- `;
39
- export const LeftSection = styled.div `
40
- display: flex;
41
- align-items: flex-start;
42
- width: 50%;
43
- gap: 24px;
44
-
45
- ${getMediaQuery('xs', 'md')} {
46
- width: 100%;
47
- flex-direction: column;
48
- gap: 16px;
49
- }
50
- `;
51
- export const LogoContainer = styled.div `
52
- display: flex;
53
- align-items: center;
54
- justify-content: center;
55
- flex-shrink: 0;
56
-
57
- ${getMediaQuery('xs', 'md')} {
58
- flex-direction: row-reverse;
59
- justify-content: flex-start;
60
- justify-content: space-between;
61
- width: 100%;
62
- }
63
- `;
64
- export const LogoBox = styled.div `
65
- width: 40px;
66
- height: 40px;
67
- position: relative;
68
- display: flex;
69
- align-items: center;
70
- justify-content: center;
71
- background-color: #236fa3;
72
-
73
- ${({ isApp }) => applyDarkMode(`
74
- background-color: #c2c2c2 !important;
75
- `, isApp)};
76
- `;
77
- export const LogoText = styled.span `
78
- font-family: 'Times Modern', serif;
79
- font-weight: 700;
80
- font-size: 40px;
81
- line-height: 1.125;
82
- letter-spacing: 0.02em;
83
- color: #ffffff;
84
- padding-top: 4px;
85
-
86
- ${({ isApp }) => applyDarkMode(`
87
- color: #1d1d1b !important;
88
- `, isApp)};
89
- `;
90
- export const TextContainer = styled.div `
91
- display: flex;
92
- flex-direction: column;
93
- gap: 16px;
94
- max-width: 375px;
95
-
96
- ${getMediaQuery('xs', 'md')} {
97
- gap: 24px;
98
- }
99
- `;
100
- export const Label = styled(BaseLabel) `
101
- ${getMediaQuery('xs', 'md')} {
102
- display: none;
103
- }
104
- `;
105
- export const MobileLabel = styled(BaseLabel) `
106
- display: none;
107
-
108
- ${getMediaQuery('xs', 'md')} {
109
- display: block;
110
- }
111
- `;
112
- export const Description = styled.div `
113
- font-family: 'Times Modern';
114
- font-weight: 700;
115
- line-height: 1.125;
116
- font-size: 24px;
117
- letter-spacing: 0em;
118
- color: #333333;
119
-
120
- ${({ isApp }) => applyDarkMode(`
121
- color: #cccccc !important;
122
- `, isApp)};
123
-
124
- ${getMediaQuery('xs', 'md')} {
125
- margin-right: 64px;
126
- }
127
- `;
128
- export const RightSection = styled.div `
129
- display: flex;
130
- flex-direction: column;
131
- gap: 24px;
132
- width: 50%;
133
-
134
- ${getMediaQuery('xs', 'md')} {
135
- gap: 32px;
136
- width: 100%;
137
- }
138
- `;
139
- export const ContactInfo = styled.div `
140
- display: flex;
141
- flex-direction: column;
142
- gap: 16px;
143
- `;
144
- export const PhoneLabel = styled.a `
145
- text-decoration: none;
146
- display: inline;
147
- font-family: 'Times Digital W04 Regular';
148
- font-weight: 400;
149
- line-height: 1.5;
150
- font-size: 18px;
151
- letter-spacing: 0em;
152
- color: #333333;
153
- cursor: pointer;
154
-
155
- ${({ isApp }) => applyDarkMode(`
156
- color: #c2c2c2 !important;
157
- `, isApp)};
158
-
159
- &:hover {
160
- text-decoration: underline;
161
- }
162
- `;
163
- export const PhoneNumber = styled.span `
164
- font-family: 'Times Modern';
165
- font-weight: 700;
166
- line-height: 1.125;
167
- font-size: 22px;
168
- letter-spacing: 0em;
169
- color: #333333;
170
-
171
- ${({ isApp }) => applyDarkMode(`
172
- color: #c2c2c2 !important;
173
- `, isApp)};
174
- `;
175
- export const WorkingHoursContainer = styled.div `
176
- display: flex;
177
- flex-wrap: wrap;
178
- gap: 8px;
179
-
180
- ${getMediaQuery('xs', 'md')} {
181
- flex-direction: column;
182
- }
183
- `;
184
- export const WorkingHoursText = styled.div `
185
- font-family: 'Times Digital W04 Regular';
186
- font-weight: 400;
187
- line-height: 1.5;
188
- font-size: 18px;
189
- letter-spacing: 0em;
190
- color: #333333;
191
-
192
- ${({ isApp }) => applyDarkMode(`
193
- color: #cccccc !important;
194
- `, isApp)};
195
- `;
196
- export const ButtonsContainer = styled.div `
197
- display: flex;
198
- flex-direction: column;
199
- gap: 16px;
200
-
201
- ${getMediaQuery('sm')} {
202
- flex-direction: ${({ $isOnChannelPage }) => $isOnChannelPage ? 'row' : 'column'};
203
- }
204
-
205
- ${getMediaQuery('md')} {
206
- flex-direction: column;
207
- }
208
-
209
- ${getMediaQuery('lg')} {
210
- flex-direction: ${({ $isOnChannelPage }) => $isOnChannelPage ? 'row' : 'column'};
211
- }
212
- `;
213
- const BaseButton = styled.a `
214
- text-decoration: none;
215
- border-radius: 0px;
216
- width: 100%;
217
- min-height: 44px;
218
- font-family: 'Roboto';
219
- font-weight: 500;
220
- line-height: 1.5;
221
- font-size: 16px;
222
- letter-spacing: 0em;
223
- display: flex;
224
- align-items: center;
225
- justify-content: center;
226
- padding: 12px;
227
- cursor: pointer;
228
- transition: all 0.2s ease;
229
- `;
230
- export const PrimaryButton = styled(BaseButton) `
231
- border: none;
232
- background-color: #005c8a;
233
- color: #ffffff;
234
- cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
235
- opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
236
-
237
- div[data-lp-event] {
238
- cursor: pointer;
239
- font-family: 'Roboto';
240
- font-weight: 500;
241
- line-height: 1.5;
242
- font-size: 16px;
243
- letter-spacing: 0em;
244
- }
245
-
246
- &:hover {
247
- background-color: #00527a;
248
- }
249
-
250
- ${({ isApp }) => applyDarkMode(`
251
- background-color: #74bade !important;
252
- color: #1d1d1b !important;
253
-
254
- &:hover {
255
- background-color: #93cbe8 !important;
256
- }
257
- `, isApp)};
258
- `;
259
- export const SecondaryButton = styled(BaseButton) `
260
- border: 1px solid #005c8a;
261
- background-color: transparent;
262
- color: #005c8a;
263
-
264
- &:hover {
265
- background-color: #f5f5f5;
266
- }
267
-
268
- ${({ isApp }) => applyDarkMode(`
269
- border-color: #74bade !important;
270
- color: #74bade !important;
271
-
272
- &:hover {
273
- background-color: #01000d !important;
274
- }
275
- `, isApp)};
276
- `;
277
- export const ArticleBlockContainer = styled.div `
278
- padding-inline: 10px;
279
- margin-block-end: 25px;
280
-
281
- ${getMediaQuery('md')} {
282
- max-width: 80.8%;
283
- padding-inline: 0;
284
- margin-inline: auto;
285
- }
286
-
287
- ${getMediaQuery('lg')} {
288
- max-width: 56.2%;
289
- padding-inline: 0;
290
- margin-inline: auto;
291
- }
292
- `;
293
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhdmVsLW1pbmktY3RhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7Ozs7O0lBUzdDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7OztJQU9wRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7O0tBR0QsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1wQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7OztDQUk1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1qQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7Ozs7Q0FLNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7SUFNbkMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7OztDQU01QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7Ozs7Ozs7SUFTbEQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxhQUFhLENBQ1g7O0tBRUQsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQXFCOzs7Ozs7Ozs7SUFTcEQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxhQUFhLENBQ1g7O0tBRUQsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1uQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7O0NBRzVCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQ2xDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7Q0FHNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUE7OztJQUd4QyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7O0NBRzVCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBcUI7Ozs7Ozs7O0lBUXRELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOOztJQUVELGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7Q0FHNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7SUFNbEMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7Q0FJNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSXBDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBcUI7Ozs7Ozs7Ozs7O0lBV25ELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOOzs7OztDQUtKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBcUI7Ozs7Ozs7O0lBUXZELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0lBSzNDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7Q0FHNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7Ozs7OztJQVEzRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7S0FFRCxFQUNDLEtBQUssQ0FDTjtDQUNKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFnQzs7Ozs7SUFLdEUsYUFBYSxDQUFDLElBQUksQ0FBQztzQkFDRCxDQUFDLEVBQUUsZ0JBQWdCLEVBQUUsRUFBRSxFQUFFLENBQ3pDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVE7OztJQUdyQyxhQUFhLENBQUMsSUFBSSxDQUFDOzs7O0lBSW5CLGFBQWEsQ0FBQyxJQUFJLENBQUM7c0JBQ0QsQ0FBQyxFQUFFLGdCQUFnQixFQUFFLEVBQUUsRUFBRSxDQUN6QyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFROztDQUV4QyxDQUFDO0FBRUYsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7OztDQWdCMUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBRzdDOzs7O1lBSVUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7YUFDdkQsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7OztJQWUvQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7Ozs7OztLQU9ELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQXFCOzs7Ozs7Ozs7SUFTbEUsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxhQUFhLENBQ1g7Ozs7Ozs7S0FPRCxFQUNDLEtBQUssQ0FDTjtDQUNKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0lBSTNDLGFBQWEsQ0FBQyxJQUFJLENBQUM7Ozs7OztJQU1uQixhQUFhLENBQUMsSUFBSSxDQUFDOzs7OztDQUt0QixDQUFDIn0=
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { TravelMiniCTA } from './index';
4
- import { ArticleBlockContainer } from './styles';
5
- import { ArticleHarness } from '../../fixtures/article-harness/ArticleHarness';
6
- storiesOf('Typescript Component/In Article/Travel Mini CTA', module).add('Travel Mini CTA', () => (React.createElement(ArticleHarness, null,
7
- React.createElement(ArticleBlockContainer, null,
8
- React.createElement(TravelMiniCTA, { description: "Begin your journey to Croatia with a holiday designed around you, guided by a dedicated travel expert.", phoneLabel: "Call us on", phoneNumber: "08083049757", workingHours: ['Mon - Fri: 9am - 6pm', 'Sat: 10am - 5pm'], primaryButtonText: "Chat to a consultant", secondaryButtonText: "Enquire now", secondaryButtonUrl: "/enquire" })))));
9
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhdmVsLW1pbmktY3RhLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHJhdmVsLW1pbmktY3RhLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDakQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBRS9FLFNBQVMsQ0FBQyxpREFBaUQsRUFBRSxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQ3RFLGlCQUFpQixFQUNqQixHQUFHLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLGNBQWM7SUFDYixvQkFBQyxxQkFBcUI7UUFDcEIsb0JBQUMsYUFBYSxJQUNaLFdBQVcsRUFBQyx3R0FBd0csRUFDcEgsVUFBVSxFQUFDLFlBQVksRUFDdkIsV0FBVyxFQUFDLGFBQWEsRUFDekIsWUFBWSxFQUFFLENBQUMsc0JBQXNCLEVBQUUsaUJBQWlCLENBQUMsRUFDekQsaUJBQWlCLEVBQUMsc0JBQXNCLEVBQ3hDLG1CQUFtQixFQUFDLGFBQWEsRUFDakMsa0JBQWtCLEVBQUMsVUFBVSxHQUM3QixDQUNvQixDQUNULENBQ2xCLENBQ0YsQ0FBQyJ9
@@ -1,11 +0,0 @@
1
- export interface TravelMiniCTAProps {
2
- description?: string;
3
- phoneLabel?: string;
4
- phoneNumber?: string;
5
- workingHours?: string[];
6
- primaryButtonText?: string;
7
- secondaryButtonText?: string;
8
- secondaryButtonUrl?: string;
9
- isApp?: boolean;
10
- isOnChannelPage?: boolean;
11
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
@@ -1 +0,0 @@
1
- export declare const applyDarkMode: (styles: string, isApp?: boolean | undefined) => string;
@@ -1,12 +0,0 @@
1
- // Helper for dark mode styling
2
- export const applyDarkMode = (styles, isApp) => {
3
- if (!isApp) {
4
- return '';
5
- }
6
- return `
7
- @media (prefers-color-scheme: dark) {
8
- ${styles}
9
- }
10
- `;
11
- };
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbHlEYXJrTW9kZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9hcHBseURhcmtNb2RlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLCtCQUErQjtBQUMvQixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxNQUFjLEVBQUUsS0FBZSxFQUFFLEVBQUU7SUFDL0QsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNWLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFFRCxPQUFPOztjQUVLLE1BQU07O0tBRWYsQ0FBQztBQUNOLENBQUMsQ0FBQyJ9
@@ -1,11 +0,0 @@
1
- export declare const breakpoints: {
2
- xs: number;
3
- sm: number;
4
- md: number;
5
- lg: number;
6
- xl: number;
7
- all: number;
8
- };
9
- export declare type BreakPointKeys = keyof typeof breakpoints;
10
- export declare type MQ = Partial<Record<BreakPointKeys, string>> | string;
11
- export declare const getMediaQuery: (minWidth?: "all" | "xs" | "sm" | "md" | "lg" | "xl" | undefined, maxWidth?: "all" | "xs" | "sm" | "md" | "lg" | "xl" | undefined) => () => string;
@@ -1,19 +0,0 @@
1
- export const breakpoints = {
2
- xs: 0,
3
- sm: 520,
4
- md: 768,
5
- lg: 1024,
6
- xl: 1320,
7
- all: 0
8
- };
9
- export const getMediaQuery = (minWidth, maxWidth) => () => {
10
- const queries = ['@media screen'];
11
- if (minWidth && breakpoints[minWidth]) {
12
- queries.push(` and (min-width: ${breakpoints[minWidth]}px)`);
13
- }
14
- if (maxWidth) {
15
- queries.push(` and (max-width: ${breakpoints[maxWidth] - 1}px)`);
16
- }
17
- return queries.join('');
18
- };
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0TWVkaWFRdWVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9nZXRNZWRpYVF1ZXJ5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN6QixFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxHQUFHO0lBQ1AsRUFBRSxFQUFFLEdBQUc7SUFDUCxFQUFFLEVBQUUsSUFBSTtJQUNSLEVBQUUsRUFBRSxJQUFJO0lBQ1IsR0FBRyxFQUFFLENBQUM7Q0FDUCxDQUFDO0FBS0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQzNCLFFBQW1DLEVBQ25DLFFBQW1DLEVBQ25DLEVBQUUsQ0FBQyxHQUFHLEVBQUU7SUFDUixNQUFNLE9BQU8sR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ2xDLElBQUksUUFBUSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUNyQyxPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixXQUFXLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQzlEO0lBQ0QsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixXQUFXLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUNsRTtJQUNELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztBQUMxQixDQUFDLENBQUMifQ==
@@ -1,2 +0,0 @@
1
- export { applyDarkMode } from './applyDarkMode';
2
- export { getMediaQuery } from './getMediaQuery';
@@ -1,3 +0,0 @@
1
- export { applyDarkMode } from './applyDarkMode';
2
- export { getMediaQuery } from './getMediaQuery';
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyJ9