@planetaexo/design-system 0.29.0 → 0.31.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.js CHANGED
@@ -4578,7 +4578,7 @@ var DEFAULT_LABELS3 = {
4578
4578
  footerContact: (agent) => `If you have any questions, just reply to this email or contact ${agent} \u2014 happy to help.`,
4579
4579
  closingMessage: "You can access your booking at any time through the link below."
4580
4580
  };
4581
- function BookingConfirmation({
4581
+ function BookingPaymentConfirmationEmail({
4582
4582
  recipientName,
4583
4583
  logoUrl,
4584
4584
  bookingReference,
@@ -4798,32 +4798,93 @@ function BookingConfirmation({
4798
4798
  }
4799
4799
  );
4800
4800
  }
4801
- function BookingSummary({ heading, rows, className }) {
4802
- return /* @__PURE__ */ jsxs("div", { className, style: { marginBottom: "32px" }, children: [
4801
+ function BookingSummary({ heading, rows, footer, className }) {
4802
+ var _a, _b;
4803
+ return /* @__PURE__ */ jsxs("div", { className, style: { marginBottom: "24px" }, children: [
4803
4804
  /* @__PURE__ */ jsx(
4804
4805
  "p",
4805
4806
  {
4806
4807
  style: {
4807
- marginBottom: "16px",
4808
- fontWeight: "700",
4808
+ marginBottom: "12px",
4809
+ fontWeight: 700,
4809
4810
  color: emailTokens.foreground,
4811
+ fontSize: "16px",
4810
4812
  fontFamily: emailTokens.fontFamily
4811
4813
  },
4812
4814
  children: heading
4813
4815
  }
4814
4816
  ),
4815
4817
  /* @__PURE__ */ jsx(
4816
- "table",
4818
+ "div",
4817
4819
  {
4818
4820
  style: {
4819
- width: "100%",
4820
- fontSize: "14px",
4821
- borderCollapse: "collapse"
4821
+ borderRadius: "12px",
4822
+ border: `1px solid ${emailTokens.border}`,
4823
+ overflow: "hidden"
4822
4824
  },
4823
- children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
4824
- /* @__PURE__ */ jsx("td", { style: { padding: "4px 16px 4px 0", color: emailTokens.mutedForeground }, children: row.label }),
4825
- /* @__PURE__ */ jsx("td", { style: { padding: "4px 0", fontWeight: "500", color: emailTokens.foreground }, children: row.value })
4826
- ] }, i)) })
4825
+ children: /* @__PURE__ */ jsx(
4826
+ "table",
4827
+ {
4828
+ style: {
4829
+ width: "100%",
4830
+ fontSize: "14px",
4831
+ borderCollapse: "collapse"
4832
+ },
4833
+ children: /* @__PURE__ */ jsxs("tbody", { children: [
4834
+ rows.map((row, i) => {
4835
+ var _a2;
4836
+ return /* @__PURE__ */ jsxs(
4837
+ "tr",
4838
+ {
4839
+ style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {},
4840
+ children: [
4841
+ /* @__PURE__ */ jsx(
4842
+ "td",
4843
+ {
4844
+ style: {
4845
+ padding: "10px 16px",
4846
+ color: emailTokens.mutedForeground,
4847
+ verticalAlign: "top"
4848
+ },
4849
+ children: row.label
4850
+ }
4851
+ ),
4852
+ /* @__PURE__ */ jsx(
4853
+ "td",
4854
+ {
4855
+ style: {
4856
+ padding: "10px 16px",
4857
+ textAlign: "right",
4858
+ fontWeight: 500,
4859
+ color: (_a2 = row.valueColor) != null ? _a2 : emailTokens.foreground,
4860
+ whiteSpace: "nowrap"
4861
+ },
4862
+ children: row.value
4863
+ }
4864
+ )
4865
+ ]
4866
+ },
4867
+ i
4868
+ );
4869
+ }),
4870
+ footer && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
4871
+ "td",
4872
+ {
4873
+ colSpan: 2,
4874
+ style: {
4875
+ padding: "12px 16px",
4876
+ textAlign: "center",
4877
+ fontWeight: (_a = footer.fontWeight) != null ? _a : 600,
4878
+ color: (_b = footer.color) != null ? _b : emailTokens.foreground,
4879
+ backgroundColor: footer.backgroundColor,
4880
+ borderTop: `1px solid ${emailTokens.border}`
4881
+ },
4882
+ children: footer.text
4883
+ }
4884
+ ) })
4885
+ ] })
4886
+ }
4887
+ )
4827
4888
  }
4828
4889
  )
4829
4890
  ] });
