@times-components/ts-components 1.146.2-784617dc4a33959b8795da1d7f425c9929322fae.24 → 1.146.2-c9973aa4b92ab539c7e626ec928a64701390290d.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 (46) hide show
  1. package/dist/components/social-embed/SocialVendor.d.ts +3 -0
  2. package/dist/components/social-embed/SocialVendor.js +4 -2
  3. package/dist/components/social-embed/__tests__/SocialVendor.test.js +8 -1
  4. package/dist/components/social-embed/components/FacebookComponent.d.ts +3 -0
  5. package/dist/components/social-embed/components/FacebookComponent.js +28 -0
  6. package/dist/components/social-embed/constants.d.ts +1 -0
  7. package/dist/components/social-embed/constants.js +3 -2
  8. package/dist/components/social-embed/helpers/socialMediaVendors.js +6 -1
  9. package/dist/components/social-embed/styles.d.ts +1 -0
  10. package/dist/components/social-embed/styles.js +28 -1
  11. package/dist/index.d.ts +0 -1
  12. package/dist/index.js +1 -2
  13. package/package.json +12 -12
  14. package/rnw.js +1 -1
  15. package/src/components/social-embed/SocialVendor.tsx +3 -1
  16. package/src/components/social-embed/__tests__/SocialVendor.test.tsx +11 -0
  17. package/src/components/social-embed/components/FacebookComponent.tsx +38 -0
  18. package/src/components/social-embed/constants.ts +2 -1
  19. package/src/components/social-embed/helpers/socialMediaVendors.ts +5 -0
  20. package/src/components/social-embed/styles.ts +30 -0
  21. package/src/index.ts +0 -1
  22. package/dist/components/travel-mini-cta/__tests__/index.test.d.ts +0 -1
  23. package/dist/components/travel-mini-cta/__tests__/index.test.js +0 -262
  24. package/dist/components/travel-mini-cta/index.d.ts +0 -10
  25. package/dist/components/travel-mini-cta/index.js +0 -93
  26. package/dist/components/travel-mini-cta/styles.d.ts +0 -42
  27. package/dist/components/travel-mini-cta/styles.js +0 -268
  28. package/dist/components/travel-mini-cta/travel-mini-cta.stories.d.ts +0 -1
  29. package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +0 -8
  30. package/dist/components/travel-mini-cta/types.d.ts +0 -10
  31. package/dist/components/travel-mini-cta/types.js +0 -2
  32. package/dist/utils/applyDarkMode.d.ts +0 -1
  33. package/dist/utils/applyDarkMode.js +0 -12
  34. package/dist/utils/getMediaQuery.d.ts +0 -11
  35. package/dist/utils/getMediaQuery.js +0 -19
  36. package/dist/utils/index.d.ts +0 -2
  37. package/dist/utils/index.js +0 -3
  38. package/src/components/travel-mini-cta/__tests__/__snapshots__/index.test.tsx.snap +0 -211
  39. package/src/components/travel-mini-cta/__tests__/index.test.tsx +0 -330
  40. package/src/components/travel-mini-cta/index.tsx +0 -190
  41. package/src/components/travel-mini-cta/styles.ts +0 -331
  42. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +0 -23
  43. package/src/components/travel-mini-cta/types.ts +0 -10
  44. package/src/utils/applyDarkMode.ts +0 -12
  45. package/src/utils/getMediaQuery.ts +0 -25
  46. package/src/utils/index.ts +0 -2
@@ -3,12 +3,14 @@ import { Twitter } from './components/TwitterComponent';
3
3
  import { Youtube } from './components/YoutubeComponent';
4
4
  import { TikTok } from './components/TiktokComponent';
5
5
  import { Instagram } from './components/InstagramComponent';
6
+ import { Facebook } from './components/FacebookComponent';
6
7
 
7
8
  const vendors = {
8
9
  twitter: Twitter,
9
10
  youtube: Youtube,
10
11
  tiktok: TikTok,
11
- instagram: Instagram
12
+ instagram: Instagram,
13
+ facebook: Facebook
12
14
  };
13
15
 
14
16
  export type VendorName = keyof typeof vendors;
@@ -29,6 +29,12 @@ jest.mock('../components/InstagramComponent', () => ({
29
29
  ))
30
30
  }));
31
31
 
