@times-components/ts-components 1.146.2-784617dc4a33959b8795da1d7f425c9929322fae.24 → 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 -42
  29. package/dist/components/travel-mini-cta/styles.js +0 -268
  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 -10
  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 -190
  43. package/src/components/travel-mini-cta/styles.ts +0 -331
  44. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +0 -23
  45. package/src/components/travel-mini-cta/types.ts +0 -10
  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 }) => {
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, null,
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQWtCLE1BQU0sT0FBTyxDQUFDO0FBRTNFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsY0FBYyxFQUNkLFdBQVcsRUFDWCxhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsRUFDUixhQUFhLEVBQ2IsS0FBSyxFQUNMLFdBQVcsRUFDWCxXQUFXLEVBQ1gsWUFBWSxFQUNaLFdBQVcsRUFDWCxVQUFVLEVBQ1YsV0FBVyxFQUNYLHFCQUFxQixFQUNyQixnQkFBZ0IsRUFDaEIsZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixlQUFlLEVBQ2hCLE1BQU0sVUFBVSxDQUFDO0FBV2xCLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBMkIsQ0FBQyxFQUNwRCxXQUFXLEVBQ1gsVUFBVSxFQUNWLFdBQVcsRUFDWCxZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLG1CQUFtQixFQUNuQixrQkFBa0IsRUFDbEIsS0FBSyxFQUNOLEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELE1BQU0sQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BELE1BQU0sQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDaEUsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUNoRCxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQXdCLElBQUksQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FB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
@@ -1,42 +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, {}, never>;
36
- export declare const PrimaryButton: import("styled-components").StyledComponent<"a", any, {
37
- disabled?: boolean | undefined;
38
- isApp?: boolean | undefined;
39
- }, never>;
40
- export declare const SecondaryButton: import("styled-components").StyledComponent<"a", any, {
41
- isApp?: boolean | undefined;
42
- }, never>;
@@ -1,268 +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
- gap: 16px;
199
-
200
- ${getMediaQuery('xs', 'md')} {
201
- flex-direction: column;
202
- }
203
- `;
204
- const BaseButton = styled.a `
205
- text-decoration: none;
206
- border-radius: 0px;
207
- width: 100%;
208
- min-height: 44px;
209
- font-family: 'Roboto';
210
- font-weight: 500;
211
- line-height: 1.5;
212
- font-size: 16px;
213
- letter-spacing: 0em;
214
- display: flex;
215
- align-items: center;
216
- justify-content: center;
217
- padding: 12px;
218
- cursor: pointer;
219
- transition: all 0.2s ease;
220
- `;
221
- export const PrimaryButton = styled(BaseButton) `
222
- border: none;
223
- background-color: #005c8a;
224
- color: #ffffff;
225
- cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
226
- opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
227
-
228
- div[data-lp-event] {
229
- cursor: pointer;
230
- font-family: 'Roboto';
231
- font-weight: 500;
232
- line-height: 1.5;
233
- font-size: 16px;
234
- letter-spacing: 0em;
235
- }
236
-
237
- &:hover {
238
- background-color: #00527a;
239
- }
240
-
241
- ${({ isApp }) => applyDarkMode(`
242
- background-color: #74bade !important;
243
- color: #1d1d1b !important;
244
-
245
- &:hover {
246
- background-color: #93cbe8 !important;
247
- }
248
- `, isApp)};
249
- `;
250
- export const SecondaryButton = styled(BaseButton) `
251
- border: 1px solid #005c8a;
252
- background-color: transparent;
253
- color: #005c8a;
254
-
255
- &:hover {
256
- background-color: #f5f5f5;
257
- }
258
-
259
- ${({ isApp }) => applyDarkMode(`
260
- border-color: #74bade !important;
261
- color: #74bade !important;
262
-
263
- &:hover {
264
- background-color: #01000d !important;
265
- }
266
- `, isApp)};
267
- `;
268
- //# 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 with us", secondaryButtonText: "Enquire now", secondaryButtonUrl: "/enquire" })))));
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhdmVsLW1pbmktY3RhLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHJhdmVsLW1pbmktY3RhLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFFL0UsU0FBUyxDQUFDLGlEQUFpRCxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdEUsaUJBQWlCLEVBQ2pCLEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsY0FBYztJQUNiLDZCQUFLLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUU7UUFDN0Isb0JBQUMsYUFBYSxJQUNaLFdBQVcsRUFBQyx3R0FBd0csRUFDcEgsVUFBVSxFQUFDLFlBQVksRUFDdkIsV0FBVyxFQUFDLGFBQWEsRUFDekIsWUFBWSxFQUFFLENBQUMsc0JBQXNCLEVBQUUsaUJBQWlCLENBQUMsRUFDekQsaUJBQWlCLEVBQUMsY0FBYyxFQUNoQyxtQkFBbUIsRUFBQyxhQUFhLEVBQ2pDLGtCQUFrQixFQUFDLFVBQVUsR0FDN0IsQ0FDRSxDQUNTLENBQ2xCLENBQ0YsQ0FBQyJ9
@@ -1,10 +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
- }
@@ -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