@@ -4834,7 +4895,7 @@ var DEFAULT_LABELS4 = {
4834
4895
  greeting: (recipientName) => `Hi ${recipientName},`,
4835
4896
  thankYouMessage: "Thank you for booking your adventure with PlanetaEXO \u2014 we\u2019re really looking forward to your adventure.",
4836
4897
  addTravellersInstruction: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration.",
4837
- summaryHeading: "\u{1F4DD} Here\u2019s a quick summary of your booking:",
4898
+ summaryHeading: "\u{1F4DD} Booking Summary",
4838
4899
  bookingNumberLabel: "Booking Number:",
4839
4900
  activityLabel: "Activity:",
4840
4901
  adventureLabel: "Adventure:",
@@ -4845,7 +4906,7 @@ var DEFAULT_LABELS4 = {
4845
4906
  closingMessage: "If you have any questions, just reply to this email \u2014 happy to help.",
4846
4907
  nextStepsHeading: "Next steps:"
4847
4908
  };
4848
- function BookingConfirmationEmail({
4909
+ function BookingCreatedEmail({
4849
4910
  recipientName,
4850
4911
  addTravellersUrl,
4851
4912
  logoUrl,
@@ -4875,7 +4936,7 @@ function BookingConfirmationEmail({
4875
4936
  };
4876
4937
  const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsx("a", { href: addTravellersUrl, style: ctaStyle, children: l.ctaButton }) : /* @__PURE__ */ jsx("span", { style: ctaStyle, role: "presentation", children: l.ctaButton });
4877
4938
  const tableRows = [
4878
- { label: l.bookingNumberLabel, value: bookingNumber },
4939
+ { label: l.bookingNumberLabel, value: bookingNumber, valueColor: emailTokens.primary },
4879
4940
  ...activity && activity.trim().length > 0 ? [{ label: l.activityLabel, value: activity }] : [],
4880
4941
  { label: l.adventureLabel, value: adventure },
4881
4942
  { label: l.startingDateLabel, value: startingDate },
@@ -5006,22 +5067,46 @@ function RegistrationProgressBar({
5006
5067
  }
5007
5068
  ) });
5008
5069
  }
5070
+ var INLINE_LINK_STYLE = {
5071
+ color: emailTokens.primary,
5072
+ textDecoration: "underline"
5073
+ };
5074
+ function renderWhatsappLink(contact, label) {
5075
+ if (contact.whatsappUrl) {
5076
+ return /* @__PURE__ */ jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE, children: label });
5077
+ }
5078
+ return label;
5079
+ }
5080
+ function renderEmailLink(contact, label) {
5081
+ if (contact.email) {
5082
+ return /* @__PURE__ */ jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE, children: label });
5083
+ }
5084
+ return label;
5085
+ }
5009
5086
  var DEFAULT_LABELS5 = {
5010
5087
  logoAlt: "PlanetaEXO",
5011
5088
  greeting: (n) => `Hi ${n},`,
5012
5089
  intermediateHello: "Hope you're doing well.",
5013
- bookingSummaryHeader: "Booking summary",
5014
- bookingNumberLabel: "Booking number",
5015
- adventuresCountLabel: (c) => `${c} adventure${c === 1 ? "" : "s"}`,
5016
- travellersCountLabel: (c) => `${c} traveller${c === 1 ? "" : "s"}`,
5090
+ bookingSummaryHeader: "\u{1F4DD} Booking Summary",
5091
+ bookingNumberLabel: "Booking Number",
5092
+ adventuresCountLabel: (c) => String(c),
5093
+ travellersCountLabel: (c) => String(c),
5017
5094
  adventuresRowLabel: "Adventures",
5018
- travellersRowLabel: "Total travellers",
5095
+ travellersRowLabel: "Total Travellers",
5019
5096
  agentRowLabel: "Agent",
5020
5097
  progressHeader: "Registration progress",
5021
5098
  startsLabel: "Starts",
5022
5099
  completedFractionLabel: (c, total) => `Completed: ${c} / ${total} travellers`,
5023
5100
  ctaLabel: "View Booking & Registrations",
5024
- closingAgent: (n) => `If you need any assistance with the traveller registrations, feel free to contact your agent ${n} via WhatsApp or email.`,
5101
+ closingAgent: (agentName, contact) => /* @__PURE__ */ jsxs(Fragment, { children: [
5102
+ "If you need any assistance with the traveller registrations, feel free to contact your agent ",
5103
+ agentName,
5104
+ " via ",
5105
+ renderWhatsappLink(contact, "WhatsApp"),
5106
+ " or ",
5107
+ renderEmailLink(contact, "email"),
5108
+ "."
5109
+ ] }),
5025
5110
  closingNoAgent: "If you need any assistance with the traveller registrations, feel free to contact us via WhatsApp or email.",
5026
5111
  teamSignature: "The PlanetaEXO Team",
5027
5112
  variants: {
@@ -5066,7 +5151,7 @@ var DEFAULT_LABELS5 = {
5066
5151
  contextNote: "Please ensure all pending registrations are completed as soon as possible.",
5067
5152
  importantNote: "Important: Registration is mandatory and required for participation in the adventure.",
5068
5153
  progressIntro: "Review your booking page to complete missing information:",
5069
- multiTravellerNote: "If your booking includes multiple travellers, please ensure every traveller completes their registration before departure.",
5154
+ multiTravellerNote: "",
5070
5155
  pleaseNoteHeader: "",
5071
5156
  pleaseNoteBullets: [],
5072
5157
  bookerCoordinationNote: "",
@@ -5081,7 +5166,7 @@ var DEFAULT_LABELS5 = {
5081
5166
  finalReminderTagline: "This is a final reminder.",
5082
5167
  importantNote: "Traveller registration is mandatory. Without completed registration forms, we may be unable to confirm logistics and travellers may not be allowed to board transfers, flights, boats, or participate in activities.",
5083
5168
  progressIntro: "Please complete all pending registrations immediately through your booking page:",
5084
- disregardIfCompleted: "If registrations have already been completed, please disregard this email.",
5169
+ disregardIfCompleted: "",
5085
5170
  closingThanks: "We look forward to welcoming you soon.",
5086
5171
  contextNote: "",
5087
5172
  pleaseNoteHeader: "",
@@ -5133,7 +5218,7 @@ function RegistrationReminderEmail({
5133
5218
  fontFamily: emailTokens.fontFamily
5134
5219
  };
5135
5220
  const summaryRows = [
5136
- { label: l.bookingNumberLabel, value: `#${bookingNumber}` },
5221
+ { label: l.bookingNumberLabel, value: bookingNumber, valueColor: emailTokens.primary },
5137
5222
  { label: l.adventuresRowLabel, value: l.adventuresCountLabel(totalAdventures) },
5138
5223
  { label: l.travellersRowLabel, value: l.travellersCountLabel(totalTravellers) },
5139
5224
  ...(agent == null ? void 0 : agent.name) ? [{ label: l.agentRowLabel, value: agent.name }] : []
@@ -5143,9 +5228,24 @@ function RegistrationReminderEmail({
5143
5228
  const showEarlyBenefit = hasText(v.earlyCompletionBenefit);
5144
5229
  const showImportant = hasText(v.importantNote);
5145
5230
  const showFinalTagline = hasText(v.finalReminderTagline);
5146
- const showMultiTraveller = hasText(v.multiTravellerNote);
5231
+ hasText(v.multiTravellerNote);
5147
5232
  const showDisregard = hasText(v.disregardIfCompleted);
5148
5233
  const showClosingThanks = hasText(v.closingThanks);
5234
+ const sectionDivider = /* @__PURE__ */ jsx(
5235
+ "hr",
5236
+ {
5237
+ style: {
5238
+ border: "none",
5239
+ borderTop: `1px solid ${emailTokens.border}`,
5240
+ marginTop: 0,
5241
+ marginBottom: "24px"
5242
+ }
5243
+ }
5244
+ );
5245
+ const hasIntroBlock = hasText(v.intro) || hasText(v.contextNote);
5246
+ const hasPleaseNote = showPleaseNote;
5247
+ const hasD7Highlight = showImportant && slug === "d_minus_7";
5248
+ const hasD2Highlight = showFinalTagline || showImportant && slug === "d_minus_2";
5149
5249
  return /* @__PURE__ */ jsxs(
5150
5250
  "div",
5151
5251
  {
@@ -5169,45 +5269,18 @@ function RegistrationReminderEmail({
5169
5269
  hasText(l.intermediateHello) && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.intermediateHello }),
5170
5270
  hasText(v.intro) && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.intro }),
5171
5271
  hasText(v.contextNote) && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.contextNote }),
5172
- showPleaseNote && /* @__PURE__ */ jsxs("div", { style: { marginBottom: "24px" }, children: [
5173
- /* @__PURE__ */ jsx("p", { style: { marginBottom: "8px", fontWeight: 700, color: emailTokens.foreground }, children: v.pleaseNoteHeader }),
5174
- /* @__PURE__ */ jsx("ul", { style: { paddingLeft: "20px", margin: 0 }, children: v.pleaseNoteBullets.map((b, i) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "6px", color: emailTokens.bodyText }, children: b }, i)) })
5175
- ] }),
5176
- showBookerCoord && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.bookerCoordinationNote }),
5177
- /* @__PURE__ */ jsx(
5178
- "hr",
5179
- {
5180
- style: {
5181
- border: "none",
5182
- borderTop: `1px solid ${emailTokens.border}`,
5183
- marginBottom: "24px"
5184
- }
5185
- }
5186
- ),
5187
- /* @__PURE__ */ jsx(BookingSummary, { heading: l.bookingSummaryHeader, rows: summaryRows }),
5188
- showImportant && slug === "d_minus_7" && /* @__PURE__ */ jsx(
5189
- "p",
5190
- {
5191
- style: {
5192
- marginBottom: "20px",
5193
- padding: "12px 16px",
5194
- borderRadius: "8px",
5195
- backgroundColor: "#fef3c7",
5196
- color: "#78350f",
5197
- fontWeight: 600
5198
- },
5199
- children: v.importantNote
5200
- }
5201
- ),
5272
+ hasIntroBlock && sectionDivider,
5273
+ slug === "d_minus_30" && /* @__PURE__ */ jsx(BookingSummary, { heading: l.bookingSummaryHeader, rows: summaryRows }),
5274
+ slug === "d_minus_15" && showBookerCoord && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.bookerCoordinationNote }),
5202
5275
  hasItems(adventures) && /* @__PURE__ */ jsxs(Fragment, { children: [
5203
5276
  /* @__PURE__ */ jsx(
5204
5277
  "p",
5205
5278
  {
5206
5279
  style: {
5207
- marginTop: "8px",
5280
+ marginTop: 0,
5208
5281
  marginBottom: "12px",
5209
5282
  fontWeight: 700,
5210
- fontSize: "15px",
5283
+ fontSize: "16px",
5211
5284
  color: emailTokens.foreground
5212
5285
  },
5213
5286
  children: l.progressHeader
@@ -5273,8 +5346,8 @@ function RegistrationReminderEmail({
5273
5346
  `${adv.name}-${i}`
5274
5347
  ))
5275
5348
  ] }),
5276
- showEarlyBenefit && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: v.earlyCompletionBenefit }),
5277
- (showFinalTagline || showImportant && slug === "d_minus_2") && /* @__PURE__ */ jsxs(
5349
+ slug === "d_minus_15" && showEarlyBenefit && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: v.earlyCompletionBenefit }),
5350
+ slug === "d_minus_2" && hasD2Highlight && /* @__PURE__ */ jsxs(
5278
5351
  "div",
5279
5352
  {
5280
5353
  style: {
@@ -5287,18 +5360,51 @@ function RegistrationReminderEmail({
5287
5360
  },
5288
5361
  children: [
5289
5362
  showFinalTagline && /* @__PURE__ */ jsx("p", { style: { margin: 0, marginBottom: showImportant ? "8px" : 0, fontWeight: 700 }, children: v.finalReminderTagline }),
5290
- showImportant && slug === "d_minus_2" && /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: v.importantNote })
5363
+ showImportant && /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: v.importantNote })
5291
5364
  ]