32
+ jest.mock('../components/FacebookComponent', () => ({
33
+ Facebook: jest.fn(() => (
34
+ <div data-testid="facebook-component">Facebook Component</div>
35
+ ))
36
+ }));
37
+
32
38
  describe('Vendor Component', () => {
33
39
  const renderVendor = (vendorName: VendorName, url: string) =>
34
40
  render(<Vendor vendorName={vendorName} url={url} />);
@@ -56,6 +62,11 @@ describe('Vendor Component', () => {
56
62
  expect(screen.getByTestId('instagram-component')).toBeInTheDocument();
57
63
  });
58
64
 
65
+ it('renders the Facebook component when vendorName is "facebook"', () => {
66
+ renderVendor('facebook' as VendorName, 'https://facebook.com/some/video');
67
+ expect(screen.getByTestId('facebook-component')).toBeInTheDocument();
68
+ });
69
+
59
70
  it('throws an error if an invalid vendorName is provided', () => {
60
71
  const renderInvalidVendor = () =>
61
72
  render(
@@ -0,0 +1,38 @@
1
+ import React, { useEffect } from 'react';
2
+ import { FacebookContainer } from '../styles';
3
+ import { Placeholder } from '@times-components/image';
4
+
5
+ export const Facebook = ({ url }: { url: string }) => {
6
+ useEffect(() => {
7
+ if (!document.getElementById('fb-root')) {
8
+ const fbRoot = document.createElement('div');
9
+ fbRoot.id = 'fb-root';
10
+ document.body.appendChild(fbRoot);
11
+ }
12
+
13
+ // Load SDK only once
14
+ if (!(window as any).FB) {
15
+ const script = document.createElement('script');
16
+ script.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v18.0';
17
+ script.async = true;
18
+ script.defer = true;
19
+ script.crossOrigin = 'anonymous';
20
+ document.body.appendChild(script);
21
+ } else {
22
+ // If SDK already loaded, re-parse
23
+ (window as any).FB.XFBML.parse();
24
+ }
25
+ }, []);
26
+
27
+ return (
28
+ <FacebookContainer
29
+ className="fb-post"
30
+ data-href={url}
31
+ data-width="500"
32
+ data-show-text="true"
33
+ >
34
+ <Placeholder />
35
+ </FacebookContainer>
36
+ );
37
+ };
38
+
@@ -11,5 +11,6 @@ export const eventStatus = {
11
11
 
12
12
  export const vendors = {
13
13
  instagram: 'instagram',
14
- twitter: 'twitter'
14
+ twitter: 'twitter',
15
+ facebook: 'facebook'
15
16
  } as const;
@@ -20,5 +20,10 @@ export const socialMediaVendors: {
20
20
  id: '5e717c8e69966540e4554f05',
21
21
  status: 'pending',
22
22
  title: 'Instagram'
23
+ },
24
+ facebook: {
25
+ id: '5e8dj207kee725du372h892',
26
+ status: 'pending',
27
+ title: 'Facebook'
23
28
  }
24
29
  };
@@ -96,3 +96,33 @@ export const InstagramContainer = styled.blockquote`
96
96
  width: calc(100% - 2px);
97
97
  position: relative;
98
98
  `;
99
+
100
+
101
+ export const FacebookContainer = styled.div`
102
+ width: 100%;
103
+ max-width: 540px;
104
+ margin: 24px auto;
105
+
106
+ background: #ffffff;
107
+ border: 1px solid #dadde1;
108
+ border-radius: 8px;
109
+
110
+ min-height: 200px;
111
+
112
+ display: flex;
113
+ justify-content: center;
114
+ align-items: center;
115
+
116
+ iframe {
117
+ width: 100% !important;
118
+ border: none;
119
+ overflow: hidden;
120
+ }
121
+
122
+ span,
123
+ .fb-post,
124
+ .fb-video {
125
+ width: 100% !important;
126
+ }
127
+ `;
128
+
package/src/index.ts CHANGED
@@ -32,7 +32,6 @@ export {
32
32
  } from './components/update-button/update-button-with-delay';
33
33
  export { Banner } from './components/banner/banner';
34
34
  export { JobTitle } from './components/job-title/job-title';
35
- export { TravelMiniCTA } from './components/travel-mini-cta';
36
35
 
37
36
  // Newsletter Components
38
37
  export {
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,262 +0,0 @@
1
- import React from 'react';
2
- import '@testing-library/jest-dom';
3
- import { render, screen, act, fireEvent, waitFor } from '@testing-library/react';
4
- import { TravelMiniCTA } from '../index';
5
- describe('TravelMiniCTA', () => {
6
- const defaultProps = {
7
- description: 'Begin your journey to Croatia with a holiday designed around you',
8
- phoneLabel: 'Call us on',
9
- phoneNumber: '08083049757',
10
- workingHours: ['Mon - Fri: 9am - 6pm', 'Sat: 10am - 5pm'],
11
- primaryButtonText: 'Chat with us',
12
- secondaryButtonText: 'Enquire now',
13
- secondaryButtonUrl: '/enquire'
14
- };
15
- let mockObserve;
16
- let mockDisconnect;
17
- let mutationCallback;
18
- beforeEach(() => {
19
- jest.clearAllMocks();
20
- jest.useFakeTimers();
21
- // Mock MutationObserver
22
- mockObserve = jest.fn();
23
- mockDisconnect = jest.fn();
24
- const MockMutationObserver = jest.fn((callback) => {
25
- mutationCallback = callback;
26
- const observer = {
27
- observe: mockObserve,
28
- disconnect: mockDisconnect,
29
- takeRecords: jest.fn()
30
- };
31
- return observer;
32
- });
33
- global.MutationObserver = MockMutationObserver;
34
- // Mock lpTag
35
- global.lpTag = {
36
- newPage: jest.fn()
37
- };
38
- });
39
- afterEach(() => {
40
- jest.runOnlyPendingTimers();
41
- jest.useRealTimers();
42
- delete global.lpTag;
43
- });
44
- it('should render with all props', () => {
45
- const { container } = render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
46
- expect(container).toMatchSnapshot();
47
- });
48
- it('should render the logo with "T" text', () => {
49
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
50
- expect(screen.getByText('T')).toBeInTheDocument();
51
- });
52
- it('should render the label "VISIT TIMES HOLIDAYS"', () => {
53
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
54
- const labels = screen.getAllByText('VISIT TIMES HOLIDAYS');
55
- expect(labels.length).toBe(2); // Desktop and mobile labels
56
- });
57
- it('should render the description', () => {
58
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
59
- expect(screen.getByText(defaultProps.description)).toBeInTheDocument();
60
- });
61
- it('should render phone label and number', () => {
62
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
63
- expect(screen.getByText('Call us on')).toBeInTheDocument();
64
- expect(screen.getByText('08083049757')).toBeInTheDocument();
65
- });
66
- it('should render phone number as a tel link', () => {
67
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
68
- const phoneLink = screen.getByText('Call us on').closest('a');
69
- expect(phoneLink).toHaveAttribute('href', 'tel:08083049757');
70
- });
71
- it('should render working hours', () => {
72
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
73
- expect(screen.getByText('Mon - Fri: 9am - 6pm')).toBeInTheDocument();
74
- expect(screen.getByText('Sat: 10am - 5pm')).toBeInTheDocument();
75
- });
76
- it('should render primary button with loading text initially', () => {
77
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
78
- expect(screen.getByText('Loading chat...')).toBeInTheDocument();
79
- });
80
- it('should render secondary button with correct text and URL', () => {
81
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
82
- const secondaryButton = screen.getByText('Enquire now');
83
- expect(secondaryButton).toBeInTheDocument();
84
- });
85
- it('should render with minimal props', () => {
86
- render(React.createElement(TravelMiniCTA, null));
87
- expect(screen.getByTestId('travel-mini-cta')).toBeInTheDocument();
88
- });
89
- it('should render without working hours if not provided', () => {
90
- const propsWithoutWorkingHours = {
91
- ...defaultProps,
92
- workingHours: undefined
93
- };
94
- render(React.createElement(TravelMiniCTA, Object.assign({}, propsWithoutWorkingHours)));
95
- expect(screen.queryByText('Mon - Fri: 9am - 6pm')).not.toBeInTheDocument();
96
- });
97
- it('should render empty working hours array', () => {
98
- const propsWithEmptyWorkingHours = {
99
- ...defaultProps,
100
- workingHours: []
101
- };
102
- const { container } = render(React.createElement(TravelMiniCTA, Object.assign({}, propsWithEmptyWorkingHours)));
103
- expect(container.querySelector('[data-testid="travel-mini-cta"]')).toBeInTheDocument();
104
- });
105
- it('should render with custom description', () => {
106
- const customDescription = 'Explore the world with our expert guidance';
107
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps, { description: customDescription })));
108
- expect(screen.getByText(customDescription)).toBeInTheDocument();
109
- });
110
- it('should render with custom phone details', () => {
111
- const customProps = {
112
- ...defaultProps,
113
- phoneLabel: 'Contact us at',
114
- phoneNumber: '0123456789'
115
- };
116
- render(React.createElement(TravelMiniCTA, Object.assign({}, customProps)));
117
- expect(screen.getByText('Contact us at')).toBeInTheDocument();
118
- expect(screen.getByText('0123456789')).toBeInTheDocument();
119
- });
120
- it('should have correct container test id', () => {
121
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
122
- expect(screen.getByTestId('travel-mini-cta')).toBeInTheDocument();
123
- });
124
- it('should render with isApp prop', () => {
125
- const { container } = render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps, { isApp: true })));
126
- expect(container).toMatchSnapshot();
127
- });
128
- it('should pass isApp prop to styled components', () => {
129
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps, { isApp: true })));
130
- const container = screen.getByTestId('travel-mini-cta');
131
- expect(container).toBeInTheDocument();
132
- });
133
- describe('LivePerson Chat Integration', () => {
134
- it('should render LivePerson container div with correct ID', () => {
135
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
136
- const chatDiv = document.getElementById('LP_DIV_TRAVEL_1239001');
137
- expect(chatDiv).toBeInTheDocument();
138
- });
139
- it('should show loading text initially', () => {
140
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
141
- expect(screen.getByText('Loading chat...')).toBeInTheDocument();
142
- });
143
- it('should setup MutationObserver on mount', () => {
144
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
145
- expect(global.MutationObserver).toHaveBeenCalled();
146
- expect(mockObserve).toHaveBeenCalledWith(expect.any(HTMLElement), {
147
- childList: true,
148
- subtree: true
149
- });
150
- });
151
- it('should set chat ready when LivePerson element is detected', async () => {
152
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
153
- // Simulate LivePerson injecting the chat element
154
- const chatDiv = document.getElementById('LP_DIV_TRAVEL_1239001');
155
- const lpElement = document.createElement('div');
156
- lpElement.setAttribute('data-lp-event', 'click');
157
- lpElement.textContent = 'Chat';
158
- chatDiv && chatDiv.appendChild(lpElement);
159
- // Trigger the mutation observer callback
160
- const observer = {
161
- observe: mockObserve,
162
- disconnect: mockDisconnect,
163
- takeRecords: jest.fn()
164
- };
165
- act(() => {
166
- mutationCallback([], observer);
167
- });
168
- await waitFor(() => {
169
- expect(screen.queryByText('Loading chat...')).not.toBeInTheDocument();
170
- });
171
- });
172
- it('should clear timeout when chat loads successfully', async () => {
173
- const clearTimeoutSpy = jest.spyOn(global, 'clearTimeout');
174
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
175
- const chatDiv = document.getElementById('LP_DIV_TRAVEL_1239001');
176
- const lpElement = document.createElement('div');
177
- lpElement.setAttribute('data-lp-event', 'click');
178
- chatDiv && chatDiv.appendChild(lpElement);
179
- const observer = {
180
- observe: mockObserve,
181
- disconnect: mockDisconnect,
182
- takeRecords: jest.fn()
183
- };
184
- act(() => {
185
- mutationCallback([], observer);
186
- });
187
- await waitFor(() => {
188
- expect(clearTimeoutSpy).toHaveBeenCalled();
189
- });
190
- // Timeout should not fire
191
- act(() => {
192
- jest.advanceTimersByTime(15000);
193
- });
194
- expect(screen.queryByText('Chat unavailable')).not.toBeInTheDocument();
195
- clearTimeoutSpy.mockRestore();
196
- });
197
- it('should disconnect observer on unmount', () => {
198
- const { unmount } = render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
199
- unmount();
200
- expect(mockDisconnect).toHaveBeenCalled();
201
- });
202
- it('should clear timeout on unmount', () => {
203
- const clearTimeoutSpy = jest.spyOn(global, 'clearTimeout');
204
- const { unmount } = render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
205
- unmount();
206
- expect(clearTimeoutSpy).toHaveBeenCalled();
207
- clearTimeoutSpy.mockRestore();
208
- });
209
- it('should trigger LivePerson element click when primary button is clicked', async () => {
210
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
211
- // Simulate chat loaded
212
- const chatDiv = document.getElementById('LP_DIV_TRAVEL_1239001');
213
- const lpElement = document.createElement('button');
214
- lpElement.setAttribute('data-lp-event', 'click');
215
- // Mock click on the LivePerson element
216
- const lpClickSpy = jest.fn();
217
- lpElement.onclick = lpClickSpy;
218
- chatDiv && chatDiv.appendChild(lpElement);
219
- const observer = {
220
- observe: mockObserve,
221
- disconnect: mockDisconnect,
222
- takeRecords: jest.fn()
223
- };
224
- act(() => {
225
- mutationCallback([], observer);
226
- });
227
- await waitFor(() => {
228
- expect(screen.queryByText('Loading chat...')).not.toBeInTheDocument();
229
- });
230
- // Get and click the primary button
231
- const parentElement = chatDiv ? chatDiv.parentElement : null;
232
- if (parentElement instanceof HTMLButtonElement) {
233
- fireEvent.click(parentElement);
234
- expect(lpClickSpy).toHaveBeenCalled();
235
- }
236
- });
237
- it('should handle button click without errors when chat is ready', async () => {
238
- render(React.createElement(TravelMiniCTA, Object.assign({}, defaultProps)));
239
- const chatDiv = document.getElementById('LP_DIV_TRAVEL_1239001');
240
- const lpElement = document.createElement('button');
241
- lpElement.setAttribute('data-lp-event', 'click');
242
- chatDiv && chatDiv.appendChild(lpElement);
243
- const observer = {
244
- observe: mockObserve,
245
- disconnect: mockDisconnect,
246
- takeRecords: jest.fn()
247
- };
248
- act(() => {
249
- mutationCallback([], observer);
250
- });
251
- await waitFor(() => {
252
- expect(screen.queryByText('Loading chat...')).not.toBeInTheDocument();
253
- });
254
- // Click button should not throw error
255
- const parentElement = chatDiv ? chatDiv.parentElement : null;
256
- if (parentElement instanceof HTMLButtonElement) {
257
- expect(() => fireEvent.click(parentElement)).not.toThrow();
258
- }
259
- });
260
- });
261
- });
262
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RyYXZlbC1taW5pLWN0YS9fX3Rlc3RzX18vaW5kZXgudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04sR0FBRyxFQUNILFNBQVMsRUFDVCxPQUFPLEVBQ1IsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXpDLFFBQVEsQ0FBQyxlQUFlLEVBQUUsR0FBRyxFQUFFO0lBQzdCLE1BQU0sWUFBWSxHQUFHO1FBQ25CLFdBQVcsRUFDVCxrRUFBa0U7UUFDcEUsVUFBVSxFQUFFLFlBQVk7UUFDeEIsV0FBVyxFQUFFLGFBQWE7UUFDMUIsWUFBWSxFQUFFLENBQUMsc0JBQXNCLEVBQUUsaUJBQWlCLENBQUM7UUFDekQsaUJBQWlCLEVBQUUsY0FBYztRQUNqQyxtQkFBbUIsRUFBRSxhQUFhO1FBQ2xDLGtCQUFrQixFQUFFLFVBQVU7S0FDL0IsQ0FBQztJQUVGLElBQUksV0FBc0IsQ0FBQztJQUMzQixJQUFJLGNBQXlCLENBQUM7SUFDOUIsSUFBSSxnQkFBa0MsQ0FBQztJQUV2QyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUVyQix3QkFBd0I7UUFDeEIsV0FBVyxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztRQUN4QixjQUFjLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBRTNCLE1BQU0sb0JBQW9CLEdBQTRCLElBQUksQ0FBQyxFQUFFLENBQzNELENBQUMsUUFBMEIsRUFBRSxFQUFFO1lBQzdC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
@@ -1,10 +0,0 @@
1
- import { FC } from 'react';
2
- import { TravelMiniCTAProps } from './types';
3
- declare global {
4
- interface Window {
5
- lpTag?: {
6
- [key: string]: any;
7
- };
8
- }
9
- }
10
- export declare const TravelMiniCTA: FC<TravelMiniCTAProps>;
@@ -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>;