@planetaexo/design-system 0.11.0 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +171 -0
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +52 -1
  4. package/dist/index.d.ts +52 -1
  5. package/dist/index.js +171 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -4265,6 +4265,176 @@ function TravellerFormInviteEmail({
4265
4265
  }
4266
4266
  );
4267
4267
  }
4268
+ function BookingWelcomeNewSystemEmail({
4269
+ greeting,
4270
+ introParagraph,
4271
+ bookingsHeading,
4272
+ bookings,
4273
+ bookingFormsCompleteLabel,
4274
+ bookingFormsPendingLabel,
4275
+ bookingFormsNoneLabel,
4276
+ ctaLabel,
4277
+ bookingCodeLabel,
4278
+ signatureLine,
4279
+ footerText,
4280
+ logoUrl,
4281
+ className
4282
+ }) {
4283
+ const ctaStyle = {
4284
+ display: "inline-block",
4285
+ backgroundColor: emailTokens.primary,
4286
+ color: emailTokens.primaryForeground,
4287
+ padding: "10px 20px",
4288
+ borderRadius: "6px",
4289
+ fontSize: "14px",
4290
+ fontWeight: 600,
4291
+ textDecoration: "none",
4292
+ fontFamily: emailTokens.fontFamily
4293
+ };
4294
+ return /* @__PURE__ */ jsxRuntime.jsxs(
4295
+ "div",
4296
+ {
4297
+ style: {
4298
+ fontFamily: emailTokens.fontFamily,
4299
+ color: emailTokens.foreground,
4300
+ maxWidth: "600px",
4301
+ margin: "0 auto",
4302
+ padding: "32px",
4303
+ border: `1px solid ${emailTokens.border}`,
4304
+ borderRadius: "12px",
4305
+ backgroundColor: emailTokens.white
4306
+ },
4307
+ className,
4308
+ children: [
4309
+ /* @__PURE__ */ jsxRuntime.jsx(EmailLogo, { src: logoUrl }),
4310
+ /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "16px", lineHeight: "1.5", margin: "0 0 12px" }, children: greeting }),
4311
+ /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "15px", lineHeight: "1.5", margin: "0 0 24px" }, children: introParagraph }),
4312
+ /* @__PURE__ */ jsxRuntime.jsx(
4313
+ "hr",
4314
+ {
4315
+ style: {
4316
+ border: "none",
4317
+ borderTop: `1px solid ${emailTokens.border}`,
4318
+ margin: "0 0 24px"
4319
+ }
4320
+ }
4321
+ ),
4322
+ /* @__PURE__ */ jsxRuntime.jsx(
4323
+ "p",
4324
+ {
4325
+ style: {
4326
+ fontSize: "15px",
4327
+ fontWeight: 700,
4328
+ margin: "0 0 16px",
4329
+ color: emailTokens.foreground
4330
+ },
4331
+ children: bookingsHeading
4332
+ }
4333
+ ),
4334
+ /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { listStyle: "none", padding: 0, margin: "0 0 24px" }, children: bookings.map((b) => {
4335
+ const statusLine = b.formsStatus === "COMPLETO" ? bookingFormsCompleteLabel : b.formsStatus === "SEM_FORM" ? bookingFormsNoneLabel != null ? bookingFormsNoneLabel : "" : bookingFormsPendingLabel(b.formsCompleted, b.formsRequired);
4336
+ const statusIcon = b.formsStatus === "COMPLETO" ? "\u2713" : b.formsStatus === "SEM_FORM" ? "" : "\u26A0";
4337
+ const statusColor = b.formsStatus === "COMPLETO" ? emailTokens.green : b.formsStatus === "SEM_FORM" ? emailTokens.mutedForeground : emailTokens.destructive;
4338
+ return /* @__PURE__ */ jsxRuntime.jsxs(
4339
+ "li",
4340
+ {
4341
+ style: {
4342
+ marginBottom: "16px",
4343
+ padding: "16px",
4344
+ backgroundColor: emailTokens.muted,
4345
+ border: `1px solid ${emailTokens.border}`,
4346
+ borderRadius: "8px"
4347
+ },
4348
+ children: [
4349
+ /* @__PURE__ */ jsxRuntime.jsx(
4350
+ "p",
4351
+ {
4352
+ style: {
4353
+ fontSize: "15px",
4354
+ fontWeight: 600,
4355
+ margin: "0 0 6px",
4356
+ color: emailTokens.foreground
4357
+ },
4358
+ children: b.adventureName
4359
+ }
4360
+ ),
4361
+ /* @__PURE__ */ jsxRuntime.jsx(
4362
+ "p",
4363
+ {
4364
+ style: {
4365
+ fontSize: "13px",
4366
+ color: emailTokens.mutedForeground,
4367
+ margin: "0 0 4px"
4368
+ },
4369
+ children: b.startDate
4370
+ }
4371
+ ),
4372
+ /* @__PURE__ */ jsxRuntime.jsxs(
4373
+ "p",
4374
+ {
4375
+ style: {
4376
+ fontSize: "13px",
4377
+ color: emailTokens.mutedForeground,
4378
+ margin: "0 0 8px"
4379
+ },
4380
+ children: [
4381
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600 }, children: bookingCodeLabel }),
4382
+ " ",
4383
+ /* @__PURE__ */ jsxRuntime.jsxs(
4384
+ "span",
4385
+ {
4386
+ style: {
4387
+ fontFamily: emailTokens.fontFamily,
4388
+ color: emailTokens.foreground,
4389
+ fontWeight: 600
4390
+ },
4391
+ children: [
4392
+ "#",
4393
+ b.bookingId
4394
+ ]
4395
+ }
4396
+ )
4397
+ ]
4398
+ }
4399
+ ),
4400
+ statusLine && /* @__PURE__ */ jsxRuntime.jsxs(
4401
+ "p",
4402
+ {
4403
+ style: {
4404
+ fontSize: "13px",
4405
+ color: statusColor,
4406
+ margin: "0 0 12px",
4407
+ fontWeight: 500
4408
+ },
4409
+ children: [
4410
+ statusIcon ? `${statusIcon} ` : "",
4411
+ statusLine
4412
+ ]
4413
+ }
4414
+ ),
4415
+ /* @__PURE__ */ jsxRuntime.jsx("a", { href: b.bookingPublicUrl, style: ctaStyle, children: ctaLabel })
4416
+ ]
4417
+ },
4418
+ b.bookingId
4419
+ );
4420
+ }) }),
4421
+ footerText && /* @__PURE__ */ jsxRuntime.jsx(
4422
+ "p",
4423
+ {
4424
+ style: {
4425
+ color: emailTokens.mutedForeground,
4426
+ fontSize: "13px",
4427
+ lineHeight: "1.5",
4428
+ margin: "0 0 16px"
4429
+ },
4430
+ children: footerText
4431
+ }
4432
+ ),
4433
+ /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", lineHeight: "1.5", margin: "0" }, children: signatureLine })
4434
+ ]
4435
+ }
4436
+ );
4437
+ }
4268
4438
  function CounterField({
4269
4439
  label,
4270
4440
  sublabel,
@@ -9487,6 +9657,7 @@ exports.BookingDetails = BookingDetails;
9487
9657
  exports.BookingForm = BookingForm;
9488
9658
  exports.BookingOtpEmail = BookingOtpEmail;
9489
9659
  exports.BookingShell = BookingShell;
9660
+ exports.BookingWelcomeNewSystemEmail = BookingWelcomeNewSystemEmail;
9490
9661
  exports.Button = Button;
9491
9662
  exports.COUNTRIES = COUNTRIES;
9492
9663
  exports.CounterField = CounterField;