5292
5365
  }
5293
5366
  ),
5294
- showMultiTraveller && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: v.multiTravellerNote }),
5295
5367
  /* @__PURE__ */ jsx("div", { style: { marginBottom: "24px", textAlign: "left" }, children: /* @__PURE__ */ jsx("a", { href: ctaUrl, style: ctaStyle, children: l.ctaLabel }) }),
5296
- /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontWeight: 700, color: emailTokens.foreground }, children: (agent == null ? void 0 : agent.name) ? l.closingAgent(agent.name) : l.closingNoAgent }),
5297
- (agent == null ? void 0 : agent.name) && (agent.whatsappUrl || agent.email) && /* @__PURE__ */ jsxs("p", { style: { marginBottom: "16px", fontSize: "14px" }, children: [
5298
- agent.whatsappUrl && /* @__PURE__ */ jsx("a", { href: agent.whatsappUrl, style: { color: emailTokens.primary, textDecoration: "none" }, children: "WhatsApp" }),
5299
- agent.whatsappUrl && agent.email && " \xB7 ",
5300
- agent.email && /* @__PURE__ */ jsx("a", { href: `mailto:${agent.email}`, style: { color: emailTokens.primary, textDecoration: "none" }, children: agent.email })
5368
+ slug === "d_minus_7" && hasD7Highlight && /* @__PURE__ */ jsx(
5369
+ "p",
5370
+ {
5371
+ style: {
5372
+ marginBottom: "20px",
5373
+ padding: "12px 16px",
5374
+ borderRadius: "8px",
5375
+ backgroundColor: "#fef3c7",
5376
+ color: "#78350f",
5377
+ fontWeight: 600
5378
+ },
5379
+ children: v.importantNote
5380
+ }
5381
+ ),
5382
+ slug !== "d_minus_30" && /* @__PURE__ */ jsxs(Fragment, { children: [
5383
+ sectionDivider,
5384
+ /* @__PURE__ */ jsx(BookingSummary, { heading: l.bookingSummaryHeader, rows: summaryRows })
5385
+ ] }),
5386
+ hasPleaseNote && /* @__PURE__ */ jsxs(Fragment, { children: [
5387
+ sectionDivider,
5388
+ /* @__PURE__ */ jsx(
5389
+ "p",
5390
+ {
5391
+ style: {
5392
+ marginTop: 0,
5393
+ marginBottom: "12px",
5394
+ fontWeight: 700,
5395
+ fontSize: "16px",
5396
+ color: emailTokens.foreground
5397
+ },
5398
+ children: v.pleaseNoteHeader
5399
+ }
5400
+ ),
5401
+ /* @__PURE__ */ jsx("ul", { style: { paddingLeft: "20px", margin: 0, marginBottom: "24px" }, children: v.pleaseNoteBullets.map((b, i) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "6px", color: emailTokens.bodyText }, children: b }, i)) })
5301
5402
  ] }),
