@planetaexo/design-system 0.3.20 → 0.4.0
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 +339 -182
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +49 -1
- package/dist/index.d.ts +49 -1
- package/dist/index.js +338 -183
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2100,7 +2100,7 @@ function Offer({
|
|
|
2100
2100
|
if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
|
|
2101
2101
|
onContinue == null ? void 0 : onContinue();
|
|
2102
2102
|
};
|
|
2103
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col gap-6 pb-20 lg:pb-
|
|
2103
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col gap-6 pb-20 lg:pb-12", className), children: [
|
|
2104
2104
|
/* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "w-[150px] h-auto object-contain mx-auto block" }),
|
|
2105
2105
|
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-black text-foreground font-heading leading-tight", children: title }),
|
|
2106
2106
|
subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground font-sans space-y-1 leading-relaxed", children: subtitle }),
|
|
@@ -2950,94 +2950,120 @@ function BookingConfirmation({
|
|
|
2950
2950
|
var _a;
|
|
2951
2951
|
return (_a = a.travellers) != null ? _a : [];
|
|
2952
2952
|
});
|
|
2953
|
-
const
|
|
2954
|
-
"
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
"
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
children: l.ctaButton
|
|
2966
|
-
}
|
|
2967
|
-
);
|
|
2953
|
+
const ctaStyle = {
|
|
2954
|
+
display: "inline-block",
|
|
2955
|
+
backgroundColor: "#0ea5e9",
|
|
2956
|
+
color: "#ffffff",
|
|
2957
|
+
padding: "14px 32px",
|
|
2958
|
+
borderRadius: "8px",
|
|
2959
|
+
fontSize: "14px",
|
|
2960
|
+
fontWeight: "700",
|
|
2961
|
+
textDecoration: "none",
|
|
2962
|
+
fontFamily: "Arial, Helvetica, sans-serif"
|
|
2963
|
+
};
|
|
2964
|
+
const ViewBookingCta = viewBookingUrl ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: viewBookingUrl, style: ctaStyle, children: l.ctaButton }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: ctaStyle, role: "presentation", children: l.ctaButton });
|
|
2968
2965
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2969
2966
|
"div",
|
|
2970
2967
|
{
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
|
|
2968
|
+
style: {
|
|
2969
|
+
maxWidth: "576px",
|
|
2970
|
+
margin: "0 auto",
|
|
2971
|
+
backgroundColor: "#ffffff",
|
|
2972
|
+
color: "#0f172a",
|
|
2973
|
+
fontFamily: "Arial, Helvetica, sans-serif",
|
|
2974
|
+
fontSize: "16px",
|
|
2975
|
+
lineHeight: "1.6"
|
|
2976
|
+
},
|
|
2977
|
+
className,
|
|
2975
2978
|
children: [
|
|
2976
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
2979
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingTop: "40px", paddingBottom: "32px", textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2977
2980
|
"img",
|
|
2978
2981
|
{
|
|
2979
2982
|
src: logoUrl,
|
|
2980
2983
|
alt: l.logoAlt,
|
|
2981
|
-
|
|
2984
|
+
style: { height: "70px", width: "auto", objectFit: "contain" }
|
|
2982
2985
|
}
|
|
2983
2986
|
) }),
|
|
2984
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
2985
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
2986
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
2987
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
2988
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
2987
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px" }, children: [
|
|
2988
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "20px", fontSize: "16px" }, children: l.greeting(recipientName) }),
|
|
2989
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "20px", fontSize: "16px" }, children: l.confirmationMessage }),
|
|
2990
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "32px", fontSize: "16px" }, children: l.detailsIntro }),
|
|
2991
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "40px" }, children: ViewBookingCta })
|
|
2989
2992
|
] }),
|
|
2990
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
2991
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
2992
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
2993
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
2994
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
2995
|
-
|
|
2993
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", margin: "0 32px" } }),
|
|
2994
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: [
|
|
2995
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color: "#0f172a", fontSize: "18px", fontFamily: "Arial, Helvetica, sans-serif" }, children: l.nextStepsHeading }),
|
|
2996
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { borderRadius: "12px", border: "1px solid #e2e8f0", padding: "20px", display: "flex", flexDirection: "column", gap: "16px" }, children: l.nextSteps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "14px" }, children: [
|
|
2997
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: {
|
|
2998
|
+
display: "flex",
|
|
2999
|
+
height: "24px",
|
|
3000
|
+
width: "24px",
|
|
3001
|
+
flexShrink: 0,
|
|
3002
|
+
alignItems: "center",
|
|
3003
|
+
justifyContent: "center",
|
|
3004
|
+
borderRadius: "9999px",
|
|
3005
|
+
backgroundColor: "#e0f2fe",
|
|
3006
|
+
fontSize: "12px",
|
|
3007
|
+
fontWeight: "700",
|
|
3008
|
+
color: "#0ea5e9",
|
|
3009
|
+
marginTop: "2px"
|
|
3010
|
+
}, children: i + 1 }),
|
|
3011
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", color: "#334155", lineHeight: "1.6", margin: 0 }, children: step })
|
|
2996
3012
|
] }, i)) })
|
|
2997
3013
|
] }),
|
|
2998
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
2999
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3000
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3001
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3002
|
-
/* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3003
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3004
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3014
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", margin: "0 32px" } }),
|
|
3015
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: [
|
|
3016
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color: "#0f172a", fontSize: "18px", fontFamily: "Arial, Helvetica, sans-serif" }, children: l.bookingSummaryHeading }),
|
|
3017
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { borderRadius: "12px", border: "1px solid #e2e8f0", overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
|
|
3018
|
+
/* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #e2e8f0" }, children: [
|
|
3019
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", color: "#64748b", backgroundColor: "#f8fafc" }, children: l.bookingNumberLabel }),
|
|
3020
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", fontWeight: "600", color: "#0ea5e9" }, children: bookingReference })
|
|
3005
3021
|
] }),
|
|
3006
|
-
/* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3007
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3008
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3022
|
+
/* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #e2e8f0" }, children: [
|
|
3023
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", color: "#64748b", backgroundColor: "#f8fafc" }, children: l.adventuresLabel }),
|
|
3024
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: "#0f172a" }, children: adventures.length })
|
|
3009
3025
|
] }),
|
|
3010
|
-
/* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3011
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3012
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3026
|
+
/* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #e2e8f0" }, children: [
|
|
3027
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", color: "#64748b", backgroundColor: "#f8fafc" }, children: l.totalTravellersLabel }),
|
|
3028
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: "#0f172a" }, children: allTravellers.length })
|
|
3013
3029
|
] }),
|
|
3014
3030
|
/* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
|
|
3015
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3016
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3031
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", color: "#64748b", backgroundColor: "#f8fafc" }, children: l.agentLabel }),
|
|
3032
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "12px 20px", fontWeight: "500", color: "#0f172a" }, children: agent })
|
|
3017
3033
|
] })
|
|
3018
3034
|
] }) }) })
|
|
3019
3035
|
] }),
|
|
3020
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
3021
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3036
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", margin: "0 32px" } }),
|
|
3037
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px", display: "flex", flexDirection: "column", gap: "24px" }, children: adventures.map((adventure) => {
|
|
3022
3038
|
var _a;
|
|
3023
3039
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3024
3040
|
"div",
|
|
3025
3041
|
{
|
|
3026
|
-
|
|
3042
|
+
style: { borderRadius: "16px", border: "1px solid #e2e8f0", backgroundColor: "#ffffff", overflow: "hidden" },
|
|
3027
3043
|
children: [
|
|
3028
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3044
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { aspectRatio: "16/7", overflow: "hidden", backgroundColor: "#f8fafc" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3029
3045
|
"img",
|
|
3030
3046
|
{
|
|
3031
3047
|
src: adventure.image,
|
|
3032
3048
|
alt: (_a = adventure.imageAlt) != null ? _a : adventure.title,
|
|
3033
|
-
|
|
3049
|
+
style: { width: "100%", height: "100%", objectFit: "cover" }
|
|
3034
3050
|
}
|
|
3035
3051
|
) }),
|
|
3036
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3037
|
-
adventure.reference && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3052
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "20px", display: "flex", flexDirection: "column", gap: "10px" }, children: [
|
|
3053
|
+
adventure.reference && /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
|
|
3054
|
+
display: "inline-block",
|
|
3055
|
+
backgroundColor: "#e0f2fe",
|
|
3056
|
+
color: "#0ea5e9",
|
|
3057
|
+
padding: "2px 8px",
|
|
3058
|
+
borderRadius: "6px",
|
|
3059
|
+
fontSize: "12px",
|
|
3060
|
+
fontWeight: "600",
|
|
3061
|
+
letterSpacing: "0.05em",
|
|
3062
|
+
alignSelf: "flex-start"
|
|
3063
|
+
}, children: adventure.reference }),
|
|
3064
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "20px", fontWeight: "700", color: "#0f172a", lineHeight: "1.3", marginTop: "2px", margin: 0 }, children: adventure.title }),
|
|
3065
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: "#64748b", margin: 0, lineHeight: 1 }, children: [
|
|
3066
|
+
/* @__PURE__ */ jsxRuntime.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: [
|
|
3041
3067
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }),
|
|
3042
3068
|
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }),
|
|
3043
3069
|
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }),
|
|
@@ -3047,15 +3073,15 @@ function BookingConfirmation({
|
|
|
3047
3073
|
" \u2192 ",
|
|
3048
3074
|
adventure.dateTo
|
|
3049
3075
|
] }),
|
|
3050
|
-
adventure.location && /* @__PURE__ */ jsxRuntime.jsxs("p", {
|
|
3051
|
-
/* @__PURE__ */ jsxRuntime.jsxs("svg", {
|
|
3076
|
+
adventure.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: "#64748b", margin: 0, lineHeight: 1 }, children: [
|
|
3077
|
+
/* @__PURE__ */ jsxRuntime.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: [
|
|
3052
3078
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
|
|
3053
3079
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "3" })
|
|
3054
3080
|
] }),
|
|
3055
3081
|
adventure.location
|
|
3056
3082
|
] }),
|
|
3057
|
-
adventure.slots && /* @__PURE__ */ jsxRuntime.jsxs("p", {
|
|
3058
|
-
/* @__PURE__ */ jsxRuntime.jsxs("svg", {
|
|
3083
|
+
adventure.slots && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: "#64748b", margin: 0, lineHeight: 1 }, children: [
|
|
3084
|
+
/* @__PURE__ */ jsxRuntime.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: [
|
|
3059
3085
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
|
|
3060
3086
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
|
|
3061
3087
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
|
|
@@ -3066,28 +3092,28 @@ function BookingConfirmation({
|
|
|
3066
3092
|
adventure.slots.children ? `${adventure.slots.children} ${l.childrenUnit}` : null
|
|
3067
3093
|
].filter(Boolean).join(" \xB7 ")
|
|
3068
3094
|
] }),
|
|
3069
|
-
adventure.partner && /* @__PURE__ */ jsxRuntime.jsxs("p", {
|
|
3070
|
-
/* @__PURE__ */ jsxRuntime.jsxs("svg", {
|
|
3095
|
+
adventure.partner && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "14px", color: "#64748b", margin: 0, lineHeight: 1 }, children: [
|
|
3096
|
+
/* @__PURE__ */ jsxRuntime.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: [
|
|
3071
3097
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
3072
3098
|
/* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76" })
|
|
3073
3099
|
] }),
|
|
3074
3100
|
adventure.partner
|
|
3075
3101
|
] }),
|
|
3076
3102
|
adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3077
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
3103
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", marginTop: "4px", marginBottom: "4px" } }),
|
|
3078
3104
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3079
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3080
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3105
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: "#64748b", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "8px", margin: "0 0 8px 0" }, children: l.travellersLabel }),
|
|
3106
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: adventure.travellers.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3081
3107
|
"div",
|
|
3082
3108
|
{
|
|
3083
|
-
|
|
3109
|
+
style: { display: "flex", alignItems: "center", justifyContent: "space-between" },
|
|
3084
3110
|
children: [
|
|
3085
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", {
|
|
3111
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "14px", fontWeight: "500", color: "#0f172a" }, children: [
|
|
3086
3112
|
t.firstName,
|
|
3087
3113
|
" ",
|
|
3088
3114
|
t.lastName
|
|
3089
3115
|
] }),
|
|
3090
|
-
t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
3116
|
+
t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "10px", fontWeight: "600", color: "#64748b", backgroundColor: "#f8fafc", borderRadius: "9999px", padding: "2px 8px", textTransform: "uppercase", letterSpacing: "0.05em" }, children: l.childBadge })
|
|
3091
3117
|
]
|
|
3092
3118
|
},
|
|
3093
3119
|
t.id
|
|
@@ -3095,34 +3121,34 @@ function BookingConfirmation({
|
|
|
3095
3121
|
] })
|
|
3096
3122
|
] }),
|
|
3097
3123
|
adventure.description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3098
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
3124
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", marginTop: "4px", marginBottom: "4px" } }),
|
|
3099
3125
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3100
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3101
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3126
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: "#64748b", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "8px", margin: "0 0 8px 0" }, children: l.itineraryLabel }),
|
|
3127
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", color: "#334155", lineHeight: "1.6", margin: 0 }, children: adventure.description })
|
|
3102
3128
|
] })
|
|
3103
3129
|
] }),
|
|
3104
|
-
adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3105
|
-
/* @__PURE__ */ jsxRuntime.jsx("h4", {
|
|
3106
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", {
|
|
3130
|
+
adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginTop: "4px" }, children: [
|
|
3131
|
+
/* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: "#0f172a", margin: 0 }, children: l.includedLabel }),
|
|
3132
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { style: { display: "flex", flexDirection: "column", gap: "6px", margin: 0, padding: 0, listStyle: "none" }, children: adventure.included.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3107
3133
|
"li",
|
|
3108
3134
|
{
|
|
3109
|
-
|
|
3135
|
+
style: { display: "flex", alignItems: "flex-start", gap: "8px", fontSize: "14px", color: "#334155" },
|
|
3110
3136
|
children: [
|
|
3111
|
-
/* @__PURE__ */ jsxRuntime.jsx("svg", {
|
|
3137
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { style: { width: "16px", height: "16px", color: "#0ea5e9", 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__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
|
|
3112
3138
|
item
|
|
3113
3139
|
]
|
|
3114
3140
|
},
|
|
3115
3141
|
i
|
|
3116
3142
|
)) })
|
|
3117
3143
|
] }),
|
|
3118
|
-
adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3119
|
-
/* @__PURE__ */ jsxRuntime.jsx("h4", {
|
|
3120
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", {
|
|
3144
|
+
adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "10px", marginTop: "4px" }, children: [
|
|
3145
|
+
/* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontSize: "14px", fontWeight: "700", color: "#0f172a", margin: 0 }, children: l.notIncludedLabel }),
|
|
3146
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { style: { display: "flex", flexDirection: "column", gap: "6px", margin: 0, padding: 0, listStyle: "none" }, children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3121
3147
|
"li",
|
|
3122
3148
|
{
|
|
3123
|
-
|
|
3149
|
+
style: { display: "flex", alignItems: "flex-start", gap: "8px", fontSize: "14px", color: "#334155" },
|
|
3124
3150
|
children: [
|
|
3125
|
-
/* @__PURE__ */ jsxRuntime.jsxs("svg", {
|
|
3151
|
+
/* @__PURE__ */ jsxRuntime.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: [
|
|
3126
3152
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
|
|
3127
3153
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
|
|
3128
3154
|
] }),
|
|
@@ -3133,23 +3159,25 @@ function BookingConfirmation({
|
|
|
3133
3159
|
)) })
|
|
3134
3160
|
] }),
|
|
3135
3161
|
adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3136
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
3162
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", marginTop: "4px", marginBottom: "4px" } }),
|
|
3137
3163
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3138
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3139
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3164
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: "#64748b", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: "8px", margin: "0 0 8px 0" }, children: l.pricingLabel }),
|
|
3165
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
|
|
3140
3166
|
adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3141
3167
|
"div",
|
|
3142
3168
|
{
|
|
3143
|
-
|
|
3169
|
+
style: { display: "flex", alignItems: "center", justifyContent: "space-between" },
|
|
3144
3170
|
children: [
|
|
3145
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
3171
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px", color: "#64748b" }, children: item.label }),
|
|
3146
3172
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3147
3173
|
"span",
|
|
3148
3174
|
{
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3152
|
-
|
|
3175
|
+
style: {
|
|
3176
|
+
fontSize: "14px",
|
|
3177
|
+
fontWeight: "500",
|
|
3178
|
+
whiteSpace: "nowrap",
|
|
3179
|
+
color: item.isDiscount ? "#16a34a" : "#0f172a"
|
|
3180
|
+
},
|
|
3153
3181
|
children: [
|
|
3154
3182
|
item.isDiscount ? "\u2212" : "",
|
|
3155
3183
|
item.price
|
|
@@ -3160,9 +3188,9 @@ function BookingConfirmation({
|
|
|
3160
3188
|
},
|
|
3161
3189
|
j
|
|
3162
3190
|
)),
|
|
3163
|
-
adventure.subtotal && /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3164
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
3165
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
3191
|
+
adventure.subtotal && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", paddingTop: "8px", marginTop: "4px", borderTop: "1px solid #e2e8f0" }, children: [
|
|
3192
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px", fontWeight: "700", color: "#0f172a" }, children: l.subtotalLabel }),
|
|
3193
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px", fontWeight: "700", color: "#0f172a", whiteSpace: "nowrap" }, children: adventure.subtotal })
|
|
3166
3194
|
] })
|
|
3167
3195
|
] })
|
|
3168
3196
|
] })
|
|
@@ -3173,19 +3201,22 @@ function BookingConfirmation({
|
|
|
3173
3201
|
adventure.id
|
|
3174
3202
|
);
|
|
3175
3203
|
}) }),
|
|
3176
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
3177
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3178
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3179
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3180
|
-
summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3181
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3204
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", margin: "0 32px" } }),
|
|
3205
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "32px" }, children: [
|
|
3206
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "20px", fontWeight: "700", color: "#0f172a", fontSize: "18px", fontFamily: "Arial, Helvetica, sans-serif" }, children: l.paymentSummaryHeading }),
|
|
3207
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { borderRadius: "12px", border: "1px solid #e2e8f0", overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
|
|
3208
|
+
summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #e2e8f0" }, children: [
|
|
3209
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: "#64748b" }, children: item.label }),
|
|
3182
3210
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3183
3211
|
"td",
|
|
3184
3212
|
{
|
|
3185
|
-
|
|
3186
|
-
"
|
|
3187
|
-
|
|
3188
|
-
|
|
3213
|
+
style: {
|
|
3214
|
+
padding: "10px 16px",
|
|
3215
|
+
textAlign: "right",
|
|
3216
|
+
fontWeight: "500",
|
|
3217
|
+
whiteSpace: "nowrap",
|
|
3218
|
+
color: item.isDiscount ? "#16a34a" : "#0f172a"
|
|
3219
|
+
},
|
|
3189
3220
|
children: [
|
|
3190
3221
|
item.isDiscount ? "\u2212" : "",
|
|
3191
3222
|
item.price
|
|
@@ -3193,35 +3224,33 @@ function BookingConfirmation({
|
|
|
3193
3224
|
}
|
|
3194
3225
|
)
|
|
3195
3226
|
] }, i)),
|
|
3196
|
-
subtotal && /* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3197
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3198
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3227
|
+
subtotal && /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #e2e8f0" }, children: [
|
|
3228
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: "#64748b" }, children: l.subtotalLabel }),
|
|
3229
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: "#0f172a", whiteSpace: "nowrap" }, children: subtotal })
|
|
3199
3230
|
] }),
|
|
3200
|
-
/* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3201
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3202
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3231
|
+
/* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { backgroundColor: "#f8fafc" }, children: [
|
|
3232
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "16px", fontWeight: "700", color: "#0f172a", fontSize: "16px" }, children: l.totalLabel }),
|
|
3233
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "16px", textAlign: "right", fontWeight: "700", color: "#0ea5e9", fontSize: "20px", whiteSpace: "nowrap" }, children: total })
|
|
3203
3234
|
] })
|
|
3204
3235
|
] }) }) }),
|
|
3205
|
-
depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3206
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3207
|
-
/* @__PURE__ */ jsxRuntime.jsx("table", {
|
|
3208
|
-
/* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3209
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3210
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3236
|
+
depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { borderRadius: "12px", border: "1px solid #e2e8f0", marginTop: "16px", overflow: "hidden" }, children: [
|
|
3237
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "12px 16px", backgroundColor: "#f8fafc", borderBottom: "1px solid #e2e8f0" }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: "#64748b", textTransform: "uppercase", letterSpacing: "0.1em", margin: 0 }, children: l.paymentDetailsHeading }) }),
|
|
3238
|
+
/* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
|
|
3239
|
+
/* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #e2e8f0" }, children: [
|
|
3240
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: "#64748b" }, children: l.depositLabel(depositInfo.depositPercent) }),
|
|
3241
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: "#0f172a", whiteSpace: "nowrap" }, children: depositInfo.depositAmount })
|
|
3211
3242
|
] }),
|
|
3212
|
-
/* @__PURE__ */ jsxRuntime.jsxs("tr", {
|
|
3213
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3214
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3243
|
+
/* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: "1px solid #e2e8f0" }, children: [
|
|
3244
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: "#64748b" }, children: l.remainingBalanceLabel }),
|
|
3245
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: "#0f172a", whiteSpace: "nowrap" }, children: depositInfo.remainingAmount })
|
|
3215
3246
|
] }),
|
|
3216
3247
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3217
3248
|
"tr",
|
|
3218
3249
|
{
|
|
3219
|
-
|
|
3220
|
-
depositInfo.isPaidInFull && "border-b border-border"
|
|
3221
|
-
),
|
|
3250
|
+
style: depositInfo.isPaidInFull ? { borderBottom: "1px solid #e2e8f0" } : {},
|
|
3222
3251
|
children: [
|
|
3223
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3224
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
3252
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: "#64748b" }, children: l.balanceDueLabel }),
|
|
3253
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: "#0f172a", whiteSpace: "nowrap" }, children: depositInfo.balanceDueDate })
|
|
3225
3254
|
]
|
|
3226
3255
|
}
|
|
3227
3256
|
),
|
|
@@ -3229,17 +3258,17 @@ function BookingConfirmation({
|
|
|
3229
3258
|
"td",
|
|
3230
3259
|
{
|
|
3231
3260
|
colSpan: 2,
|
|
3232
|
-
|
|
3261
|
+
style: { padding: "12px 16px", textAlign: "center", fontWeight: "600", color: "#16a34a", backgroundColor: "#f0fdf4" },
|
|
3233
3262
|
children: l.paidInFullLabel
|
|
3234
3263
|
}
|
|
3235
3264
|
) })
|
|
3236
3265
|
] }) })
|
|
3237
3266
|
] })
|
|
3238
3267
|
] }),
|
|
3239
|
-
/* @__PURE__ */ jsxRuntime.jsx("hr", {
|
|
3240
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3241
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3242
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3268
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", margin: "0 32px" } }),
|
|
3269
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "40px" }, children: [
|
|
3270
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "20px", fontSize: "16px" }, children: l.footerMessage }),
|
|
3271
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "16px" }, children: l.footerContact(agent) })
|
|
3243
3272
|
] })
|
|
3244
3273
|
]
|
|
3245
3274
|
}
|
|
@@ -3276,72 +3305,198 @@ function BookingConfirmationEmail({
|
|
|
3276
3305
|
className
|
|
3277
3306
|
}) {
|
|
3278
3307
|
const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
|
|
3279
|
-
const
|
|
3280
|
-
"
|
|
3308
|
+
const ctaStyle = {
|
|
3309
|
+
display: "inline-block",
|
|
3310
|
+
backgroundColor: "#0ea5e9",
|
|
3311
|
+
color: "#ffffff",
|
|
3312
|
+
padding: "12px 24px",
|
|
3313
|
+
borderRadius: "8px",
|
|
3314
|
+
fontSize: "14px",
|
|
3315
|
+
fontWeight: "700",
|
|
3316
|
+
textDecoration: "none",
|
|
3317
|
+
fontFamily: "Arial, Helvetica, sans-serif"
|
|
3318
|
+
};
|
|
3319
|
+
const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: addTravellersUrl, style: ctaStyle, children: l.ctaButton }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: ctaStyle, role: "presentation", children: l.ctaButton });
|
|
3320
|
+
const tableRows = [
|
|
3321
|
+
{ label: l.bookingNumberLabel, value: bookingNumber },
|
|
3322
|
+
{ label: l.activityLabel, value: activity },
|
|
3323
|
+
{ label: l.adventureLabel, value: adventure },
|
|
3324
|
+
{ label: l.startingDateLabel, value: startingDate },
|
|
3325
|
+
{ label: l.numberOfPeopleLabel, value: String(numberOfPeople) },
|
|
3326
|
+
{ label: l.hostLabel, value: host }
|
|
3327
|
+
];
|
|
3328
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3329
|
+
"div",
|
|
3281
3330
|
{
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3331
|
+
style: {
|
|
3332
|
+
maxWidth: "576px",
|
|
3333
|
+
margin: "0 auto",
|
|
3334
|
+
backgroundColor: "#ffffff",
|
|
3335
|
+
color: "#0f172a",
|
|
3336
|
+
fontFamily: "Arial, Helvetica, sans-serif",
|
|
3337
|
+
fontSize: "16px",
|
|
3338
|
+
lineHeight: "1.6"
|
|
3339
|
+
},
|
|
3340
|
+
className,
|
|
3341
|
+
children: [
|
|
3342
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "32px", marginBottom: "32px", textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3343
|
+
"img",
|
|
3344
|
+
{
|
|
3345
|
+
src: logoUrl,
|
|
3346
|
+
alt: l.logoAlt,
|
|
3347
|
+
style: { height: "70px", width: "auto", objectFit: "contain" }
|
|
3348
|
+
}
|
|
3349
|
+
) }),
|
|
3350
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.greeting(recipientName) }),
|
|
3351
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.thankYouMessage }),
|
|
3352
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.addTravellersInstruction }),
|
|
3353
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "32px" }, children: AddTravellersCta }),
|
|
3354
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", marginBottom: "32px" } }),
|
|
3355
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontWeight: "700", color: "#0f172a", fontFamily: "Arial, Helvetica, sans-serif" }, children: l.summaryHeading }),
|
|
3356
|
+
/* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", fontSize: "14px", marginBottom: "32px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: tableRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: i > 0 ? { borderTop: "1px solid #e2e8f0" } : {}, children: [
|
|
3357
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "4px 16px 4px 0", color: "#64748b" }, children: row.label }),
|
|
3358
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "4px 0", fontWeight: "500", color: "#0f172a" }, children: row.value })
|
|
3359
|
+
] }, i)) }) }),
|
|
3360
|
+
/* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #e2e8f0", marginBottom: "32px" } }),
|
|
3361
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px" }, children: l.postCtaMessage }),
|
|
3362
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { children: l.closingMessage })
|
|
3363
|
+
]
|
|
3285
3364
|
}
|
|
3286
|
-
)
|
|
3287
|
-
|
|
3365
|
+
);
|
|
3366
|
+
}
|
|
3367
|
+
var DEFAULT_LOGO3 = "/logo-planetaexo.png";
|
|
3368
|
+
function BookingOtpEmail({
|
|
3369
|
+
bodyMessage,
|
|
3370
|
+
expiryMessage,
|
|
3371
|
+
logoUrl = DEFAULT_LOGO3,
|
|
3372
|
+
className
|
|
3373
|
+
}) {
|
|
3374
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3375
|
+
"div",
|
|
3288
3376
|
{
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3377
|
+
style: {
|
|
3378
|
+
fontFamily: "Arial, Helvetica, sans-serif",
|
|
3379
|
+
color: "#0f172a",
|
|
3380
|
+
maxWidth: "600px",
|
|
3381
|
+
margin: "0 auto",
|
|
3382
|
+
padding: "24px"
|
|
3383
|
+
},
|
|
3384
|
+
className,
|
|
3385
|
+
children: [
|
|
3386
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", marginBottom: "32px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3387
|
+
"img",
|
|
3388
|
+
{
|
|
3389
|
+
src: logoUrl,
|
|
3390
|
+
alt: "PlanetaEXO",
|
|
3391
|
+
style: { height: "56px", width: "auto" }
|
|
3392
|
+
}
|
|
3393
|
+
) }),
|
|
3394
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3395
|
+
"p",
|
|
3396
|
+
{
|
|
3397
|
+
style: {
|
|
3398
|
+
fontSize: "16px",
|
|
3399
|
+
lineHeight: "1.6",
|
|
3400
|
+
margin: "0 0 16px"
|
|
3401
|
+
},
|
|
3402
|
+
children: bodyMessage
|
|
3403
|
+
}
|
|
3404
|
+
),
|
|
3405
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3406
|
+
"p",
|
|
3407
|
+
{
|
|
3408
|
+
style: {
|
|
3409
|
+
color: "#64748b",
|
|
3410
|
+
fontSize: "14px",
|
|
3411
|
+
lineHeight: "1.5",
|
|
3412
|
+
margin: "0"
|
|
3413
|
+
},
|
|
3414
|
+
children: expiryMessage
|
|
3415
|
+
}
|
|
3416
|
+
)
|
|
3417
|
+
]
|
|
3292
3418
|
}
|
|
3293
3419
|
);
|
|
3420
|
+
}
|
|
3421
|
+
var DEFAULT_LOGO4 = "/logo-planetaexo.png";
|
|
3422
|
+
function TravellerFormInviteEmail({
|
|
3423
|
+
greeting,
|
|
3424
|
+
bodyIntro,
|
|
3425
|
+
bodyInstruction,
|
|
3426
|
+
links,
|
|
3427
|
+
ignoreNote,
|
|
3428
|
+
teamSignature,
|
|
3429
|
+
logoUrl = DEFAULT_LOGO4,
|
|
3430
|
+
buttonLabel = "Preencher formul\xE1rio",
|
|
3431
|
+
className
|
|
3432
|
+
}) {
|
|
3294
3433
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3295
3434
|
"div",
|
|
3296
3435
|
{
|
|
3297
|
-
|
|
3298
|
-
"
|
|
3299
|
-
|
|
3300
|
-
|
|
3436
|
+
style: {
|
|
3437
|
+
fontFamily: "Arial, Helvetica, sans-serif",
|
|
3438
|
+
color: "#0f172a",
|
|
3439
|
+
maxWidth: "600px",
|
|
3440
|
+
margin: "0 auto",
|
|
3441
|
+
padding: "24px"
|
|
3442
|
+
},
|
|
3443
|
+
className,
|
|
3301
3444
|
children: [
|
|
3302
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3445
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", marginBottom: "32px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3303
3446
|
"img",
|
|
3304
3447
|
{
|
|
3305
3448
|
src: logoUrl,
|
|
3306
|
-
alt:
|
|
3307
|
-
|
|
3449
|
+
alt: "PlanetaEXO",
|
|
3450
|
+
style: { height: "56px", width: "auto" }
|
|
3308
3451
|
}
|
|
3309
3452
|
) }),
|
|
3310
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3311
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3312
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", {
|
|
3313
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
|
|
3344
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3453
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "16px", lineHeight: "1.5", margin: "0 0 12px" }, children: greeting }),
|
|
3454
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "15px", lineHeight: "1.5", margin: "0 0 8px" }, children: bodyIntro }),
|
|
3455
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "15px", lineHeight: "1.5", margin: "0 0 20px" }, children: bodyInstruction }),
|
|
3456
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { style: { listStyle: "none", padding: 0, margin: "0 0 24px" }, children: links.map((link, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { marginBottom: "12px" }, children: [
|
|
3457
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3458
|
+
"span",
|
|
3459
|
+
{
|
|
3460
|
+
style: {
|
|
3461
|
+
display: "block",
|
|
3462
|
+
fontSize: "13px",
|
|
3463
|
+
color: "#64748b",
|
|
3464
|
+
marginBottom: "4px"
|
|
3465
|
+
},
|
|
3466
|
+
children: link.adventureName
|
|
3467
|
+
}
|
|
3468
|
+
),
|
|
3469
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3470
|
+
"a",
|
|
3471
|
+
{
|
|
3472
|
+
href: link.url,
|
|
3473
|
+
style: {
|
|
3474
|
+
display: "inline-block",
|
|
3475
|
+
backgroundColor: "#0ea5e9",
|
|
3476
|
+
color: "#ffffff",
|
|
3477
|
+
fontSize: "14px",
|
|
3478
|
+
fontWeight: "600",
|
|
3479
|
+
textDecoration: "none",
|
|
3480
|
+
padding: "10px 20px",
|
|
3481
|
+
borderRadius: "6px"
|
|
3482
|
+
},
|
|
3483
|
+
children: buttonLabel
|
|
3484
|
+
}
|
|
3485
|
+
)
|
|
3486
|
+
] }, i)) }),
|
|
3487
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3488
|
+
"p",
|
|
3489
|
+
{
|
|
3490
|
+
style: {
|
|
3491
|
+
color: "#64748b",
|
|
3492
|
+
fontSize: "13px",
|
|
3493
|
+
lineHeight: "1.5",
|
|
3494
|
+
margin: "0 0 16px"
|
|
3495
|
+
},
|
|
3496
|
+
children: ignoreNote
|
|
3497
|
+
}
|
|
3498
|
+
),
|
|
3499
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", lineHeight: "1.5", margin: "0" }, children: teamSignature })
|
|
3345
3500
|
]
|
|
3346
3501
|
}
|
|
3347
3502
|
);
|
|
@@ -8048,6 +8203,7 @@ exports.BookingConfirmationEmail = BookingConfirmationEmail;
|
|
|
8048
8203
|
exports.BookingConfirmedCard = BookingConfirmedCard;
|
|
8049
8204
|
exports.BookingDetails = BookingDetails;
|
|
8050
8205
|
exports.BookingForm = BookingForm;
|
|
8206
|
+
exports.BookingOtpEmail = BookingOtpEmail;
|
|
8051
8207
|
exports.BookingShell = BookingShell;
|
|
8052
8208
|
exports.Button = Button;
|
|
8053
8209
|
exports.COUNTRIES = COUNTRIES;
|
|
@@ -8075,6 +8231,7 @@ exports.RegistrationSuccessCard = RegistrationSuccessCard;
|
|
|
8075
8231
|
exports.SiteHeader = SiteHeader;
|
|
8076
8232
|
exports.TermsSection = TermsSection;
|
|
8077
8233
|
exports.ThemeToggle = ThemeToggle;
|
|
8234
|
+
exports.TravellerFormInviteEmail = TravellerFormInviteEmail;
|
|
8078
8235
|
exports.TripCard = TripCard;
|
|
8079
8236
|
exports.TripHeader = TripHeader;
|
|
8080
8237
|
exports.TripPage = TripPage;
|