@planetaexo/design-system 0.4.0 → 0.4.2
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 +245 -244
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +45 -1
- package/dist/index.d.ts +45 -1
- package/dist/index.js +244 -245
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2873,6 +2873,58 @@ 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
|
+
/**
|
|
2904
|
+
* Font stack — DM Sans (the DS brand font) with modern system-font
|
|
2905
|
+
* fallbacks. Clients that load Google Fonts (Apple Mail, Gmail web,
|
|
2906
|
+
* Outlook Mac) will render DM Sans; others fall back gracefully.
|
|
2907
|
+
*/
|
|
2908
|
+
fontFamily: "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
|
|
2909
|
+
};
|
|
2910
|
+
var DM_SANS_URL = "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";
|
|
2911
|
+
function wrapEmailHtml(content) {
|
|
2912
|
+
return `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2913
|
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt">
|
|
2914
|
+
<head>
|
|
2915
|
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
2916
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
2917
|
+
<!--[if !mso]><!-->
|
|
2918
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
2919
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
|
|
2920
|
+
<link href="${DM_SANS_URL}" rel="stylesheet" type="text/css" />
|
|
2921
|
+
<!--<![endif]-->
|
|
2922
|
+
</head>
|
|
2923
|
+
<body style="margin:0;padding:0;background-color:#f1f5f9;">
|
|
2924
|
+
${content}
|
|
2925
|
+
</body>
|
|
2926
|
+
</html>`;
|
|
2927
|
+
}
|
|
2876
2928
|
var DEFAULT_LABELS = {
|
|
2877
2929
|
ctaButton: "View booking details",
|
|
2878
2930
|
logoAlt: "PlanetaEXO",
|
|
@@ -2931,14 +2983,14 @@ function BookingConfirmation({
|
|
|
2931
2983
|
});
|
|
2932
2984
|
const ctaStyle = {
|
|
2933
2985
|
display: "inline-block",
|
|
2934
|
-
backgroundColor:
|
|
2935
|
-
color:
|
|
2986
|
+
backgroundColor: emailTokens.primary,
|
|
2987
|
+
color: emailTokens.primaryForeground,
|
|
2936
2988
|
padding: "14px 32px",
|
|
2937
2989
|
borderRadius: "8px",
|
|
2938
2990
|
fontSize: "14px",
|
|
2939
2991
|
fontWeight: "700",
|
|
2940
2992
|
textDecoration: "none",
|
|
2941
|
-
fontFamily:
|
|
2993
|
+
fontFamily: emailTokens.fontFamily
|
|
2942
2994
|
};
|
|
2943
2995
|
const ViewBookingCta = viewBookingUrl ? /* @__PURE__ */ jsx("a", { href: viewBookingUrl, style: ctaStyle, children: l.ctaButton }) : /* @__PURE__ */ jsx("span", { style: ctaStyle, role: "presentation", children: l.ctaButton });
|
|
2944
2996
|
return /* @__PURE__ */ jsxs(
|
|
@@ -2947,11 +2999,14 @@ function BookingConfirmation({
|
|
|
2947
2999
|
style: {
|
|
2948
3000
|
maxWidth: "576px",
|
|
2949
3001
|
margin: "0 auto",
|
|
2950
|
-
backgroundColor:
|
|
2951
|
-
color:
|
|
2952
|
-
fontFamily:
|
|
3002
|
+
backgroundColor: emailTokens.white,
|
|
3003
|
+
color: emailTokens.foreground,
|
|
3004
|
+
fontFamily: emailTokens.fontFamily,
|
|
2953
3005
|
fontSize: "16px",
|
|
2954
|
-
lineHeight: "1.6"
|
|
3006
|
+
lineHeight: "1.6",
|
|
3007
|
+
border: `1px solid ${emailTokens.border}`,
|
|
3008
|
+
borderRadius: "12px",
|
|
3009
|
+
overflow: "hidden"
|
|
2955
3010
|
},
|
|
2956
3011
|
className,
|
|
2957
3012
|
children: [
|
|
@@ -2964,215 +3019,174 @@ function BookingConfirmation({
|
|
|
2964
3019
|
}
|
|
2965
3020
|
) }),
|
|
2966
3021
|
/* @__PURE__ */ jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px" }, children: [
|
|
2967
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontSize: "16px" }, children: l.greeting(recipientName) }),
|
|
2968
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontSize: "16px" }, children: l.confirmationMessage }),
|
|
2969
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "32px", fontSize: "16px" }, children: l.detailsIntro }),
|
|
3022
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", marginTop: 0, fontSize: "16px" }, children: l.greeting(recipientName) }),
|
|
3023
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", marginTop: 0, fontSize: "16px" }, children: l.confirmationMessage }),
|
|
3024
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "32px", marginTop: 0, fontSize: "16px" }, children: l.detailsIntro }),
|
|
2970
3025
|
/* @__PURE__ */ jsx("div", { style: { marginBottom: "40px" }, children: ViewBookingCta })
|
|
2971
3026
|
] }),
|
|
2972
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3027
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
2973
3028
|
/* @__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:
|
|
2976
|
-
/* @__PURE__ */ jsx("span", { style: {
|
|
2977
|
-
display: "
|
|
3029
|
+
/* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: "20px", fontWeight: "700", color: emailTokens.foreground, fontSize: "18px", fontFamily: emailTokens.fontFamily }, children: l.nextStepsHeading }),
|
|
3030
|
+
/* @__PURE__ */ jsx("div", { style: { borderRadius: "12px", border: `1px solid ${emailTokens.border}`, padding: "20px" }, children: l.nextSteps.map((step, i) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: i < l.nextSteps.length - 1 ? "16px" : "0" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3031
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", width: "32px", paddingRight: "14px" }, children: /* @__PURE__ */ jsx("span", { style: {
|
|
3032
|
+
display: "inline-block",
|
|
2978
3033
|
height: "24px",
|
|
2979
3034
|
width: "24px",
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
justifyContent: "center",
|
|
3035
|
+
lineHeight: "24px",
|
|
3036
|
+
textAlign: "center",
|
|
2983
3037
|
borderRadius: "9999px",
|
|
2984
|
-
backgroundColor:
|
|
3038
|
+
backgroundColor: emailTokens.primaryLight,
|
|
2985
3039
|
fontSize: "12px",
|
|
2986
3040
|
fontWeight: "700",
|
|
2987
|
-
color:
|
|
3041
|
+
color: emailTokens.primary,
|
|
2988
3042
|
marginTop: "2px"
|
|
2989
|
-
}, children: i + 1 }),
|
|
2990
|
-
/* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color:
|
|
2991
|
-
] }, i)) })
|
|
3043
|
+
}, children: i + 1 }) }),
|
|
3044
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "top" }, children: /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: step }) })
|
|
3045
|
+
] }) }) }, i)) })
|
|
2992
3046
|
] }),
|
|
2993
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3047
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
2994
3048
|
/* @__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:
|
|
3049
|
+
/* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: "20px", fontWeight: "700", color: emailTokens.foreground, fontSize: "18px", fontFamily: emailTokens.fontFamily }, children: l.bookingSummaryHeading }),
|
|
3050
|
+
/* @__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: [
|
|
3051
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3052
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.bookingNumberLabel }),
|
|
3053
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "600", color: emailTokens.primary }, children: bookingReference })
|
|
3000
3054
|
] }),
|
|
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:
|
|
3055
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3056
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.adventuresLabel }),
|
|
3057
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: emailTokens.foreground }, children: adventures.length })
|
|
3004
3058
|
] }),
|
|
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:
|
|
3059
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3060
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.totalTravellersLabel }),
|
|
3061
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: emailTokens.foreground }, children: allTravellers.length })
|
|
3008
3062
|
] }),
|
|
3009
3063
|
/* @__PURE__ */ jsxs("tr", { children: [
|
|
3010
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color:
|
|
3011
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color:
|
|
3064
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", color: emailTokens.mutedForeground, backgroundColor: emailTokens.muted }, children: l.agentLabel }),
|
|
3065
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: emailTokens.foreground }, children: agent })
|
|
3012
3066
|
] })
|
|
3013
3067
|
] }) }) })
|
|
3014
3068
|
] }),
|
|
3015
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3016
|
-
/* @__PURE__ */ jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px"
|
|
3069
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
3070
|
+
/* @__PURE__ */ jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: adventures.map((adventure, adIdx) => {
|
|
3017
3071
|
var _a;
|
|
3018
3072
|
return /* @__PURE__ */ jsxs(
|
|
3019
3073
|
"div",
|
|
3020
3074
|
{
|
|
3021
|
-
style: {
|
|
3075
|
+
style: {
|
|
3076
|
+
borderRadius: "16px",
|
|
3077
|
+
border: `1px solid ${emailTokens.border}`,
|
|
3078
|
+
backgroundColor: emailTokens.white,
|
|
3079
|
+
overflow: "hidden",
|
|
3080
|
+
marginBottom: adIdx < adventures.length - 1 ? "24px" : "0"
|
|
3081
|
+
},
|
|
3022
3082
|
children: [
|
|
3023
|
-
/* @__PURE__ */ jsx("div", { style: {
|
|
3083
|
+
adventure.image && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", backgroundColor: emailTokens.muted }, children: /* @__PURE__ */ jsx(
|
|
3024
3084
|
"img",
|
|
3025
3085
|
{
|
|
3026
3086
|
src: adventure.image,
|
|
3027
3087
|
alt: (_a = adventure.imageAlt) != null ? _a : adventure.title,
|
|
3028
|
-
style: { width: "100%", height: "
|
|
3088
|
+
style: { width: "100%", height: "auto", display: "block" }
|
|
3029
3089
|
}
|
|
3030
3090
|
) }),
|
|
3031
|
-
/* @__PURE__ */ jsxs("div", { style: { padding: "20px"
|
|
3032
|
-
adventure.reference && /* @__PURE__ */ jsx("span", { style: {
|
|
3091
|
+
/* @__PURE__ */ jsxs("div", { style: { padding: "20px" }, children: [
|
|
3092
|
+
adventure.reference && /* @__PURE__ */ jsx("div", { style: { marginBottom: "10px" }, children: /* @__PURE__ */ jsx("span", { style: {
|
|
3033
3093
|
display: "inline-block",
|
|
3034
|
-
backgroundColor:
|
|
3035
|
-
color:
|
|
3094
|
+
backgroundColor: emailTokens.primaryLight,
|
|
3095
|
+
color: emailTokens.primary,
|
|
3036
3096
|
padding: "2px 8px",
|
|
3037
3097
|
borderRadius: "6px",
|
|
3038
3098
|
fontSize: "12px",
|
|
3039
3099
|
fontWeight: "600",
|
|
3040
|
-
letterSpacing: "0.05em"
|
|
3041
|
-
|
|
3042
|
-
}, children: adventure.
|
|
3043
|
-
/* @__PURE__ */ jsx("
|
|
3044
|
-
|
|
3045
|
-
/* @__PURE__ */ jsxs("svg", { style: { width: "14px", height: "14px", color: "#0ea5e9", 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: [
|
|
3100
|
+
letterSpacing: "0.05em"
|
|
3101
|
+
}, children: adventure.reference }) }),
|
|
3102
|
+
/* @__PURE__ */ jsx("h3", { style: { fontSize: "20px", fontWeight: "700", color: emailTokens.foreground, lineHeight: "1.3", margin: "0 0 10px 0" }, children: adventure.title }),
|
|
3103
|
+
/* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3104
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3046
3105
|
/* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }),
|
|
3047
3106
|
/* @__PURE__ */ jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }),
|
|
3048
3107
|
/* @__PURE__ */ jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }),
|
|
3049
3108
|
/* @__PURE__ */ jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })
|
|
3050
|
-
] }),
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3109
|
+
] }) }),
|
|
3110
|
+
/* @__PURE__ */ jsxs("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: [
|
|
3111
|
+
adventure.dateFrom,
|
|
3112
|
+
" \u2192 ",
|
|
3113
|
+
adventure.dateTo
|
|
3114
|
+
] })
|
|
3115
|
+
] }) }) }),
|
|
3116
|
+
adventure.location && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3117
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3057
3118
|
/* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
|
|
3058
3119
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
|
|
3059
|
-
] }),
|
|
3060
|
-
adventure.location
|
|
3061
|
-
] }),
|
|
3062
|
-
adventure.slots && /* @__PURE__ */
|
|
3063
|
-
/* @__PURE__ */
|
|
3120
|
+
] }) }),
|
|
3121
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: adventure.location })
|
|
3122
|
+
] }) }) }),
|
|
3123
|
+
adventure.slots && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3124
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3064
3125
|
/* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
|
|
3065
3126
|
/* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
|
|
3066
3127
|
/* @__PURE__ */ jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
|
|
3067
3128
|
/* @__PURE__ */ jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
|
|
3068
|
-
] }),
|
|
3069
|
-
[
|
|
3129
|
+
] }) }),
|
|
3130
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: [
|
|
3070
3131
|
adventure.slots.adults ? `${adventure.slots.adults} ${l.adultsUnit}` : null,
|
|
3071
3132
|
adventure.slots.children ? `${adventure.slots.children} ${l.childrenUnit}` : null
|
|
3072
|
-
].filter(Boolean).join(" \xB7 ")
|
|
3073
|
-
] }),
|
|
3074
|
-
adventure.partner && /* @__PURE__ */
|
|
3075
|
-
/* @__PURE__ */
|
|
3133
|
+
].filter(Boolean).join(" \xB7 ") })
|
|
3134
|
+
] }) }) }),
|
|
3135
|
+
adventure.partner && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", marginBottom: "10px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3136
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", paddingRight: "6px", width: "14px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "14px", height: "14px", color: emailTokens.primary }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
3076
3137
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
3077
3138
|
/* @__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
|
-
] }),
|
|
3079
|
-
adventure.partner
|
|
3139
|
+
] }) }),
|
|
3140
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground, lineHeight: "1" }, children: adventure.partner })
|
|
3141
|
+
] }) }) }),
|
|
3142
|
+
adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
|
|
3143
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
|
|
3144
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.travellersLabel }),
|
|
3145
|
+
adventure.travellers.map((traveller) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3146
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle" }, children: /* @__PURE__ */ jsxs("span", { style: { fontSize: "14px", fontWeight: "500", color: emailTokens.foreground }, children: [
|
|
3147
|
+
traveller.firstName,
|
|
3148
|
+
" ",
|
|
3149
|
+
traveller.lastName
|
|
3150
|
+
] }) }),
|
|
3151
|
+
traveller.isChild && /* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", textAlign: "right" }, children: /* @__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 }) })
|
|
3152
|
+
] }) }) }, traveller.id))
|
|
3080
3153
|
] }),
|
|
3081
|
-
adventure.
|
|
3082
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3083
|
-
/* @__PURE__ */
|
|
3084
|
-
|
|
3085
|
-
/* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: adventure.travellers.map((t) => /* @__PURE__ */ jsxs(
|
|
3086
|
-
"div",
|
|
3087
|
-
{
|
|
3088
|
-
style: { display: "flex", alignItems: "center", justifyContent: "space-between" },
|
|
3089
|
-
children: [
|
|
3090
|
-
/* @__PURE__ */ jsxs("span", { style: { fontSize: "14px", fontWeight: "500", color: "#0f172a" }, children: [
|
|
3091
|
-
t.firstName,
|
|
3092
|
-
" ",
|
|
3093
|
-
t.lastName
|
|
3094
|
-
] }),
|
|
3095
|
-
t.isChild && /* @__PURE__ */ jsx("span", { style: { fontSize: "10px", fontWeight: "600", color: "#64748b", backgroundColor: "#f8fafc", borderRadius: "9999px", padding: "2px 8px", textTransform: "uppercase", letterSpacing: "0.05em" }, children: l.childBadge })
|
|
3096
|
-
]
|
|
3097
|
-
},
|
|
3098
|
-
t.id
|
|
3099
|
-
)) })
|
|
3100
|
-
] })
|
|
3154
|
+
adventure.description && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
|
|
3155
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
|
|
3156
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.itineraryLabel }),
|
|
3157
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: adventure.description })
|
|
3101
3158
|
] }),
|
|
3102
|
-
adventure.
|
|
3103
|
-
/* @__PURE__ */ jsx("
|
|
3104
|
-
/* @__PURE__ */ jsxs("
|
|
3105
|
-
/* @__PURE__ */ jsx("
|
|
3106
|
-
/* @__PURE__ */ jsx("
|
|
3107
|
-
] })
|
|
3159
|
+
adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
|
|
3160
|
+
/* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.includedLabel }),
|
|
3161
|
+
adventure.included.map((item, i) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3162
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsx("svg", { style: { display: "block", width: "16px", height: "16px", color: emailTokens.primary, 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" }) }) }),
|
|
3163
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
|
|
3164
|
+
] }) }) }, i))
|
|
3108
3165
|
] }),
|
|
3109
|
-
adventure.
|
|
3110
|
-
/* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color:
|
|
3111
|
-
/* @__PURE__ */ jsx("
|
|
3112
|
-
"
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
]
|
|
3119
|
-
},
|
|
3120
|
-
i
|
|
3121
|
-
)) })
|
|
3122
|
-
] }),
|
|
3123
|
-
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: "#0f172a", margin: 0 }, children: l.notIncludedLabel }),
|
|
3125
|
-
/* @__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
|
-
"li",
|
|
3127
|
-
{
|
|
3128
|
-
style: { display: "flex", alignItems: "flex-start", gap: "8px", fontSize: "14px", color: "#334155" },
|
|
3129
|
-
children: [
|
|
3130
|
-
/* @__PURE__ */ jsxs("svg", { style: { width: "16px", height: "16px", color: "#dc2626", 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
|
-
/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
|
|
3132
|
-
/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
|
|
3133
|
-
] }),
|
|
3134
|
-
item
|
|
3135
|
-
]
|
|
3136
|
-
},
|
|
3137
|
-
i
|
|
3138
|
-
)) })
|
|
3166
|
+
adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
|
|
3167
|
+
/* @__PURE__ */ jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, margin: "0 0 8px 0" }, children: l.notIncludedLabel }),
|
|
3168
|
+
adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "6px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3169
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", paddingRight: "8px", width: "16px" }, children: /* @__PURE__ */ jsxs("svg", { style: { display: "block", width: "16px", height: "16px", color: emailTokens.destructive, 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: [
|
|
3170
|
+
/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
|
|
3171
|
+
/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
|
|
3172
|
+
] }) }),
|
|
3173
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "top", fontSize: "14px", color: emailTokens.bodyText }, children: item })
|
|
3174
|
+
] }) }) }, i))
|
|
3139
3175
|
] }),
|
|
3140
|
-
adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxs(
|
|
3141
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3142
|
-
/* @__PURE__ */
|
|
3143
|
-
|
|
3144
|
-
/* @__PURE__ */
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
style: { display: "flex", alignItems: "center", justifyContent: "space-between" },
|
|
3149
|
-
children: [
|
|
3150
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", color: "#64748b" }, children: item.label }),
|
|
3151
|
-
/* @__PURE__ */ jsxs(
|
|
3152
|
-
"span",
|
|
3153
|
-
{
|
|
3154
|
-
style: {
|
|
3155
|
-
fontSize: "14px",
|
|
3156
|
-
fontWeight: "500",
|
|
3157
|
-
whiteSpace: "nowrap",
|
|
3158
|
-
color: item.isDiscount ? "#16a34a" : "#0f172a"
|
|
3159
|
-
},
|
|
3160
|
-
children: [
|
|
3161
|
-
item.isDiscount ? "\u2212" : "",
|
|
3162
|
-
item.price
|
|
3163
|
-
]
|
|
3164
|
-
}
|
|
3165
|
-
)
|
|
3166
|
-
]
|
|
3167
|
-
},
|
|
3168
|
-
j
|
|
3169
|
-
)),
|
|
3170
|
-
adventure.subtotal && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", paddingTop: "8px", marginTop: "4px", borderTop: "1px solid #e2e8f0" }, children: [
|
|
3171
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: "700", color: "#0f172a" }, children: l.subtotalLabel }),
|
|
3172
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: "14px", fontWeight: "700", color: "#0f172a", whiteSpace: "nowrap" }, children: adventure.subtotal })
|
|
3173
|
-
] })
|
|
3176
|
+
adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "4px" }, children: [
|
|
3177
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "10px" } }),
|
|
3178
|
+
/* @__PURE__ */ jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: "0 0 8px 0" }, children: l.pricingLabel }),
|
|
3179
|
+
adventure.lineItems.map((item, j) => /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", marginBottom: "4px" }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3180
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", color: emailTokens.mutedForeground }, children: item.label }),
|
|
3181
|
+
/* @__PURE__ */ jsxs("td", { style: { verticalAlign: "middle", textAlign: "right", fontSize: "14px", fontWeight: "500", whiteSpace: "nowrap", color: item.isDiscount ? emailTokens.green : emailTokens.foreground }, children: [
|
|
3182
|
+
item.isDiscount ? "\u2212" : "",
|
|
3183
|
+
item.price
|
|
3174
3184
|
] })
|
|
3175
|
-
] })
|
|
3185
|
+
] }) }) }, j)),
|
|
3186
|
+
adventure.subtotal && /* @__PURE__ */ jsx("table", { cellPadding: "0", cellSpacing: "0", style: { borderCollapse: "collapse", width: "100%", paddingTop: "8px", marginTop: "4px", borderTop: `1px solid ${emailTokens.border}` }, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
3187
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", fontSize: "14px", fontWeight: "700", color: emailTokens.foreground }, children: l.subtotalLabel }),
|
|
3188
|
+
/* @__PURE__ */ jsx("td", { style: { verticalAlign: "middle", textAlign: "right", fontSize: "14px", fontWeight: "700", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: adventure.subtotal })
|
|
3189
|
+
] }) }) })
|
|
3176
3190
|
] })
|
|
3177
3191
|
] })
|
|
3178
3192
|
]
|
|
@@ -3180,74 +3194,49 @@ function BookingConfirmation({
|
|
|
3180
3194
|
adventure.id
|
|
3181
3195
|
);
|
|
3182
3196
|
}) }),
|
|
3183
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3197
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
3184
3198
|
/* @__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:
|
|
3189
|
-
/* @__PURE__ */ jsxs(
|
|
3190
|
-
"
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
padding: "10px 16px",
|
|
3194
|
-
textAlign: "right",
|
|
3195
|
-
fontWeight: "500",
|
|
3196
|
-
whiteSpace: "nowrap",
|
|
3197
|
-
color: item.isDiscount ? "#16a34a" : "#0f172a"
|
|
3198
|
-
},
|
|
3199
|
-
children: [
|
|
3200
|
-
item.isDiscount ? "\u2212" : "",
|
|
3201
|
-
item.price
|
|
3202
|
-
]
|
|
3203
|
-
}
|
|
3204
|
-
)
|
|
3199
|
+
/* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: "20px", fontWeight: "700", color: emailTokens.foreground, fontSize: "18px", fontFamily: emailTokens.fontFamily }, children: l.paymentSummaryHeading }),
|
|
3200
|
+
/* @__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: [
|
|
3201
|
+
summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3202
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: item.label }),
|
|
3203
|
+
/* @__PURE__ */ jsxs("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", whiteSpace: "nowrap", color: item.isDiscount ? emailTokens.green : emailTokens.foreground }, children: [
|
|
3204
|
+
item.isDiscount ? "\u2212" : "",
|
|
3205
|
+
item.price
|
|
3206
|
+
] })
|
|
3205
3207
|
] }, 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:
|
|
3208
|
+
subtotal && /* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3209
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.subtotalLabel }),
|
|
3210
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: subtotal })
|
|
3209
3211
|
] }),
|
|
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:
|
|
3212
|
+
/* @__PURE__ */ jsxs("tr", { style: { backgroundColor: emailTokens.muted }, children: [
|
|
3213
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "16px", fontWeight: "700", color: emailTokens.foreground, fontSize: "16px" }, children: l.totalLabel }),
|
|
3214
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "16px", textAlign: "right", fontWeight: "700", color: emailTokens.primary, fontSize: "20px", whiteSpace: "nowrap" }, children: total })
|
|
3213
3215
|
] })
|
|
3214
3216
|
] }) }) }),
|
|
3215
|
-
depositInfo && /* @__PURE__ */ jsxs("div", { style: { borderRadius: "12px", border:
|
|
3216
|
-
/* @__PURE__ */ jsx("div", { style: { padding: "12px 16px", backgroundColor:
|
|
3217
|
+
depositInfo && /* @__PURE__ */ jsxs("div", { style: { borderRadius: "12px", border: `1px solid ${emailTokens.border}`, marginTop: "16px", overflow: "hidden" }, children: [
|
|
3218
|
+
/* @__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
3219
|
/* @__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:
|
|
3220
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3221
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.depositLabel(depositInfo.depositPercent) }),
|
|
3222
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.depositAmount })
|
|
3221
3223
|
] }),
|
|
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:
|
|
3224
|
+
/* @__PURE__ */ jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
|
|
3225
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.remainingBalanceLabel }),
|
|
3226
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.remainingAmount })
|
|
3225
3227
|
] }),
|
|
3226
|
-
/* @__PURE__ */ jsxs(
|
|
3227
|
-
"
|
|
3228
|
-
{
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: "#64748b" }, children: l.balanceDueLabel }),
|
|
3232
|
-
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: "#0f172a", whiteSpace: "nowrap" }, children: depositInfo.balanceDueDate })
|
|
3233
|
-
]
|
|
3234
|
-
}
|
|
3235
|
-
),
|
|
3236
|
-
depositInfo.isPaidInFull && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
|
|
3237
|
-
"td",
|
|
3238
|
-
{
|
|
3239
|
-
colSpan: 2,
|
|
3240
|
-
style: { padding: "12px 16px", textAlign: "center", fontWeight: "600", color: "#16a34a", backgroundColor: "#f0fdf4" },
|
|
3241
|
-
children: l.paidInFullLabel
|
|
3242
|
-
}
|
|
3243
|
-
) })
|
|
3228
|
+
/* @__PURE__ */ jsxs("tr", { style: depositInfo.isPaidInFull ? { borderBottom: `1px solid ${emailTokens.border}` } : {}, children: [
|
|
3229
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.balanceDueLabel }),
|
|
3230
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.balanceDueDate })
|
|
3231
|
+
] }),
|
|
3232
|
+
depositInfo.isPaidInFull && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 2, style: { padding: "12px 16px", textAlign: "center", fontWeight: "600", color: emailTokens.green, backgroundColor: emailTokens.greenBg }, children: l.paidInFullLabel }) })
|
|
3244
3233
|
] }) })
|
|
3245
3234
|
] })
|
|
3246
3235
|
] }),
|
|
3247
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3236
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
|
|
3248
3237
|
/* @__PURE__ */ jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "40px" }, children: [
|
|
3249
|
-
/* @__PURE__ */ jsx("p", { style: { marginBottom: "20px", fontSize: "16px" }, children: l.footerMessage }),
|
|
3250
|
-
/* @__PURE__ */ jsx("p", { style: { fontSize: "16px" }, children: l.footerContact(agent) })
|
|
3238
|
+
/* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: "20px", fontSize: "16px" }, children: l.footerMessage }),
|
|
3239
|
+
/* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "16px" }, children: l.footerContact(agent) })
|
|
3251
3240
|
] })
|
|
3252
3241
|
]
|
|
3253
3242
|
}
|
|
@@ -3286,14 +3275,14 @@ function BookingConfirmationEmail({
|
|
|
3286
3275
|
const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
|
|
3287
3276
|
const ctaStyle = {
|
|
3288
3277
|
display: "inline-block",
|
|
3289
|
-
backgroundColor:
|
|
3290
|
-
color:
|
|
3278
|
+
backgroundColor: emailTokens.primary,
|
|
3279
|
+
color: emailTokens.primaryForeground,
|
|
3291
3280
|
padding: "12px 24px",
|
|
3292
3281
|
borderRadius: "8px",
|
|
3293
3282
|
fontSize: "14px",
|
|
3294
3283
|
fontWeight: "700",
|
|
3295
3284
|
textDecoration: "none",
|
|
3296
|
-
fontFamily:
|
|
3285
|
+
fontFamily: emailTokens.fontFamily
|
|
3297
3286
|
};
|
|
3298
3287
|
const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsx("a", { href: addTravellersUrl, style: ctaStyle, children: l.ctaButton }) : /* @__PURE__ */ jsx("span", { style: ctaStyle, role: "presentation", children: l.ctaButton });
|
|
3299
3288
|
const tableRows = [
|
|
@@ -3310,15 +3299,19 @@ function BookingConfirmationEmail({
|
|
|
3310
3299
|
style: {
|
|
3311
3300
|
maxWidth: "576px",
|
|
3312
3301
|
margin: "0 auto",
|
|
3313
|
-
backgroundColor:
|
|
3314
|
-
color:
|
|
3315
|
-
fontFamily:
|
|
3302
|
+
backgroundColor: emailTokens.white,
|
|
3303
|
+
color: emailTokens.foreground,
|
|
3304
|
+
fontFamily: emailTokens.fontFamily,
|
|
3316
3305
|
fontSize: "16px",
|
|
3317
|
-
lineHeight: "1.6"
|
|
3306
|
+
lineHeight: "1.6",
|
|
3307
|
+
border: `1px solid ${emailTokens.border}`,
|
|
3308
|
+
borderRadius: "12px",
|
|
3309
|
+
overflow: "hidden",
|
|
3310
|
+
padding: "32px"
|
|
3318
3311
|
},
|
|
3319
3312
|
className,
|
|
3320
3313
|
children: [
|
|
3321
|
-
/* @__PURE__ */ jsx("div", { style: { marginTop: "
|
|
3314
|
+
/* @__PURE__ */ jsx("div", { style: { marginTop: "0", marginBottom: "32px", textAlign: "center" }, children: /* @__PURE__ */ jsx(
|
|
3322
3315
|
"img",
|
|
3323
3316
|
{
|
|
3324
3317
|
src: logoUrl,
|
|
@@ -3330,13 +3323,13 @@ function BookingConfirmationEmail({
|
|
|
3330
3323
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.thankYouMessage }),
|
|
3331
3324
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.addTravellersInstruction }),
|
|
3332
3325
|
/* @__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:
|
|
3326
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "32px" } }),
|
|
3327
|
+
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontWeight: "700", color: emailTokens.foreground, fontFamily: emailTokens.fontFamily }, children: l.summaryHeading }),
|
|
3328
|
+
/* @__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: [
|
|
3329
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "4px 16px 4px 0", color: emailTokens.mutedForeground }, children: row.label }),
|
|
3330
|
+
/* @__PURE__ */ jsx("td", { style: { padding: "4px 0", fontWeight: "500", color: emailTokens.foreground }, children: row.value })
|
|
3338
3331
|
] }, i)) }) }),
|
|
3339
|
-
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop:
|
|
3332
|
+
/* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "32px" } }),
|
|
3340
3333
|
/* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.postCtaMessage }),
|
|
3341
3334
|
/* @__PURE__ */ jsx("p", { children: l.closingMessage })
|
|
3342
3335
|
]
|
|
@@ -3354,11 +3347,14 @@ function BookingOtpEmail({
|
|
|
3354
3347
|
"div",
|
|
3355
3348
|
{
|
|
3356
3349
|
style: {
|
|
3357
|
-
fontFamily:
|
|
3358
|
-
color:
|
|
3350
|
+
fontFamily: emailTokens.fontFamily,
|
|
3351
|
+
color: emailTokens.foreground,
|
|
3359
3352
|
maxWidth: "600px",
|
|
3360
3353
|
margin: "0 auto",
|
|
3361
|
-
padding: "
|
|
3354
|
+
padding: "32px",
|
|
3355
|
+
border: `1px solid ${emailTokens.border}`,
|
|
3356
|
+
borderRadius: "12px",
|
|
3357
|
+
backgroundColor: emailTokens.white
|
|
3362
3358
|
},
|
|
3363
3359
|
className,
|
|
3364
3360
|
children: [
|
|
@@ -3385,7 +3381,7 @@ function BookingOtpEmail({
|
|
|
3385
3381
|
"p",
|
|
3386
3382
|
{
|
|
3387
3383
|
style: {
|
|
3388
|
-
color:
|
|
3384
|
+
color: emailTokens.mutedForeground,
|
|
3389
3385
|
fontSize: "14px",
|
|
3390
3386
|
lineHeight: "1.5",
|
|
3391
3387
|
margin: "0"
|
|
@@ -3413,11 +3409,14 @@ function TravellerFormInviteEmail({
|
|
|
3413
3409
|
"div",
|
|
3414
3410
|
{
|
|
3415
3411
|
style: {
|
|
3416
|
-
fontFamily:
|
|
3417
|
-
color:
|
|
3412
|
+
fontFamily: emailTokens.fontFamily,
|
|
3413
|
+
color: emailTokens.foreground,
|
|
3418
3414
|
maxWidth: "600px",
|
|
3419
3415
|
margin: "0 auto",
|
|
3420
|
-
padding: "
|
|
3416
|
+
padding: "32px",
|
|
3417
|
+
border: `1px solid ${emailTokens.border}`,
|
|
3418
|
+
borderRadius: "12px",
|
|
3419
|
+
backgroundColor: emailTokens.white
|
|
3421
3420
|
},
|
|
3422
3421
|
className,
|
|
3423
3422
|
children: [
|
|
@@ -3439,7 +3438,7 @@ function TravellerFormInviteEmail({
|
|
|
3439
3438
|
style: {
|
|
3440
3439
|
display: "block",
|
|
3441
3440
|
fontSize: "13px",
|
|
3442
|
-
color:
|
|
3441
|
+
color: emailTokens.mutedForeground,
|
|
3443
3442
|
marginBottom: "4px"
|
|
3444
3443
|
},
|
|
3445
3444
|
children: link.adventureName
|
|
@@ -3451,8 +3450,8 @@ function TravellerFormInviteEmail({
|
|
|
3451
3450
|
href: link.url,
|
|
3452
3451
|
style: {
|
|
3453
3452
|
display: "inline-block",
|
|
3454
|
-
backgroundColor:
|
|
3455
|
-
color:
|
|
3453
|
+
backgroundColor: emailTokens.primary,
|
|
3454
|
+
color: emailTokens.primaryForeground,
|
|
3456
3455
|
fontSize: "14px",
|
|
3457
3456
|
fontWeight: "600",
|
|
3458
3457
|
textDecoration: "none",
|
|
@@ -3467,7 +3466,7 @@ function TravellerFormInviteEmail({
|
|
|
3467
3466
|
"p",
|
|
3468
3467
|
{
|
|
3469
3468
|
style: {
|
|
3470
|
-
color:
|
|
3469
|
+
color: emailTokens.mutedForeground,
|
|
3471
3470
|
fontSize: "13px",
|
|
3472
3471
|
lineHeight: "1.5",
|
|
3473
3472
|
margin: "0 0 16px"
|
|
@@ -8174,6 +8173,6 @@ function LeadCapturePopup({
|
|
|
8174
8173
|
);
|
|
8175
8174
|
}
|
|
8176
8175
|
|
|
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 };
|
|
8176
|
+
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, wrapEmailHtml };
|
|
8178
8177
|
//# sourceMappingURL=index.js.map
|
|
8179
8178
|
//# sourceMappingURL=index.js.map
|