5403
+ sectionDivider,
5404
+ /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", fontWeight: 700, color: emailTokens.bodyText }, children: (agent == null ? void 0 : agent.name) ? l.closingAgent(agent.name, {
5405
+ whatsappUrl: agent.whatsappUrl,
5406
+ email: agent.email
5407
+ }) : l.closingNoAgent }),
5302
5408
  showDisregard && /* @__PURE__ */ jsx(
5303
5409
  "p",
5304
5410
  {
@@ -5311,8 +5417,8 @@ function RegistrationReminderEmail({
5311
5417
  children: v.disregardIfCompleted
5312
5418
  }
5313
5419
  ),
5314
- showClosingThanks && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: v.closingThanks }),
5315
- /* @__PURE__ */ jsx("p", { style: { marginBottom: 0, color: emailTokens.mutedForeground }, children: l.teamSignature })
5420
+ showClosingThanks && /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: v.closingThanks }),
5421
+ /* @__PURE__ */ jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
5316
5422
  ]
5317
5423
  }
5318
5424
  );
@@ -5413,37 +5519,16 @@ function PaymentReceiptEmail({
5413
5519
  ] }) })
5414
5520
  }
5415
5521
  ),
5416
- /* @__PURE__ */ jsx("p", { style: { marginBottom: "12px", fontWeight: 700, color: emailTokens.foreground, fontSize: "16px" }, children: l.summaryHeading }),
5417
5522
  /* @__PURE__ */ jsx(
5418
- "div",
5523
+ BookingSummary,
5419
5524
  {
5420
- style: {
5421
- borderRadius: "12px",
5422
- border: `1px solid ${emailTokens.border}`,
5423
- overflow: "hidden",
5424
- marginBottom: "24px"
5425
- },
5426
- children: /* @__PURE__ */ jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
5427
- summaryRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { style: i > 0 ? { borderTop: `1px solid ${emailTokens.border}` } : {}, children: [
5428
- /* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground, verticalAlign: "top" }, children: row.label }),
5429
- /* @__PURE__ */ jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: 500, color: emailTokens.foreground, whiteSpace: "nowrap" }, children: row.value })
5430
- ] }, i)),
5431
- isPaidInFull && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
5432
- "td",
5433
- {
5434
- colSpan: 2,
5435
- style: {
5436
- padding: "12px 16px",
5437
- textAlign: "center",
5438
- fontWeight: 600,
5439
- color: emailTokens.green,
5440
- backgroundColor: emailTokens.greenBg,
5441
- borderTop: `1px solid ${emailTokens.border}`
5442
- },
5443
- children: l.paidInFullMessage
5444
- }
5445
- ) })
5446
- ] }) })
5525
+ heading: l.summaryHeading,
5526
+ rows: summaryRows,
5527
+ footer: isPaidInFull ? {
5528
+ text: l.paidInFullMessage,
5529
+ color: emailTokens.green,
5530
+ backgroundColor: emailTokens.greenBg
5531
+ } : void 0
5447
5532
  }
