@planetaexo/design-system 0.4.0 → 0.4.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/index.cjs +141 -110
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +40 -1
- package/dist/index.d.ts +40 -1
- package/dist/index.js +141 -111
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2873,6 +2873,36 @@ function BookingDetails({
|
|
|
2873
2873
|
}
|
|
2874
2874
|
);
|
|
2875
2875
|
}
|
|
2876
|
+
|
|
2877
|
+
// src/lib/emailTokens.ts
|
|
2878
|
+
var emailTokens = {
|
|
2879
|
+
/** Slate-900 — main body text */
|
|
2880
|
+
foreground: "#0f172a",
|
|
2881
|
+
/** Slate-700 — body content text (slightly lighter than foreground) */
|
|
2882
|
+
bodyText: "#334155",
|
|
2883
|
+
/** Slate-500 — secondary / muted labels */
|
|
2884
|
+
mutedForeground: "#64748b",
|
|
2885
|
+
/** Sky-500 — primary brand color */
|
|
2886
|
+
primary: "#0ea5e9",
|
|
2887
|
+
/** White — text on primary-colored backgrounds */
|
|
2888
|
+
primaryForeground: "#ffffff",
|
|
2889
|
+
/** Sky-100 — light primary tint (number badges, reference badges) */
|
|
2890
|
+
primaryLight: "#e0f2fe",
|
|
2891
|
+
/** Slate-200 — dividers and card borders */
|
|
2892
|
+
border: "#e2e8f0",
|
|
2893
|
+
/** Slate-50 — subtle background for table headers / muted rows */
|
|
2894
|
+
muted: "#f8fafc",
|
|
2895
|
+
/** White — explicit white backgrounds */
|
|
2896
|
+
white: "#ffffff",
|
|
2897
|
+
/** Green-600 — success / discounts */
|
|
2898
|
+
green: "#16a34a",
|
|
2899
|
+
/** Green-50 — "paid in full" banner background */
|
|
2900
|
+
greenBg: "#f0fdf4",
|
|
2901
|
+
/** Red-600 — destructive / not-included icon */
|
|
2902
|
+
destructive: "#dc2626",
|
|
2903
|
+
/** Web-safe font stack used in all email components */
|
|
2904
|
+
fontFamily: "Arial, Helvetica, sans-serif"
|
|
2905
|
+
};
|
|
2876
2906
|
var DEFAULT_LABELS = {
|
|
2877
2907
|
ctaButton: "View booking details",
|
|
2878
2908
|
logoAlt: "PlanetaEXO",
|
|
@@ -2931,14 +2961,14 @@ function BookingConfirmation({
|
|
|
2931
2961
|
});
|
|
2932
2962
|
const ctaStyle = {
|
|
2933
2963
|
display: "inline-block",
|
|
2934
|
-
backgroundColor:
|
|
2935
|
-
color:
|
|
2964
|
+
backgroundColor: emailTokens.primary,
|
|
2965
|
+
color: emailTokens.primaryForeground,
|
|
2936
2966
|
padding: "14px 32px",
|
|
2937
2967
|
borderRadius: "8px",
|
|
2938
2968
|
fontSize: "14px",
|
|
2939
2969
|
fontWeight: "700",
|
|
2940
2970
|
textDecoration: "none",
|
|
2941
|
-
fontFamily:
|
|
2971
|
+
fontFamily: emailTokens.fontFamily
|
|
2942
2972
|
};
|
|
2943
2973
|
const ViewBookingCta = viewBookingUrl ? /* @__PURE__ */ jsx("a", { href: viewBookingUrl, style: ctaStyle, children: l.ctaButton }) : /* @__PURE__ */ jsx("span", { style: ctaStyle, role: "presentation", children: l.ctaButton });
|
|
2944
2974
|
return /* @__PURE__ */ jsxs(
|
|
@@ -2947,9 +2977,9 @@ function BookingConfirmation({
|
|
|
2947
2977
|
style: {
|
|
2948
2978
|
maxWidth: "576px",
|
|
2949
2979
|
margin: "0 auto",
|
|
2950
|
-
backgroundColor:
|
|
2951
|
-
color:
|
|
2952
|
-
fontFamily:
|
|
2980
|
+
backgroundColor: emailTokens.white,
|
|
2981
|
+
color: emailTokens.foreground,
|
|
2982
|
+
fontFamily: emailTokens.fontFamily,
|
|
2953
2983
|
fontSize: "16px",
|
|
2954
2984
|
lineHeight: "1.6"
|
|
2955
2985
|
},
|
|
@@ -2969,10 +2999,10 @@ function BookingConfirmation({
|
|
|
2969
2999
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "32px", fontSize: "16px" }, children: l.detailsIntro }),
|
|
2970
3000
|
/* @__PURE__ */ jsx("div", { style: { marginBottom: "40px" }, children: ViewBookingCta })
|
|
2971
3001
|
] }),
|
|
2972
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3002
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
2973
3003
|
/* @__PURE__ */ jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: [
|
|
2974
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color:
|
|
2975
|
-
/* @__PURE__ */ jsx("div", { style: { borderRadius: "12px", border:
|
|
3004
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color: emailTokens.foreground, fontSize: "18px", fontFamily: emailTokens.fontFamily }, children: l.nextStepsHeading }),
|
|
3005
|
+
/* @__PURE__ */ jsx("div", { style: { borderRadius: "12px", border: `1px solid ${emailTokens.border}`, padding: "20px", display: "flex", flexDirection: "column", gap: "16px" }, children: l.nextSteps.map((step, i) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "14px" }, children: [
|
|
2976
3006
|
/* @__PURE__ */ jsx("span", { style: {
|
|
2977
3007
|
display: "flex",
|
|
2978
3008
|
height: "24px",
|
|
@@ -2981,46 +3011,46 @@ function BookingConfirmation({
|
|
|
2981
3011
|
alignItems: "center",
|
|
2982
3012
|
justifyContent: "center",
|
|
2983
3013
|
borderRadius: "9999px",
|
|
2984
|
-
backgroundColor:
|
|
3014
|
+
backgroundColor: emailTokens.primaryLight,
|
|
2985
3015
|
fontSize: "12px",
|
|
2986
3016
|
fontWeight: "700",
|
|
2987
|
-
color:
|
|
3017
|
+
color: emailTokens.primary,
|
|
2988
3018
|
marginTop: "2px"
|
|
2989
3019
|
}, children: i + 1 }),
|
|
2990
|
-
/* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color:
|
|
3020
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: step })
|
|
2991
3021
|
] }, i)) })
|
|
2992
3022
|
] }),
|
|
2993
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3023
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
2994
3024
|
/* @__PURE__ */ jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: [
|
|
2995
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color:
|
|
2996
|
-
/* @__PURE__ */ jsx("div", { style: { borderRadius: "12px", border:
|
|
2997
|
-
/* @__PURE__ */ jsxs("tr", { style: { borderBottom:
|
|
2998
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color:
|
|
2999
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "600", color:
|
|
3025
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color: emailTokens.foreground, fontSize: "18px", fontFamily: emailTokens.fontFamily }, children: l.bookingSummaryHeading }),
|
|
3026
|
+
/* @__PURE__ */ jsx("div", { style: { borderRadius: "12px", border: `1px solid ${emailTokens.border}`, overflow: "hidden" }, children: /* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
|
|
3027
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3028
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.bookingNumberLabel }),
|
|
3029
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "600", color: emailTokens.primary }, children: bookingReference })
|
|
3000
3030
|
] }),
|
|
3001
|
-
/* @__PURE__ */ jsxs("tr", { style: { borderBottom:
|
|
3002
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color:
|
|
3003
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color:
|
|
3031
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3032
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.adventuresLabel }),
|
|
3033
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: emailTokens.foreground }, children: adventures.length })
|
|
3004
3034
|
] }),
|
|
3005
|
-
/* @__PURE__ */ jsxs("tr", { style: { borderBottom:
|
|
3006
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color:
|
|
3007
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color:
|
|
3035
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3036
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.totalTravellersLabel }),
|
|
3037
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: emailTokens.foreground }, children: allTravellers.length })
|
|
3008
3038
|
] }),
|
|
3009
3039
|
/* @__PURE__ */ jsxs("tr", { children: [
|
|
3010
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color:
|
|
3011
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color:
|
|
3040
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.agentLabel }),
|
|
3041
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: emailTokens.foreground }, children: agent })
|
|
3012
3042
|
] })
|
|
3013
3043
|
] }) }) })
|
|
3014
3044
|
] }),
|
|
3015
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3045
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
3016
3046
|
/* @__PURE__ */ jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px", display: "flex", flexDirection: "column", gap: "24px" }, children: adventures.map((adventure) => {
|
|
3017
3047
|
var _a;
|
|
3018
3048
|
return /* @__PURE__ */ jsxs(
|
|
3019
3049
|
"div",
|
|
3020
3050
|
{
|
|
3021
|
-
style: { borderRadius: "16px", border:
|
|
3051
|
+
style: { borderRadius: "16px", border: `1px solid ${emailTokens.border}`, backgroundColor: emailTokens.white, overflow: "hidden" },
|
|
3022
3052
|
children: [
|
|
3023
|
-
/* @__PURE__ */ jsx("div", { style: { aspectRatio: "16/7", overflow: "hidden", backgroundColor:
|
|
3053
|
+
/* @__PURE__ */ jsx("div", { style: { aspectRatio: "16/7", overflow: "hidden", backgroundColor: emailTokens.muted }, children: /* @__PURE__ */ jsx(
|
|
3024
3054
|
"img",
|
|
3025
3055
|
{
|
|
3026
3056
|
src: adventure.image,
|
|
@@ -3031,8 +3061,8 @@ function BookingConfirmation({
|
|
|
3031
3061
|
/* @__PURE__ */ jsxs("div", { style: { padding: "20px", display: "flex", flexDirection: "column", gap: "10px" }, children: [
|
|
3032
3062
|
adventure.reference && /* @__PURE__ */ jsx("span", { style: {
|
|
3033
3063
|
display: "inline-block",
|
|
3034
|
-
backgroundColor:
|
|
3035
|
-
color:
|
|
3064
|
+
backgroundColor: emailTokens.primaryLight,
|
|
3065
|
+
color: emailTokens.primary,
|
|
3036
3066
|
padding: "2px 8px",
|
|
3037
3067
|
borderRadius: "6px",
|
|
3038
3068
|
fontSize: "12px",
|
|
@@ -3040,9 +3070,9 @@ function BookingConfirmation({
|
|
|
3040
3070
|
letterSpacing: "0.05em",
|
|
3041
3071
|
alignSelf: "flex-start"
|
|
3042
3072
|
}, children: adventure.reference }),
|
|
3043
|
-
/* @__PURE__ */ jsx("h3", { style: { fontSize: "20px", fontWeight: "700", color:
|
|
3044
|
-
/* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color:
|
|
3045
|
-
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color:
|
|
3073
|
+
/* @__PURE__ */ jsx("h3", { style: { fontSize: "20px", fontWeight: "700", color: emailTokens.foreground, lineHeight: "1.3", marginTop: "2px", margin: 0 }, children: adventure.title }),
|
|
3074
|
+
/* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: emailTokens.mutedForeground, margin: 0, lineHeight: 1 }, children: [
|
|
3075
|
+
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color: emailTokens.primary, flexShrink: 0 }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3046
3076
|
/* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }),
|
|
3047
3077
|
/* @__PURE__ */ jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }),
|
|
3048
3078
|
/* @__PURE__ */ jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }),
|
|
@@ -3052,15 +3082,15 @@ function BookingConfirmation({
|
|
|
3052
3082
|
" \u2192 ",
|
|
3053
3083
|
adventure.dateTo
|
|
3054
3084
|
] }),
|
|
3055
|
-
adventure.location && /* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color:
|
|
3056
|
-
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color:
|
|
3085
|
+
adventure.location && /* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: emailTokens.mutedForeground, margin: 0, lineHeight: 1 }, children: [
|
|
3086
|
+
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color: emailTokens.primary, flexShrink: 0 }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3057
3087
|
/* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
|
|
3058
3088
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
|
|
3059
3089
|
] }),
|
|
3060
3090
|
adventure.location
|
|
3061
3091
|
] }),
|
|
3062
|
-
adventure.slots && /* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color:
|
|
3063
|
-
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color:
|
|
3092
|
+
adventure.slots && /* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: emailTokens.mutedForeground, margin: 0, lineHeight: 1 }, children: [
|
|
3093
|
+
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color: emailTokens.primary, flexShrink: 0 }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3064
3094
|
/* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
|
|
3065
3095
|
/* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
|
|
3066
3096
|
/* @__PURE__ */ jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
|
|
@@ -3071,49 +3101,49 @@ function BookingConfirmation({
|
|
|
3071
3101
|
adventure.slots.children ? `${adventure.slots.children} ${l.childrenUnit}` : null
|
|
3072
3102
|
].filter(Boolean).join(" \xB7 ")
|
|
3073
3103
|
] }),
|
|
3074
|
-
adventure.partner && /* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color:
|
|
3075
|
-
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color:
|
|
3104
|
+
adventure.partner && /* @__PURE__ */ jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: emailTokens.mutedForeground, margin: 0, lineHeight: 1 }, children: [
|
|
3105
|
+
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color: emailTokens.primary, flexShrink: 0 }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3076
3106
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
3077
3107
|
/* @__PURE__ */ jsx("polygon", { points: "16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76" })
|
|
3078
3108
|
] }),
|
|
3079
3109
|
adventure.partner
|
|
3080
3110
|
] }),
|
|
3081
3111
|
adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3082
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3112
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginTop: "4px", marginBottom: "4px" } }),
|
|
3083
3113
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
3084
|
-
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color:
|
|
3085
|
-
/* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: adventure.travellers.map((
|
|
3114
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "8px", margin: "0 0 8px 0" }, children: l.travellersLabel }),
|
|
3115
|
+
/* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: adventure.travellers.map((traveller) => /* @__PURE__ */ jsxs(
|
|
3086
3116
|
"div",
|
|
3087
3117
|
{
|
|
3088
3118
|
style: { display: "flex", alignItems: "center", justifyContent: "space-between" },
|
|
3089
3119
|
children: [
|
|
3090
|
-
/* @__PURE__ */ jsxs("span", { style: { fontSize: "14px", fontWeight: "500", color:
|
|
3091
|
-
|
|
3120
|
+
/* @__PURE__ */ jsxs("span", { style: { fontSize: "14px", fontWeight: "500", color: emailTokens.foreground }, children: [
|
|
3121
|
+
traveller.firstName,
|
|
3092
3122
|
" ",
|
|
3093
|
-
|
|
3123
|
+
traveller.lastName
|
|
3094
3124
|
] }),
|
|
3095
|
-
|
|
3125
|
+
traveller.isChild && /* @__PURE__ */ jsx("span", { style: { fontSize: "10px", fontWeight: "600", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted, borderRadius: "9999px", padding: "2px 8px", textTransform: "uppercase", letterSpacing: "0.05em" }, children: l.childBadge })
|
|
3096
3126
|
]
|
|
3097
3127
|
},
|
|
3098
|
-
|
|
3128
|
+
traveller.id
|
|
3099
3129
|
)) })
|
|
3100
3130
|
] })
|
|
3101
3131
|
] }),
|
|
3102
3132
|
adventure.description && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3103
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3133
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginTop: "4px", marginBottom: "4px" } }),
|
|
3104
3134
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
3105
|
-
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color:
|
|
3106
|
-
/* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color:
|
|
3135
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "8px", margin: "0 0 8px 0" }, children: l.itineraryLabel }),
|
|
3136
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: adventure.description })
|
|
3107
3137
|
] })
|
|
3108
3138
|
] }),
|
|
3109
3139
|
adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginTop: "4px" }, children: [
|
|
3110
|
-
/* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color:
|
|
3140
|
+
/* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: 0 }, children: l.includedLabel }),
|
|
3111
3141
|
/* @__PURE__ */ jsx("ul", { style: { display: "flex", flexDirection: "column", gap: "6px", margin: 0, padding: 0, listStyle: "none" }, children: adventure.included.map((item, i) => /* @__PURE__ */ jsxs(
|
|
3112
3142
|
"li",
|
|
3113
3143
|
{
|
|
3114
|
-
style: { display: "flex", alignItems: "flex-start", gap: "8px", fontSize: "14px", color:
|
|
3144
|
+
style: { display: "flex", alignItems: "flex-start", gap: "8px", fontSize: "14px", color: emailTokens.bodyText },
|
|
3115
3145
|
children: [
|
|
3116
|
-
/* @__PURE__ */ jsx("svg", { style: { width: "16px", height: "16px", color:
|
|
3146
|
+
/* @__PURE__ */ jsx("svg", { style: { width: "16px", height: "16px", color: emailTokens.primary, flexShrink: 0, marginTop: "2px" }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
|
|
3117
3147
|
item
|
|
3118
3148
|
]
|
|
3119
3149
|
},
|
|
@@ -3121,13 +3151,13 @@ function BookingConfirmation({
|
|
|
3121
3151
|
)) })
|
|
3122
3152
|
] }),
|
|
3123
3153
|
adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginTop: "4px" }, children: [
|
|
3124
|
-
/* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color:
|
|
3154
|
+
/* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: 0 }, children: l.notIncludedLabel }),
|
|
3125
3155
|
/* @__PURE__ */ jsx("ul", { style: { display: "flex", flexDirection: "column", gap: "6px", margin: 0, padding: 0, listStyle: "none" }, children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxs(
|
|
3126
3156
|
"li",
|
|
3127
3157
|
{
|
|
3128
|
-
style: { display: "flex", alignItems: "flex-start", gap: "8px", fontSize: "14px", color:
|
|
3158
|
+
style: { display: "flex", alignItems: "flex-start", gap: "8px", fontSize: "14px", color: emailTokens.bodyText },
|
|
3129
3159
|
children: [
|
|
3130
|
-
/* @__PURE__ */ jsxs("svg", { style: { width: "16px", height: "16px", color:
|
|
3160
|
+
/* @__PURE__ */ jsxs("svg", { style: { width: "16px", height: "16px", color: emailTokens.destructive, flexShrink: 0, marginTop: "2px" }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3131
3161
|
/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
|
|
3132
3162
|
/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
|
|
3133
3163
|
] }),
|
|
@@ -3138,16 +3168,16 @@ function BookingConfirmation({
|
|
|
3138
3168
|
)) })
|
|
3139
3169
|
] }),
|
|
3140
3170
|
adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3141
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3171
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginTop: "4px", marginBottom: "4px" } }),
|
|
3142
3172
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
3143
|
-
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color:
|
|
3173
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "8px", margin: "0 0 8px 0" }, children: l.pricingLabel }),
|
|
3144
3174
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
|
|
3145
3175
|
adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxs(
|
|
3146
3176
|
"div",
|
|
3147
3177
|
{
|
|
3148
3178
|
style: { display: "flex", alignItems: "center", justifyContent: "space-between" },
|
|
3149
3179
|
children: [
|
|
3150
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", color:
|
|
3180
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", color: emailTokens.mutedForeground }, children: item.label }),
|
|
3151
3181
|
/* @__PURE__ */ jsxs(
|
|
3152
3182
|
"span",
|
|
3153
3183
|
{
|
|
@@ -3155,7 +3185,7 @@ function BookingConfirmation({
|
|
|
3155
3185
|
fontSize: "14px",
|
|
3156
3186
|
fontWeight: "500",
|
|
3157
3187
|
whiteSpace: "nowrap",
|
|
3158
|
-
color: item.isDiscount ?
|
|
3188
|
+
color: item.isDiscount ? emailTokens.green : emailTokens.foreground
|
|
3159
3189
|
},
|
|
3160
3190
|
children: [
|
|
3161
3191
|
item.isDiscount ? "\u2212" : "",
|
|
@@ -3167,9 +3197,9 @@ function BookingConfirmation({
|
|
|
3167
3197
|
},
|
|
3168
3198
|
j
|
|
3169
3199
|
)),
|
|
3170
|
-
adventure.subtotal && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", paddingTop: "8px", marginTop: "4px", borderTop:
|
|
3171
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: "700", color:
|
|
3172
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: "700", color:
|
|
3200
|
+
adventure.subtotal && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", paddingTop: "8px", marginTop: "4px", borderTop: `1px solid ${emailTokens.border}` }, children: [
|
|
3201
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground }, children: l.subtotalLabel }),
|
|
3202
|
+
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: adventure.subtotal })
|
|
3173
3203
|
] })
|
|
3174
3204
|
] })
|
|
3175
3205
|
] })
|
|
@@ -3180,12 +3210,12 @@ function BookingConfirmation({
|
|
|
3180
3210
|
adventure.id
|
|
3181
3211
|
);
|
|
3182
3212
|
}) }),
|
|
3183
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3213
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
3184
3214
|
/* @__PURE__ */ jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: [
|
|
3185
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color:
|
|
3186
|
-
/* @__PURE__ */ jsx("div", { style: { borderRadius: "12px", border:
|
|
3187
|
-
summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxs("tr", { style: { borderBottom:
|
|
3188
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color:
|
|
3215
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color: emailTokens.foreground, fontSize: "18px", fontFamily: emailTokens.fontFamily }, children: l.paymentSummaryHeading }),
|
|
3216
|
+
/* @__PURE__ */ jsx("div", { style: { borderRadius: "12px", border: `1px solid ${emailTokens.border}`, overflow: "hidden" }, children: /* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
|
|
3217
|
+
summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3218
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: item.label }),
|
|
3189
3219
|
/* @__PURE__ */ jsxs(
|
|
3190
3220
|
"td",
|
|
3191
3221
|
{
|
|
@@ -3194,7 +3224,7 @@ function BookingConfirmation({
|
|
|
3194
3224
|
textAlign: "right",
|
|
3195
3225
|
fontWeight: "500",
|
|
3196
3226
|
whiteSpace: "nowrap",
|
|
3197
|
-
color: item.isDiscount ?
|
|
3227
|
+
color: item.isDiscount ? emailTokens.green : emailTokens.foreground
|
|
3198
3228
|
},
|
|
3199
3229
|
children: [
|
|
3200
3230
|
item.isDiscount ? "\u2212" : "",
|
|
@@ -3203,33 +3233,33 @@ function BookingConfirmation({
|
|
|
3203
3233
|
}
|
|
3204
3234
|
)
|
|
3205
3235
|
] }, i)),
|
|
3206
|
-
subtotal && /* @__PURE__ */ jsxs("tr", { style: { borderBottom:
|
|
3207
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color:
|
|
3208
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color:
|
|
3236
|
+
subtotal && /* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3237
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.subtotalLabel }),
|
|
3238
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: subtotal })
|
|
3209
3239
|
] }),
|
|
3210
|
-
/* @__PURE__ */ jsxs("tr", { style: { backgroundColor:
|
|
3211
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "16px", fontWeight: "700", color:
|
|
3212
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "16px", textAlign: "right", fontWeight: "700", color:
|
|
3240
|
+
/* @__PURE__ */ jsxs("tr", { style: { backgroundColor: emailTokens.muted }, children: [
|
|
3241
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "16px", fontWeight: "700", color: emailTokens.foreground, fontSize: "16px" }, children: l.totalLabel }),
|
|
3242
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "16px", textAlign: "right", fontWeight: "700", color: emailTokens.primary, fontSize: "20px", whiteSpace: "nowrap" }, children: total })
|
|
3213
3243
|
] })
|
|
3214
3244
|
] }) }) }),
|
|
3215
|
-
depositInfo && /* @__PURE__ */ jsxs("div", { style: { borderRadius: "12px", border:
|
|
3216
|
-
/* @__PURE__ */ jsx("div", { style: { padding: "12px 16px", backgroundColor:
|
|
3245
|
+
depositInfo && /* @__PURE__ */ jsxs("div", { style: { borderRadius: "12px", border: `1px solid ${emailTokens.border}`, marginTop: "16px", overflow: "hidden" }, children: [
|
|
3246
|
+
/* @__PURE__ */ jsx("div", { style: { padding: "12px 16px", backgroundColor: emailTokens.muted, borderBottom: `1px solid ${emailTokens.border}` }, children: /* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: 0 }, children: l.paymentDetailsHeading }) }),
|
|
3217
3247
|
/* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
|
|
3218
|
-
/* @__PURE__ */ jsxs("tr", { style: { borderBottom:
|
|
3219
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color:
|
|
3220
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color:
|
|
3248
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3249
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.depositLabel(depositInfo.depositPercent) }),
|
|
3250
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.depositAmount })
|
|
3221
3251
|
] }),
|
|
3222
|
-
/* @__PURE__ */ jsxs("tr", { style: { borderBottom:
|
|
3223
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color:
|
|
3224
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color:
|
|
3252
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3253
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.remainingBalanceLabel }),
|
|
3254
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.remainingAmount })
|
|
3225
3255
|
] }),
|
|
3226
3256
|
/* @__PURE__ */ jsxs(
|
|
3227
3257
|
"tr",
|
|
3228
3258
|
{
|
|
3229
|
-
style: depositInfo.isPaidInFull ? { borderBottom:
|
|
3259
|
+
style: depositInfo.isPaidInFull ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
|
|
3230
3260
|
children: [
|
|
3231
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color:
|
|
3232
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color:
|
|
3261
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.balanceDueLabel }),
|
|
3262
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.balanceDueDate })
|
|
3233
3263
|
]
|
|
3234
3264
|
}
|
|
3235
3265
|
),
|
|
@@ -3237,14 +3267,14 @@ function BookingConfirmation({
|
|
|
3237
3267
|
"td",
|
|
3238
3268
|
{
|
|
3239
3269
|
colSpan: 2,
|
|
3240
|
-
style: { padding: "12px 16px", textAlign: "center", fontWeight: "600", color:
|
|
3270
|
+
style: { padding: "12px 16px", textAlign: "center", fontWeight: "600", color: emailTokens.green, backgroundColor: emailTokens.greenBg },
|
|
3241
3271
|
children: l.paidInFullLabel
|
|
3242
3272
|
}
|
|
3243
3273
|
) })
|
|
3244
3274
|
] }) })
|
|
3245
3275
|
] })
|
|
3246
3276
|
] }),
|
|
3247
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3277
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
3248
3278
|
/* @__PURE__ */ jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "40px" }, children: [
|
|
3249
3279
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontSize: "16px" }, children: l.footerMessage }),
|
|
3250
3280
|
/* @__PURE__ */ jsx("p", { style: { fontSize: "16px" }, children: l.footerContact(agent) })
|
|
@@ -3286,14 +3316,14 @@ function BookingConfirmationEmail({
|
|
|
3286
3316
|
const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
|
|
3287
3317
|
const ctaStyle = {
|
|
3288
3318
|
display: "inline-block",
|
|
3289
|
-
backgroundColor:
|
|
3290
|
-
color:
|
|
3319
|
+
backgroundColor: emailTokens.primary,
|
|
3320
|
+
color: emailTokens.primaryForeground,
|
|
3291
3321
|
padding: "12px 24px",
|
|
3292
3322
|
borderRadius: "8px",
|
|
3293
3323
|
fontSize: "14px",
|
|
3294
3324
|
fontWeight: "700",
|
|
3295
3325
|
textDecoration: "none",
|
|
3296
|
-
fontFamily:
|
|
3326
|
+
fontFamily: emailTokens.fontFamily
|
|
3297
3327
|
};
|
|
3298
3328
|
const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsx("a", { href: addTravellersUrl, style: ctaStyle, children: l.ctaButton }) : /* @__PURE__ */ jsx("span", { style: ctaStyle, role: "presentation", children: l.ctaButton });
|
|
3299
3329
|
const tableRows = [
|
|
@@ -3310,9 +3340,9 @@ function BookingConfirmationEmail({
|
|
|
3310
3340
|
style: {
|
|
3311
3341
|
maxWidth: "576px",
|
|
3312
3342
|
margin: "0 auto",
|
|
3313
|
-
backgroundColor:
|
|
3314
|
-
color:
|
|
3315
|
-
fontFamily:
|
|
3343
|
+
backgroundColor: emailTokens.white,
|
|
3344
|
+
color: emailTokens.foreground,
|
|
3345
|
+
fontFamily: emailTokens.fontFamily,
|
|
3316
3346
|
fontSize: "16px",
|
|
3317
3347
|
lineHeight: "1.6"
|
|
3318
3348
|
},
|
|
@@ -3330,13 +3360,13 @@ function BookingConfirmationEmail({
|
|
|
3330
3360
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.thankYouMessage }),
|
|
3331
3361
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.addTravellersInstruction }),
|
|
3332
3362
|
/* @__PURE__ */ jsx("div", { style: { marginBottom: "32px" }, children: AddTravellersCta }),
|
|
3333
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3334
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontWeight: "700", color:
|
|
3335
|
-
/* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", marginBottom: "32px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsx("tbody", { children: tableRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop:
|
|
3336
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "4px 16px 4px 0", color:
|
|
3337
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "4px 0", fontWeight: "500", color:
|
|
3363
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "32px" } }),
|
|
3364
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontWeight: "700", color: emailTokens.foreground, fontFamily: emailTokens.fontFamily }, children: l.summaryHeading }),
|
|
3365
|
+
/* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", marginBottom: "32px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsx("tbody", { children: tableRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
|
|
3366
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "4px 16px 4px 0", color: emailTokens.mutedForeground }, children: row.label }),
|
|
3367
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "4px 0", fontWeight: "500", color: emailTokens.foreground }, children: row.value })
|
|
3338
3368
|
] }, i)) }) }),
|
|
3339
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3369
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "32px" } }),
|
|
3340
3370
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.postCtaMessage }),
|
|
3341
3371
|
/* @__PURE__ */ jsx("p", { children: l.closingMessage })
|
|
3342
3372
|
]
|
|
@@ -3354,8 +3384,8 @@ function BookingOtpEmail({
|
|
|
3354
3384
|
"div",
|
|
3355
3385
|
{
|
|
3356
3386
|
style: {
|
|
3357
|
-
fontFamily:
|
|
3358
|
-
color:
|
|
3387
|
+
fontFamily: emailTokens.fontFamily,
|
|
3388
|
+
color: emailTokens.foreground,
|
|
3359
3389
|
maxWidth: "600px",
|
|
3360
3390
|
margin: "0 auto",
|
|
3361
3391
|
padding: "24px"
|
|
@@ -3385,7 +3415,7 @@ function BookingOtpEmail({
|
|
|
3385
3415
|
"p",
|
|
3386
3416
|
{
|
|
3387
3417
|
style: {
|
|
3388
|
-
color:
|
|
3418
|
+
color: emailTokens.mutedForeground,
|
|
3389
3419
|
fontSize: "14px",
|
|
3390
3420
|
lineHeight: "1.5",
|
|
3391
3421
|
margin: "0"
|
|
@@ -3413,8 +3443,8 @@ function TravellerFormInviteEmail({
|
|
|
3413
3443
|
"div",
|
|
3414
3444
|
{
|
|
3415
3445
|
style: {
|
|
3416
|
-
fontFamily:
|
|
3417
|
-
color:
|
|
3446
|
+
fontFamily: emailTokens.fontFamily,
|
|
3447
|
+
color: emailTokens.foreground,
|
|
3418
3448
|
maxWidth: "600px",
|
|
3419
3449
|
margin: "0 auto",
|
|
3420
3450
|
padding: "24px"
|
|
@@ -3439,7 +3469,7 @@ function TravellerFormInviteEmail({
|
|
|
3439
3469
|
style: {
|
|
3440
3470
|
display: "block",
|
|
3441
3471
|
fontSize: "13px",
|
|
3442
|
-
color:
|
|
3472
|
+
color: emailTokens.mutedForeground,
|
|
3443
3473
|
marginBottom: "4px"
|
|
3444
3474
|
},
|
|
3445
3475
|
children: link.adventureName
|
|
@@ -3451,8 +3481,8 @@ function TravellerFormInviteEmail({
|
|
|
3451
3481
|
href: link.url,
|
|
3452
3482
|
style: {
|
|
3453
3483
|
display: "inline-block",
|
|
3454
|
-
backgroundColor:
|
|
3455
|
-
color:
|
|
3484
|
+
backgroundColor: emailTokens.primary,
|
|
3485
|
+
color: emailTokens.primaryForeground,
|
|
3456
3486
|
fontSize: "14px",
|
|
3457
3487
|
fontWeight: "600",
|
|
3458
3488
|
textDecoration: "none",
|
|
@@ -3467,7 +3497,7 @@ function TravellerFormInviteEmail({
|
|
|
3467
3497
|
"p",
|
|
3468
3498
|
{
|
|
3469
3499
|
style: {
|
|
3470
|
-
color:
|
|
3500
|
+
color: emailTokens.mutedForeground,
|
|
3471
3501
|
fontSize: "13px",
|
|
3472
3502
|
lineHeight: "1.5",
|
|
3473
3503
|
margin: "0 0 16px"
|
|
@@ -8174,6 +8204,6 @@ function LeadCapturePopup({
|
|
|
8174
8204
|
);
|
|
8175
8205
|
}
|
|
8176
8206
|
|
|
8177
|
-
export { ActivityCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, FilterPanel, FloatingInput, FloatingSelect, Itinerary, LeadCapturePopup, MenuTrip, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TermsSection, ThemeToggle, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, buttonVariants, cn, getStripeAppearance, stripeAppearance };
|
|
8207
|
+
export { ActivityCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, FilterPanel, FloatingInput, FloatingSelect, Itinerary, LeadCapturePopup, MenuTrip, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TermsSection, ThemeToggle, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance };
|
|
8178
8208
|
//# sourceMappingURL=index.js.map
|
|
8179
8209
|
//# sourceMappingURL=index.js.map
|