@times-components/ts-components 1.145.1-82bc6796129e892c1eb22c6257c5e3809c159767.3 → 1.145.1-840c3cbc6021aef0e28e52412d33f016c55bc0b4.1
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/opta/football/opta-match-stats/shared/styles.js +1 -8
- package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.js +2 -2
- package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.js +1 -1
- package/dist/components/opta/football/opta-match-stats/summary/WidgetContainer.js +4 -13
- package/dist/components/travel-mini-cta/index.d.ts +3 -0
- package/dist/components/travel-mini-cta/index.js +84 -0
- package/dist/components/travel-mini-cta/styles.d.ts +42 -0
- package/dist/components/travel-mini-cta/styles.js +273 -0
- package/dist/components/travel-mini-cta/travel-mini-cta.stories.d.ts +110 -0
- package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +121 -0
- package/dist/components/travel-mini-cta/types.d.ts +10 -0
- package/dist/components/travel-mini-cta/types.js +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/utils/applyDarkMode.d.ts +1 -0
- package/dist/utils/applyDarkMode.js +12 -0
- package/dist/utils/getMediaQuery.d.ts +11 -0
- package/dist/utils/getMediaQuery.js +19 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +3 -0
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/opta/football/opta-match-stats/commentary/__tests__/__snapshots__/OptaMatchStatsCommentary.test.tsx.snap +1 -1
- package/src/components/opta/football/opta-match-stats/shared/styles.ts +0 -8
- package/src/components/opta/football/opta-match-stats/stats-graphs/__tests__/__snapshots__/OptaMatchStatsGraphs.test.tsx.snap +1 -1
- package/src/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.tsx +1 -1
- package/src/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.tsx +1 -1
- package/src/components/opta/football/opta-match-stats/summary/WidgetContainer.tsx +3 -12
- package/src/components/opta/football/opta-match-stats/summary/__tests__/__snapshots__/OptaMatchStatsSummary.test.tsx.snap +1 -1
- package/src/components/travel-mini-cta/index.tsx +161 -0
- package/src/components/travel-mini-cta/styles.ts +336 -0
- package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +157 -0
- package/src/components/travel-mini-cta/types.ts +10 -0
- package/src/index.ts +1 -3
- package/src/utils/applyDarkMode.ts +12 -0
- package/src/utils/getMediaQuery.ts +25 -0
- package/src/utils/index.ts +2 -0
- package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.d.ts +0 -10
- package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.js +0 -69
- package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.d.ts +0 -12
- package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.js +0 -90
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.d.ts +0 -12
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.js +0 -10
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.d.ts +0 -1
- package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.js +0 -24
- package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.d.ts +0 -1
- package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.js +0 -57
- package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.d.ts +0 -2
- package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.js +0 -48
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.d.ts +0 -1
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.js +0 -19
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.d.ts +0 -12
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.js +0 -67
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.d.ts +0 -6
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.js +0 -730
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.d.ts +0 -1
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.js +0 -33
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.d.ts +0 -1
- package/dist/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.js +0 -36
- package/src/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.tsx +0 -108
- package/src/components/opta/football/opta-match-stats/matchday-live/MobileWidget.tsx +0 -158
- package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.tsx +0 -38
- package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.tsx +0 -23
- package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/MobileWidget.test.tsx +0 -69
- package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.tsx +0 -61
- package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/__snapshots__/OptaMatchStatsMatchdayLive.test.tsx.snap +0 -61
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.tsx +0 -19
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.tsx +0 -81
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.tsx +0 -761
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.tsx +0 -67
- package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.tsx +0 -64
|
@@ -45,13 +45,6 @@ export const WidgetWrapper = styled.div `
|
|
|
45
45
|
@media (max-width: ${maxMDBreakpoint}px) {
|
|
46
46
|
display: none;
|
|
47
47
|
}
|
|
48
|
-
|
|
49
|
-
${props => props.isApp &&
|
|
50
|
-
`
|
|
51
|
-
@media(prefers-color-scheme: dark) {
|
|
52
|
-
color: ${darkTextColor} !important;
|
|
53
|
-
}
|
|
54
|
-
`}
|
|
55
48
|
}
|
|
56
49
|
`;
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3NoYXJlZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQztBQUNyQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN4RCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUM7QUFDN0MsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO0FBQ2xELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQztBQUN0RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQzFCLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxPQUFPLFdBQVcsQ0FBQyxNQUFNLEtBQUssUUFBUTtJQUMzRCxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU07SUFDcEIsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUVmLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUdyQzswQkFDd0IsZUFBZTtlQUMxQixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7OEJBRXNCLG1CQUFtQjttQkFDOUIsYUFBYTs7T0FFekI7OzBCQUVtQixXQUFXOzs7MkJBR1YsZUFBZTt5QkFDakIsS0FBSyxDQUFDLEVBQUUsQ0FDdkIsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUs7O1FBRWxELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7MEJBRWtCLGVBQWU7O09BRWxDOzs7O3VCQUlnQixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs2QkFPUixlQUFlOzs7O0tBSXZDLENBQUMifQ==
|
|
@@ -45,7 +45,7 @@ export const OptaMatchStatsSummary = React.memo(({ season, competition, match, i
|
|
|
45
45
|
show_competition_name: true,
|
|
46
46
|
competition_naming: 'full',
|
|
47
47
|
team_naming: 'full',
|
|
48
|
-
player_naming: '
|
|
48
|
+
player_naming: 'initial',
|
|
49
49
|
show_live: false,
|
|
50
50
|
show_logo: false,
|
|
51
51
|
show_title: false
|
|
@@ -62,4 +62,4 @@ export const OptaMatchStatsSummary = React.memo(({ season, competition, match, i
|
|
|
62
62
|
!isReady && (React.createElement(PlaceholderContainer, { "data-testid": "placeholder" },
|
|
63
63
|
React.createElement(Placeholder, null)))));
|
|
64
64
|
});
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvT3B0YU1hdGNoU3RhdHNTdW1tYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sdUJBQXVCLENBQUM7QUFFL0IsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUc5QyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FPN0IsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsRUFDckQsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQ3RELEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsVUFBVSxFQUFFO2FBQ1QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxlQUFlO29CQUN2QixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSxLQUFLO29CQUN0QixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsS0FBSztvQkFDbEIsa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxJQUFJO29CQUNqQixtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0IsbUJBQW1CLEVBQUUsSUFBSTtvQkFDekIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFNBQVMsRUFBRSxLQUFLO29CQUNoQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLElBQUk7b0JBQ3BCLGFBQWEsRUFBRSxLQUFLO29CQUNwQixXQUFXLEVBQUUsS0FBSztvQkFDbEIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isa0JBQWtCLEVBQUUsTUFBTTtvQkFDMUIsV0FBVyxFQUFFLE1BQU07b0JBQ25CLGFBQWEsRUFBRSxTQUFTO29CQUN4QixTQUFTLEVBQUUsS0FBSztvQkFDaEIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLFVBQVUsRUFBRSxLQUFLO2lCQUNsQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2FBQ2pCO1FBQ0gsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFFLGFBQWEsR0FDNUI7UUFDRCxDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixtQkFBYSxhQUFhO1lBQzdDLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ0EsQ0FDSixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
package/dist/components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary.stories.js
CHANGED
|
@@ -14,7 +14,7 @@ const showcase = {
|
|
|
14
14
|
React.createElement("br", null),
|
|
15
15
|
React.createElement("hr", null),
|
|
16
16
|
React.createElement("br", null),
|
|
17
|
-
React.createElement(OptaMatchStatsSummary, { season: "2025", competition: "8", match: "
|
|
17
|
+
React.createElement(OptaMatchStatsSummary, { season: "2025", competition: "8", match: "2561901", isApp: true }))),
|
|
18
18
|
name: 'Summary',
|
|
19
19
|
type: 'story'
|
|
20
20
|
}
|
|
@@ -293,23 +293,14 @@ export const WidgetContainer = styled.div `
|
|
|
293
293
|
display: flex;
|
|
294
294
|
text-align: right;
|
|
295
295
|
}
|
|
296
|
-
|
|
297
|
-
&.Opta-Home {
|
|
298
|
-
.Opta-Event-Player {
|
|
299
|
-
text-align: left;
|
|
300
|
-
}
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
&.Opta-Away {
|
|
304
|
-
.Opta-Event-Player {
|
|
305
|
-
text-align: right;
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
296
|
}
|
|
309
297
|
|
|
310
298
|
.Opta-Event-Text {
|
|
311
299
|
display: flex;
|
|
312
300
|
align-items: center;
|
|
301
|
+
.Opta-Event-Player {
|
|
302
|
+
text-align: left;
|
|
303
|
+
}
|
|
313
304
|
|
|
314
305
|
&.Opta-Home {
|
|
315
306
|
li {
|
|
@@ -386,4 +377,4 @@ export const WidgetContainer = styled.div `
|
|
|
386
377
|
}
|
|
387
378
|
}
|
|
388
379
|
`;
|
|
389
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
380
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL3N1bW1hcnkvV2lkZ2V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLG1CQUFtQixFQUNuQixhQUFhLEVBQ2IsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsZUFBZSxFQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUl2QztzQkFDb0IsZUFBZTtzQkFDZixXQUFXOztJQUU3QixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzBCQUVzQixtQkFBbUI7ZUFDOUIsYUFBYTtzQkFDTixlQUFlOztHQUVsQzs7dUJBRW9CLGVBQWU7Ozs7Ozs7Ozs7Ozs7OytCQWNQLFdBQVc7O01BRXBDLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7d0JBRWtCLGVBQWU7O0tBRWxDOzs7Ozs7Ozs7OzRCQVV1QixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkF1QmQsZUFBZTs7Ozs7Ozs7O3VCQVNyQixLQUFLLENBQUMsUUFBUTs7O2lCQUdwQixTQUFTO1VBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7cUJBRVcsYUFBYTs7U0FFekI7OzZCQUVvQixlQUFlOzs7Ozs7Ozs7Ozs7O3lCQWFuQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7NkJBV1osZUFBZTs7Ozs7OzhCQU1kLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ3BELEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7a0NBRXNCLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7V0FFL0M7Ozs4QkFHbUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7WUFDcEQsS0FBSyxDQUFDLEVBQUUsQ0FDUixLQUFLLENBQUMsS0FBSztJQUNYOztrQ0FFc0IsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOztXQUUvQzs7Ozs7Ozs7Ozs7Ozt1QkFhWSxLQUFLLENBQUMsUUFBUTtpQkFDcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7OzZCQUlaLGVBQWU7Ozs7Ozs7MkJBT2pCLGVBQWU7Ozs7Ozs7Ozs7Ozs7MkJBYWYsZUFBZTs7Ozs7eUJBS2pCLEtBQUssQ0FBQyxVQUFVOzttQkFFdEIsU0FBUztZQUNoQixLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VCQUVXLGFBQWE7O1dBRXpCOzs7K0JBR29CLGVBQWU7MkJBQ25CLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFvQmhCLGVBQWU7Ozs7OzsyQkFNZixlQUFlOzs7Ozs7OzswQkFRaEIsZUFBZTtRQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUVzQixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7MkJBU29CLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7bUJBWTFCLEtBQUssQ0FBQyxVQUFVOzthQUV0QixTQUFTO01BQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7aUJBRVcsYUFBYTs7S0FFekI7Ozs7Ozs7Ozs7T0FVRSxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzhCQUV1QixtQkFBbUI7bUJBQzlCLGFBQWE7O09BRXpCOzs7Ozs7Ozs7Ozs7O3lCQWFrQixlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkEwQmIsZUFBZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBb0JmLGVBQWU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQkFxQnJCLEtBQUssQ0FBQyxVQUFVOztlQUV0QixTQUFTO1FBQ2hCLEtBQUssQ0FBQyxFQUFFLENBQ1IsS0FBSyxDQUFDLEtBQUs7SUFDWDs7bUJBRVcsYUFBYTs7T0FFekI7Ozs7Ozs7Ozs7Ozs7O0NBY04sQ0FBQyJ9
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React, { useState, useRef, useEffect } 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 chatDivRef = useRef(null);
|
|
7
|
+
const handlePrimaryButtonClick = (e) => {
|
|
8
|
+
e.preventDefault();
|
|
9
|
+
const chatDiv = chatDivRef.current;
|
|
10
|
+
if (chatDiv) {
|
|
11
|
+
const lpEventElement = chatDiv.querySelector('[data-lp-event]');
|
|
12
|
+
if (lpEventElement) {
|
|
13
|
+
lpEventElement.click();
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const chatDiv = chatDivRef.current;
|
|
19
|
+
if (!chatDiv || typeof window === 'undefined') {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
let timeoutId = null;
|
|
23
|
+
let previouslyFound = false;
|
|
24
|
+
const observer = new MutationObserver(() => {
|
|
25
|
+
const lpEventElement = chatDiv.querySelector('[data-lp-event]');
|
|
26
|
+
if (lpEventElement && !previouslyFound) {
|
|
27
|
+
previouslyFound = true;
|
|
28
|
+
setChatReady(true);
|
|
29
|
+
setChatFailed(false);
|
|
30
|
+
if (primaryButtonText) {
|
|
31
|
+
lpEventElement.textContent = primaryButtonText;
|
|
32
|
+
}
|
|
33
|
+
// Clear timeout since chat loaded successfully
|
|
34
|
+
if (timeoutId) {
|
|
35
|
+
clearTimeout(timeoutId);
|
|
36
|
+
timeoutId = null;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
else if (!lpEventElement && previouslyFound) {
|
|
40
|
+
previouslyFound = false;
|
|
41
|
+
setChatReady(false);
|
|
42
|
+
setChatFailed(false);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
observer.observe(chatDiv, { childList: true, subtree: true });
|
|
46
|
+
timeoutId = setTimeout(() => {
|
|
47
|
+
if (!previouslyFound) {
|
|
48
|
+
observer.disconnect();
|
|
49
|
+
setChatFailed(true);
|
|
50
|
+
}
|
|
51
|
+
}, 15000);
|
|
52
|
+
return () => {
|
|
53
|
+
observer.disconnect();
|
|
54
|
+
if (timeoutId) {
|
|
55
|
+
clearTimeout(timeoutId);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
}, [primaryButtonText]);
|
|
59
|
+
return (React.createElement(Container, { "data-testid": "travel-mini-cta", isApp: isApp },
|
|
60
|
+
React.createElement(ContentWrapper, null,
|
|
61
|
+
React.createElement(LeftSection, null,
|
|
62
|
+
React.createElement(LogoContainer, null,
|
|
63
|
+
React.createElement(LogoBox, { isApp: isApp },
|
|
64
|
+
React.createElement(LogoText, { isApp: isApp }, "T")),
|
|
65
|
+
React.createElement(MobileLabel, { isApp: isApp }, "VISIT TIMES HOLIDAYS")),
|
|
66
|
+
React.createElement(TextContainer, null,
|
|
67
|
+
React.createElement(Label, { isApp: isApp }, "VISIT TIMES HOLIDAYS"),
|
|
68
|
+
React.createElement(Description, { isApp: isApp }, description))),
|
|
69
|
+
React.createElement(RightSection, null,
|
|
70
|
+
React.createElement(ContactInfo, null,
|
|
71
|
+
React.createElement(PhoneLabel, { href: `tel:${phoneNumber}`, isApp: isApp },
|
|
72
|
+
phoneLabel,
|
|
73
|
+
' ',
|
|
74
|
+
React.createElement(PhoneNumber, { isApp: isApp }, phoneNumber)),
|
|
75
|
+
React.createElement(WorkingHoursContainer, null, workingHours &&
|
|
76
|
+
workingHours.map((hours, index) => (React.createElement(WorkingHoursText, { key: index, isApp: isApp }, hours))))),
|
|
77
|
+
React.createElement(ButtonsContainer, null,
|
|
78
|
+
React.createElement(PrimaryButton, { as: "button", type: "button", onClick: handlePrimaryButtonClick, isApp: isApp, disabled: !chatReady },
|
|
79
|
+
chatFailed && 'Chat unavailable',
|
|
80
|
+
!chatReady && !chatFailed && 'Loading chat...',
|
|
81
|
+
React.createElement("div", { id: "LP_DIV_TRAVEL_1239001", ref: chatDivRef })),
|
|
82
|
+
React.createElement(SecondaryButton, { href: secondaryButtonUrl, isApp: isApp }, secondaryButtonText))))));
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQU0sUUFBUSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQWMsTUFBTSxPQUFPLENBQUM7QUFFM0UsT0FBTyxFQUNMLFNBQVMsRUFDVCxjQUFjLEVBQ2QsV0FBVyxFQUNYLGFBQWEsRUFDYixPQUFPLEVBQ1AsUUFBUSxFQUNSLGFBQWEsRUFDYixLQUFLLEVBQ0wsV0FBVyxFQUNYLFdBQVcsRUFDWCxZQUFZLEVBQ1osV0FBVyxFQUNYLFVBQVUsRUFDVixXQUFXLEVBQ1gscUJBQXFCLEVBQ3JCLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFDaEIsYUFBYSxFQUNiLGVBQWUsRUFDaEIsTUFBTSxVQUFVLENBQUM7QUFFbEIsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUEyQixDQUFDLEVBQ3BELFdBQVcsRUFDWCxVQUFVLEVBQ1YsV0FBVyxFQUNYLFlBQVksRUFDWixpQkFBaUIsRUFDakIsbUJBQW1CLEVBQ25CLGtCQUFrQixFQUNsQixLQUFLLEVBQ04sRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEQsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEQsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUVoRCxNQUFNLHdCQUF3QixHQUFHLENBQy9CLENBQW9ELEVBQ3BELEVBQUU7UUFDRixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFFbkIsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQztRQUNuQyxJQUFJLE9BQU8sRUFBRTtZQUNYLE1B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
|
|
@@ -0,0 +1,42 @@
|
|
|
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>;
|
|
@@ -0,0 +1,273 @@
|
|
|
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: 0.875rem;
|
|
8
|
+
letter-spacing: 0em;
|
|
9
|
+
color: #01000d;
|
|
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;
|
|
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
|
+
flex-direction: row;
|
|
31
|
+
justify-content: space-between;
|
|
32
|
+
align-items: flex-start;
|
|
33
|
+
gap: 20px;
|
|
34
|
+
|
|
35
|
+
${getMediaQuery('xs', 'md')} {
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
gap: 24px;
|
|
38
|
+
}
|
|
39
|
+
`;
|
|
40
|
+
export const LeftSection = styled.div `
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-direction: row;
|
|
43
|
+
align-items: flex-start;
|
|
44
|
+
width: 50%;
|
|
45
|
+
gap: 24px;
|
|
46
|
+
|
|
47
|
+
${getMediaQuery('xs', 'md')} {
|
|
48
|
+
width: 100%;
|
|
49
|
+
flex-direction: column;
|
|
50
|
+
gap: 16px;
|
|
51
|
+
}
|
|
52
|
+
`;
|
|
53
|
+
export const LogoContainer = styled.div `
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
56
|
+
justify-content: center;
|
|
57
|
+
flex-shrink: 0;
|
|
58
|
+
|
|
59
|
+
${getMediaQuery('xs', 'md')} {
|
|
60
|
+
flex-direction: row-reverse;
|
|
61
|
+
justify-content: flex-start;
|
|
62
|
+
justify-content: space-between;
|
|
63
|
+
width: 100%;
|
|
64
|
+
}
|
|
65
|
+
`;
|
|
66
|
+
export const LogoBox = styled.div `
|
|
67
|
+
width: 40px;
|
|
68
|
+
height: 40px;
|
|
69
|
+
position: relative;
|
|
70
|
+
display: flex;
|
|
71
|
+
align-items: center;
|
|
72
|
+
justify-content: center;
|
|
73
|
+
background-color: #aaaaaa;
|
|
74
|
+
|
|
75
|
+
${({ isApp }) => applyDarkMode(`
|
|
76
|
+
background-color: #c2c2c2 !important;
|
|
77
|
+
`, isApp)};
|
|
78
|
+
`;
|
|
79
|
+
export const LogoText = styled.span `
|
|
80
|
+
font-family: 'Times Modern', serif;
|
|
81
|
+
font-weight: 700;
|
|
82
|
+
font-size: 40px;
|
|
83
|
+
line-height: 1.125;
|
|
84
|
+
letter-spacing: 0.02em;
|
|
85
|
+
color: #ffffff;
|
|
86
|
+
padding-top: 4px;
|
|
87
|
+
|
|
88
|
+
${({ isApp }) => applyDarkMode(`
|
|
89
|
+
color: #1d1d1b !important;
|
|
90
|
+
`, isApp)};
|
|
91
|
+
`;
|
|
92
|
+
export const TextContainer = styled.div `
|
|
93
|
+
display: flex;
|
|
94
|
+
flex-direction: column;
|
|
95
|
+
gap: 16px;
|
|
96
|
+
max-width: 375px;
|
|
97
|
+
|
|
98
|
+
${getMediaQuery('xs', 'md')} {
|
|
99
|
+
gap: 24px;
|
|
100
|
+
}
|
|
101
|
+
`;
|
|
102
|
+
export const Label = styled(BaseLabel) `
|
|
103
|
+
${getMediaQuery('xs', 'md')} {
|
|
104
|
+
display: none;
|
|
105
|
+
}
|
|
106
|
+
`;
|
|
107
|
+
export const MobileLabel = styled(BaseLabel) `
|
|
108
|
+
display: none;
|
|
109
|
+
|
|
110
|
+
${getMediaQuery('xs', 'md')} {
|
|
111
|
+
display: block;
|
|
112
|
+
}
|
|
113
|
+
`;
|
|
114
|
+
export const Description = styled.div `
|
|
115
|
+
font-family: 'Times Modern';
|
|
116
|
+
font-weight: 700;
|
|
117
|
+
line-height: 1.125;
|
|
118
|
+
font-size: 1.5rem;
|
|
119
|
+
letter-spacing: 0em;
|
|
120
|
+
color: #333333;
|
|
121
|
+
|
|
122
|
+
${({ isApp }) => applyDarkMode(`
|
|
123
|
+
color: #cccccc !important;
|
|
124
|
+
`, isApp)};
|
|
125
|
+
|
|
126
|
+
${getMediaQuery('xs', 'md')} {
|
|
127
|
+
margin-right: 64px;
|
|
128
|
+
}
|
|
129
|
+
`;
|
|
130
|
+
export const RightSection = styled.div `
|
|
131
|
+
display: flex;
|
|
132
|
+
flex-direction: column;
|
|
133
|
+
gap: 24px;
|
|
134
|
+
width: 50%;
|
|
135
|
+
|
|
136
|
+
${getMediaQuery('xs', 'md')} {
|
|
137
|
+
gap: 32px;
|
|
138
|
+
width: 100%;
|
|
139
|
+
}
|
|
140
|
+
`;
|
|
141
|
+
export const ContactInfo = styled.div `
|
|
142
|
+
display: flex;
|
|
143
|
+
flex-direction: column;
|
|
144
|
+
gap: 16px;
|
|
145
|
+
`;
|
|
146
|
+
export const PhoneLabel = styled.a `
|
|
147
|
+
text-decoration: none;
|
|
148
|
+
display: inline;
|
|
149
|
+
font-family: 'Times Digital W04 Regular';
|
|
150
|
+
font-weight: 400;
|
|
151
|
+
line-height: 1.5;
|
|
152
|
+
font-size: 1.125rem;
|
|
153
|
+
letter-spacing: 0em;
|
|
154
|
+
color: #333333;
|
|
155
|
+
cursor: pointer;
|
|
156
|
+
|
|
157
|
+
${({ isApp }) => applyDarkMode(`
|
|
158
|
+
color: #c2c2c2 !important;
|
|
159
|
+
`, isApp)};
|
|
160
|
+
|
|
161
|
+
&:hover {
|
|
162
|
+
text-decoration: underline;
|
|
163
|
+
}
|
|
164
|
+
`;
|
|
165
|
+
export const PhoneNumber = styled.span `
|
|
166
|
+
font-family: 'Times Modern';
|
|
167
|
+
font-weight: 700;
|
|
168
|
+
line-height: 1.125;
|
|
169
|
+
font-size: 1.5rem;
|
|
170
|
+
letter-spacing: 0em;
|
|
171
|
+
color: #333333;
|
|
172
|
+
font-size: 2.2rem;
|
|
173
|
+
|
|
174
|
+
${({ isApp }) => applyDarkMode(`
|
|
175
|
+
color: #c2c2c2 !important;
|
|
176
|
+
`, isApp)};
|
|
177
|
+
`;
|
|
178
|
+
export const WorkingHoursContainer = styled.div `
|
|
179
|
+
display: flex;
|
|
180
|
+
flex-direction: row;
|
|
181
|
+
gap: 8px;
|
|
182
|
+
flex-wrap: wrap;
|
|
183
|
+
|
|
184
|
+
${getMediaQuery('xs', 'md')} {
|
|
185
|
+
flex-direction: column;
|
|
186
|
+
}
|
|
187
|
+
`;
|
|
188
|
+
export const WorkingHoursText = styled.div `
|
|
189
|
+
font-family: 'Times Digital W04 Regular';
|
|
190
|
+
font-weight: 400;
|
|
191
|
+
line-height: 1.5;
|
|
192
|
+
font-size: 1.125rem;
|
|
193
|
+
letter-spacing: 0em;
|
|
194
|
+
color: #333333;
|
|
195
|
+
|
|
196
|
+
${({ isApp }) => applyDarkMode(`
|
|
197
|
+
color: #cccccc !important;
|
|
198
|
+
`, isApp)};
|
|
199
|
+
`;
|
|
200
|
+
export const ButtonsContainer = styled.div `
|
|
201
|
+
display: flex;
|
|
202
|
+
flex-direction: row;
|
|
203
|
+
gap: 16px;
|
|
204
|
+
|
|
205
|
+
${getMediaQuery('xs', 'md')} {
|
|
206
|
+
flex-direction: column;
|
|
207
|
+
}
|
|
208
|
+
`;
|
|
209
|
+
const BaseButton = styled.a `
|
|
210
|
+
text-decoration: none;
|
|
211
|
+
border-radius: 0px;
|
|
212
|
+
width: 100%;
|
|
213
|
+
min-height: 44px;
|
|
214
|
+
font-family: 'Roboto';
|
|
215
|
+
font-weight: 500;
|
|
216
|
+
line-height: 1.5;
|
|
217
|
+
font-size: 1rem;
|
|
218
|
+
letter-spacing: 0em;
|
|
219
|
+
display: flex;
|
|
220
|
+
align-items: center;
|
|
221
|
+
justify-content: center;
|
|
222
|
+
padding: 12px;
|
|
223
|
+
cursor: pointer;
|
|
224
|
+
transition: all 0.2s ease;
|
|
225
|
+
`;
|
|
226
|
+
export const PrimaryButton = styled(BaseButton) `
|
|
227
|
+
border: none;
|
|
228
|
+
background-color: #005c8a;
|
|
229
|
+
color: #ffffff;
|
|
230
|
+
cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
|
|
231
|
+
opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
|
|
232
|
+
|
|
233
|
+
div[data-lp-event] {
|
|
234
|
+
cursor: pointer;
|
|
235
|
+
font-family: 'Roboto';
|
|
236
|
+
font-weight: 500;
|
|
237
|
+
line-height: 1.5;
|
|
238
|
+
font-size: 1rem;
|
|
239
|
+
letter-spacing: 0em;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
&:hover {
|
|
243
|
+
background-color: #00527a;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
${({ isApp }) => applyDarkMode(`
|
|
247
|
+
background-color: #74bade !important;
|
|
248
|
+
color: #1d1d1b !important;
|
|
249
|
+
|
|
250
|
+
&:hover {
|
|
251
|
+
background-color: #93cbe8 !important;
|
|
252
|
+
}
|
|
253
|
+
`, isApp)};
|
|
254
|
+
`;
|
|
255
|
+
export const SecondaryButton = styled(BaseButton) `
|
|
256
|
+
border: 1px solid #005c8a;
|
|
257
|
+
background-color: transparent;
|
|
258
|
+
color: #005c8a;
|
|
259
|
+
|
|
260
|
+
&:hover {
|
|
261
|
+
background-color: #f5f5f5;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
${({ isApp }) => applyDarkMode(`
|
|
265
|
+
border-color: #74bade !important;
|
|
266
|
+
color: #74bade !important;
|
|
267
|
+
|
|
268
|
+
&:hover {
|
|
269
|
+
background-color: #01000d !important;
|
|
270
|
+
}
|
|
271
|
+
`, isApp)};
|
|
272
|
+
`;
|
|
273
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhdmVsLW1pbmktY3RhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7Ozs7O0lBUzdDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7OztJQU9wRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7O0tBR0QsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7SUFPcEMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7Q0FJNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7O0lBT2pDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7OztDQUs1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1uQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7Ozs7O0NBTTVCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBcUI7Ozs7Ozs7OztJQVNsRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUs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
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TravelMiniCTAProps } from './types';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.FC<TravelMiniCTAProps>;
|
|
6
|
+
parameters: {
|
|
7
|
+
docs: {
|
|
8
|
+
subtitle: string;
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const Default: {
|
|
17
|
+
render: ({ description, phoneLabel, phoneNumber, workingHours, primaryButtonText, secondaryButtonText, secondaryButtonUrl }: TravelMiniCTAProps) => JSX.Element;
|
|
18
|
+
name: string;
|
|
19
|
+
args: {
|
|
20
|
+
description: string;
|
|
21
|
+
phoneLabel: string;
|
|
22
|
+
phoneNumber: string;
|
|
23
|
+
workingHours: string[];
|
|
24
|
+
primaryButtonText: string;
|
|
25
|
+
secondaryButtonText: string;
|
|
26
|
+
secondaryButtonUrl: string;
|
|
27
|
+
};
|
|
28
|
+
argTypes: {
|
|
29
|
+
description: {
|
|
30
|
+
control: {
|
|
31
|
+
type: string;
|
|
32
|
+
};
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
35
|
+
phoneLabel: {
|
|
36
|
+
control: {
|
|
37
|
+
type: string;
|
|
38
|
+
};
|
|
39
|
+
description: string;
|
|
40
|
+
};
|
|
41
|
+
phoneNumber: {
|
|
42
|
+
control: {
|
|
43
|
+
type: string;
|
|
44
|
+
};
|
|
45
|
+
description: string;
|
|
46
|
+
};
|
|
47
|
+
workingHours: {
|
|
48
|
+
control: {
|
|
49
|
+
type: string;
|
|
50
|
+
};
|
|
51
|
+
description: string;
|
|
52
|
+
};
|
|
53
|
+
primaryButtonText: {
|
|
54
|
+
control: {
|
|
55
|
+
type: string;
|
|
56
|
+
};
|
|
57
|
+
description: string;
|
|
58
|
+
};
|
|
59
|
+
secondaryButtonText: {
|
|
60
|
+
control: {
|
|
61
|
+
type: string;
|
|
62
|
+
};
|
|
63
|
+
description: string;
|
|
64
|
+
};
|
|
65
|
+
secondaryButtonUrl: {
|
|
66
|
+
control: {
|
|
67
|
+
type: string;
|
|
68
|
+
};
|
|
69
|
+
description: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
export declare const MinimalContent: {
|
|
74
|
+
render: ({ description, phoneLabel, phoneNumber, workingHours, primaryButtonText, secondaryButtonText, secondaryButtonUrl }: TravelMiniCTAProps) => JSX.Element;
|
|
75
|
+
name: string;
|
|
76
|
+
args: {
|
|
77
|
+
description: string;
|
|
78
|
+
phoneLabel: string;
|
|
79
|
+
phoneNumber: string;
|
|
80
|
+
primaryButtonText: string;
|
|
81
|
+
secondaryButtonText: string;
|
|
82
|
+
secondaryButtonUrl: string;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
export declare const ExtendedWorkingHours: {
|
|
86
|
+
render: ({ description, phoneLabel, phoneNumber, workingHours, primaryButtonText, secondaryButtonText, secondaryButtonUrl }: TravelMiniCTAProps) => JSX.Element;
|
|
87
|
+
name: string;
|
|
88
|
+
args: {
|
|
89
|
+
description: string;
|
|
90
|
+
phoneLabel: string;
|
|
91
|
+
phoneNumber: string;
|
|
92
|
+
workingHours: string[];
|
|
93
|
+
primaryButtonText: string;
|
|
94
|
+
secondaryButtonText: string;
|
|
95
|
+
secondaryButtonUrl: string;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
export declare const CustomDestination: {
|
|
99
|
+
render: ({ description, phoneLabel, phoneNumber, workingHours, primaryButtonText, secondaryButtonText, secondaryButtonUrl }: TravelMiniCTAProps) => JSX.Element;
|
|
100
|
+
name: string;
|
|
101
|
+
args: {
|
|
102
|
+
description: string;
|
|
103
|
+
phoneLabel: string;
|
|
104
|
+
phoneNumber: string;
|
|
105
|
+
workingHours: string[];
|
|
106
|
+
primaryButtonText: string;
|
|
107
|
+
secondaryButtonText: string;
|
|
108
|
+
secondaryButtonUrl: string;
|
|
109
|
+
};
|
|
110
|
+
};
|