5448
5533
  ),
5449
5534
  /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: l.closingMessage }),
@@ -5452,19 +5537,19 @@ function PaymentReceiptEmail({
5452
5537
  }
5453
5538
  );
5454
5539
  }
5455
- var INLINE_LINK_STYLE = {
5540
+ var INLINE_LINK_STYLE2 = {
5456
5541
  color: emailTokens.primary,
5457
5542
  textDecoration: "underline"
5458
5543
  };
5459
- function renderWhatsappLink(contact, label) {
5544
+ function renderWhatsappLink2(contact, label) {
5460
5545
  if (contact.whatsappUrl) {
5461
- return /* @__PURE__ */ jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE, children: label });
5546
+ return /* @__PURE__ */ jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE2, children: label });
5462
5547
  }
5463
5548
  return label;
5464
5549
  }
5465
- function renderEmailLink(contact, label) {
5550
+ function renderEmailLink2(contact, label) {
5466
5551
  if (contact.email) {
5467
- return /* @__PURE__ */ jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE, children: label });
5552
+ return /* @__PURE__ */ jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE2, children: label });
5468
5553
  }
5469
5554
  return label;
5470
5555
  }
@@ -5484,9 +5569,9 @@ var DEFAULT_LABELS7 = {
5484
5569
  "If you need any assistance or would like to discuss your payment, feel free to contact your agent ",
5485
5570
  agentName,
5486
5571
  " via ",
5487
- renderWhatsappLink(contact, "WhatsApp"),
5572
+ renderWhatsappLink2(contact, "WhatsApp"),
5488
5573
  " or ",
5489
- renderEmailLink(contact, "email"),
5574
+ renderEmailLink2(contact, "email"),
5490
5575
  "."
5491
5576
  ] }),
