@times-components/ts-components 1.146.2-9d94da839cee591620d598d11e637971d7109888.26 → 1.146.2-a0ffbb6bc2acbec91d140a39f6be06256e702094.5

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 +122 -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 +111 -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 -44
  29. package/dist/components/travel-mini-cta/styles.js +0 -269
  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 -8
  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 -333
  44. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +0 -23
  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,44 +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>;
@@ -1,269 +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('lg')} {
202
- flex-direction: ${({ $isOnChannelPage }) => $isOnChannelPage ? 'row' : 'column'};
203
- }
204
- `;
205
- const BaseButton = styled.a `
206
- text-decoration: none;
207
- border-radius: 0px;
208
- width: 100%;
209
- min-height: 44px;
210
- font-family: 'Roboto';
211
- font-weight: 500;
212
- line-height: 1.5;
213
- font-size: 16px;
214
- letter-spacing: 0em;
215
- display: flex;
216
- align-items: center;
217
- justify-content: center;
218
- padding: 12px;
219
- cursor: pointer;
220
- transition: all 0.2s ease;
221
- `;
222
- export const PrimaryButton = styled(BaseButton) `
223
- border: none;
224
- background-color: #005c8a;
225
- color: #ffffff;
226
- cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
227
- opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
228
-
229
- div[data-lp-event] {
230
- cursor: pointer;
231
- font-family: 'Roboto';
232
- font-weight: 500;
233
- line-height: 1.5;
234
- font-size: 16px;
235
- letter-spacing: 0em;
236
- }
237
-
238
- &:hover {
239
- background-color: #00527a;
240
- }
241
-
242
- ${({ isApp }) => applyDarkMode(`
243
- background-color: #74bade !important;
244
- color: #1d1d1b !important;
245
-
246
- &:hover {
247
- background-color: #93cbe8 !important;
248
- }
249
- `, isApp)};
250
- `;
251
- export const SecondaryButton = styled(BaseButton) `
252
- border: 1px solid #005c8a;
253
- background-color: transparent;
254
- color: #005c8a;
255
-
256
- &:hover {
257
- background-color: #f5f5f5;
258
- }
259
-
260
- ${({ isApp }) => applyDarkMode(`
261
- border-color: #74bade !important;
262
- color: #74bade !important;
263
-
264
- &:hover {
265
- background-color: #01000d !important;
266
- }
267
- `, isApp)};
268
- `;
269
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhdmVsLW1pbmktY3RhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7Ozs7O0lBUzdDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7OztJQU9wRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7O0tBR0QsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1wQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7OztDQUk1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1qQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7Ozs7Q0FLNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7SUFNbkMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7OztDQU01QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7Ozs7Ozs7SUFTbEQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVB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
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import { TravelMiniCTA } from './index';
4
- import { ArticleHarness } from '../../fixtures/article-harness/ArticleHarness';
5
- storiesOf('Typescript Component/In Article/Travel Mini CTA', module).add('Travel Mini CTA', () => (React.createElement(ArticleHarness, null,
6
- React.createElement("div", { style: { padding: '16px' } },
7
- 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" })))));
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhdmVsLW1pbmktY3RhLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHJhdmVsLW1pbmktY3RhLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFFL0UsU0FBUyxDQUFDLGlEQUFpRCxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdEUsaUJBQWlCLEVBQ2pCLEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsY0FBYztJQUNiLDZCQUFLLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUU7UUFDN0Isb0JBQUMsYUFBYSxJQUNaLFdBQVcsRUFBQyx3R0FBd0csRUFDcEgsVUFBVSxFQUFDLFlBQVksRUFDdkIsV0FBVyxFQUFDLGFBQWEsRUFDekIsWUFBWSxFQUFFLENBQUMsc0JBQXNCLEVBQUUsaUJBQWlCLENBQUMsRUFDekQsaUJBQWlCLEVBQUMsc0JBQXNCLEVBQ3hDLG1CQUFtQixFQUFDLGFBQWEsRUFDakMsa0JBQWtCLEVBQUMsVUFBVSxHQUM3QixDQUNFLENBQ1MsQ0FDbEIsQ0FDRixDQUFDIn0=
@@ -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