@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.
- package/dist/components/social-embed/SocialMediaEmbed.js +122 -15
- package/dist/components/social-embed/SocialVendor.d.ts +1 -16
- package/dist/components/social-embed/SocialVendor.js +41 -2
- package/dist/components/social-embed/__tests__/SocialVendor.test.js +8 -1
- package/dist/components/social-embed/components/FacebookComponent.d.ts +6 -0
- package/dist/components/social-embed/components/FacebookComponent.js +74 -0
- package/dist/components/social-embed/constants.d.ts +1 -0
- package/dist/components/social-embed/constants.js +3 -2
- package/dist/components/social-embed/helpers/socialMediaVendors.js +6 -1
- package/dist/components/social-embed/styles.d.ts +1 -0
- package/dist/components/social-embed/styles.js +28 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -2
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/social-embed/SocialMediaEmbed.tsx +111 -1
- package/src/components/social-embed/SocialVendor.tsx +46 -1
- package/src/components/social-embed/__tests__/SocialVendor.test.tsx +11 -0
- package/src/components/social-embed/components/FacebookComponent.tsx +93 -0
- package/src/components/social-embed/constants.ts +2 -1
- package/src/components/social-embed/helpers/socialMediaVendors.ts +5 -0
- package/src/components/social-embed/styles.ts +30 -0
- package/src/index.ts +0 -1
- package/dist/components/travel-mini-cta/__tests__/index.test.d.ts +0 -1
- package/dist/components/travel-mini-cta/__tests__/index.test.js +0 -262
- package/dist/components/travel-mini-cta/index.d.ts +0 -10
- package/dist/components/travel-mini-cta/index.js +0 -93
- package/dist/components/travel-mini-cta/styles.d.ts +0 -44
- package/dist/components/travel-mini-cta/styles.js +0 -269
- package/dist/components/travel-mini-cta/travel-mini-cta.stories.d.ts +0 -1
- package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +0 -8
- package/dist/components/travel-mini-cta/types.d.ts +0 -11
- package/dist/components/travel-mini-cta/types.js +0 -2
- package/dist/utils/applyDarkMode.d.ts +0 -1
- package/dist/utils/applyDarkMode.js +0 -12
- package/dist/utils/getMediaQuery.d.ts +0 -11
- package/dist/utils/getMediaQuery.js +0 -19
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/index.js +0 -3
- package/src/components/travel-mini-cta/__tests__/__snapshots__/index.test.tsx.snap +0 -211
- package/src/components/travel-mini-cta/__tests__/index.test.tsx +0 -330
- package/src/components/travel-mini-cta/index.tsx +0 -191
- package/src/components/travel-mini-cta/styles.ts +0 -333
- package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +0 -23
- package/src/components/travel-mini-cta/types.ts +0 -11
- package/src/utils/applyDarkMode.ts +0 -12
- package/src/utils/getMediaQuery.ts +0 -25
- 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 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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 +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==
|
package/dist/utils/index.d.ts
DELETED
package/dist/utils/index.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export { applyDarkMode } from './applyDarkMode';
|
|
2
|
-
export { getMediaQuery } from './getMediaQuery';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyJ9
|