5492
5577
  closingNoAgent: "If you need any assistance or would like to discuss your payment, feel free to contact us via WhatsApp or email.",
@@ -5530,9 +5615,9 @@ var DEFAULT_LABELS7 = {
5530
5615
  "If you are experiencing any issues with payment or need additional time, please contact your agent ",
5531
5616
  agentName,
5532
5617
  " via ",
5533
- renderWhatsappLink(contact, "WhatsApp"),
5618
+ renderWhatsappLink2(contact, "WhatsApp"),
5534
5619
  " or ",
5535
- renderEmailLink(contact, "email"),
5620
+ renderEmailLink2(contact, "email"),
5536
5621
  ". We'll be happy to assist."
5537
5622
  ] })
5538
5623
  }
@@ -5695,6 +5780,17 @@ function PaymentReminderEmail({
5695
5780
  ]
5696
5781
  }
5697
5782
  ) }),
5783
+ /* @__PURE__ */ jsx(
5784
+ "hr",
5785
+ {
5786
+ style: {
5787
+ border: "none",
5788
+ borderTop: `1px solid ${emailTokens.border}`,
5789
+ marginTop: 0,
5790
+ marginBottom: "24px"
5791
+ }
5792
+ }
5793
+ ),
5698
5794
  showDisregard && /* @__PURE__ */ jsx(
5699
5795
  "p",
5700
5796
  {
@@ -11657,6 +11753,6 @@ function LeadCapturePopup({
11657
11753
  );
11658
11754
  }
11659
11755
 
11660
- export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingAdventureCard, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, BookingSummary, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };
11756
+ export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingAdventureCard, BookingConfirmedCard, BookingCreatedEmail, BookingDetails, BookingForm, BookingOtpEmail, BookingPaymentConfirmationEmail, BookingShell, BookingSummary, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };
11661
11757
  //# sourceMappingURL=index.js.map
11662
11758
  //# sourceMappingURL=index.js.map