@planetaexo/design-system 0.42.0 → 0.44.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 CHANGED
@@ -5834,7 +5834,7 @@ var DEFAULT_LABELS7 = {
5834
5834
  expectationsHeading: "Travellers Expectations",
5835
5835
  expectationsEmptyNote: "No expectations were collected for this adventure.",
5836
5836
  expectationsEmptyAnswer: "\u2014",
5837
- pdfNote: "The consolidated registration PDF is attached to this email.",
5837
+ pdfNote: "The consolidated registration PDF is attached. Please review it carefully, as it contains important traveller information, including dietary restrictions, medical conditions, preferences, and other details that may help improve the guest experience and ensure proper preparation.",
5838
5838
  closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
5839
5839
  "If you have any questions, your contact ",
5840
5840
  agentName,
@@ -5982,7 +5982,21 @@ function PartnerConfirmationEmail({
5982
5982
  }) })
5983
5983
  }
5984
5984
  ) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginTop: 0, marginBottom: "24px", color: emailTokens.bodyText }, children: l.expectationsEmptyNote }),
5985
- pdfAttached && hasText3(l.pdfNote) && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", color: emailTokens.bodyText }, children: l.pdfNote }),
5985
+ pdfAttached && hasText3(l.pdfNote) && /* @__PURE__ */ jsxRuntime.jsx(
5986
+ "div",
5987
+ {
5988
+ style: {
5989
+ padding: "12px 16px",
5990
+ borderRadius: 8,
5991
+ backgroundColor: "#fef3c7",
5992
+ color: "#78350f",
5993
+ fontSize: "14px",
5994
+ lineHeight: "1.6",
5995
+ marginBottom: "20px"
5996
+ },
5997
+ children: l.pdfNote
5998
+ }
5999
+ ),
5986
6000
  sectionDivider,
5987
6001
  /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontSize: "14px", fontWeight: 700, color: emailTokens.bodyText }, children: (agent == null ? void 0 : agent.name) ? l.closingAgent(agent.name, {
5988
6002
  whatsappUrl: agent.whatsappUrl,
@@ -6017,14 +6031,12 @@ var DEFAULT_LABELS8 = {
6017
6031
  greeting: (n) => `Hi ${n},`,
6018
6032
  intro: (adv) => `You have a new booking for your adventure ${adv}. Here are the details:`,
6019
6033
  summaryHeading: "\u{1F4DD} Booking Summary",
6034
+ bookerNameLabel: "Name",
6035
+ bookerCountryLabel: "Country",
6020
6036
  bookingNumberLabel: "Booking Number",
6021
6037
  adventureLabel: "Adventure",
6022
6038
  datesLabel: "Dates",
6023
6039
  numberOfPeopleLabel: "Number of Travellers",
6024
- bookerHeading: "Booking contact",
6025
- bookerNameLabel: "Name",
6026
- bookerEmailLabel: "Email",
6027
- bookerPhoneLabel: "Phone",
6028
6040
  registrationPendingNotice: "The travellers' registration details will be sent to you as soon as all travellers have completed their forms.",
6029
6041
  mustReplyToConfirm: "Please reply to this email to confirm the booking.",
6030
6042
  closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -6055,6 +6067,8 @@ function PartnerBookingCreatedEmail({
6055
6067
  }) {
6056
6068
  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS8), labels);
6057
6069
  const summaryRows = [
6070
+ { label: l.bookerNameLabel, value: booker.name },
6071
+ ...hasText4(booker.country) ? [{ label: l.bookerCountryLabel, value: booker.country }] : [],
6058
6072
  { label: l.bookingNumberLabel, value: `#${bookingNumber}`, valueColor: emailTokens.primary },
6059
6073
  { label: l.adventureLabel, value: adventureName },
6060
6074
  { label: l.datesLabel, value: dateRange },
@@ -6071,16 +6085,6 @@ function PartnerBookingCreatedEmail({
6071
6085
  }
6072
6086
  }
6073
6087
  );
6074
- const bookerRows = [
6075
- { label: l.bookerNameLabel, value: booker.name },
6076
- ...hasText4(booker.email) ? [
6077
- {
6078
- label: l.bookerEmailLabel,
6079
- value: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${booker.email}`, style: INLINE_LINK_STYLE4, children: booker.email })
6080
- }
6081
- ] : [],
6082
- ...hasText4(booker.phone) ? [{ label: l.bookerPhoneLabel, value: booker.phone }] : []
6083
- ];
6084
6088
  return /* @__PURE__ */ jsxRuntime.jsxs(
6085
6089
  "div",
6086
6090
  {
@@ -6119,77 +6123,6 @@ function PartnerBookingCreatedEmail({
6119
6123
  /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "24px" }, children: l.intro(adventureName) }),
6120
6124
  sectionDivider,
6121
6125
  /* @__PURE__ */ jsxRuntime.jsx(BookingSummary, { heading: l.summaryHeading, rows: summaryRows }),
6122
- /* @__PURE__ */ jsxRuntime.jsx(
6123
- "p",
6124
- {
6125
- style: {
6126
- marginTop: 0,
6127
- marginBottom: "20px",
6128
- fontWeight: 700,
6129
- color: emailTokens.foreground,
6130
- fontSize: "18px",
6131
- fontFamily: emailTokens.fontFamily
6132
- },
6133
- children: l.bookerHeading
6134
- }
6135
- ),
6136
- /* @__PURE__ */ jsxRuntime.jsx(
6137
- "div",
6138
- {
6139
- style: {
6140
- borderRadius: "12px",
6141
- border: `1px solid ${emailTokens.border}`,
6142
- overflow: "hidden",
6143
- marginBottom: "24px"
6144
- },
6145
- children: /* @__PURE__ */ jsxRuntime.jsx(
6146
- "table",
6147
- {
6148
- style: {
6149
- width: "100%",
6150
- fontSize: "14px",
6151
- borderCollapse: "collapse"
6152
- },
6153
- children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: bookerRows.map((row, i) => {
6154
- const isLastRow = i === bookerRows.length - 1;
6155
- return /* @__PURE__ */ jsxRuntime.jsxs(
6156
- "tr",
6157
- {
6158
- style: !isLastRow ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
6159
- children: [
6160
- /* @__PURE__ */ jsxRuntime.jsx(
6161
- "td",
6162
- {
6163
- style: {
6164
- padding: "12px 20px",
6165
- color: emailTokens.mutedForeground,
6166
- backgroundColor: emailTokens.muted,
6167
- verticalAlign: "top"
6168
- },
6169
- children: row.label
6170
- }
6171
- ),
6172
- /* @__PURE__ */ jsxRuntime.jsx(
6173
- "td",
6174
- {
6175
- style: {
6176
- padding: "12px 20px",
6177
- fontWeight: 500,
6178
- color: emailTokens.foreground,
6179
- verticalAlign: "top"
6180
- },
6181
- children: row.value
6182
- }
6183
- )
6184
- ]
6185
- },
6186
- i
6187
- );
6188
- }) })
6189
- }
6190
- )
6191
- }
6192
- ),
6193
6126
  sectionDivider,
6194
6127
  /* @__PURE__ */ jsxRuntime.jsxs(
6195
6128
  "div",