@session-services/web-elements 0.1.30 → 0.1.31

package/dist/collection/components/session-services-ticketing/session-services-ticketing.logic.js

@@ -1,9 +1,10 @@
-import { formatNaiveDateTime, isNaiveDateTimeFuture, isNaiveDateTimePast, } from "@session-services/utils/naive-datetime";
+import { isNaiveDateTimeFuture, isNaiveDateTimePast, parseNaiveDateTime, } from "@session-services/utils/naive-datetime";
 import { getAdmissionReleaseLabel } from "@session-services/utils/admission-release";
 import { getAdmissionSelectionCapacity, isAdmissionSoldOut, } from "@session-services/utils/ticket-availability";
 import { createQuoteItemMap } from "@session-services/utils/ticket-quote";
 const UNLIMITED_CAP = 10;
 const SCARCITY_THRESHOLD = 20;
+const DEFAULT_LOCALE = "en-US";
 export function selectionKey(admissionId, sectionId) {
     return `${admissionId}::${sectionId || "none"}`;
 }
@@ -65,15 +66,35 @@ function hasPurchasableAdmissions(event) {
     const zone = eventTimeZone(event);
     return event.admissions.some((admission) => isAdmissionPurchasable(admission, event.admissions, zone, sections));
 }
-function admissionSaleLabel(admission, zone) {
+function admissionSaleLabel(admission, zone, locale) {
     if (!isNaiveDateTimeFuture(admission.saleStartsAt, zone)) {
         return null;
     }
+    const date = parseNaiveDateTime(admission.saleStartsAt, "UTC");
+    const day = dateFormatter(locale, {
+        day: "numeric",
+        month: "short",
+        timeZone: "UTC",
+        weekday: "short",
+    }).format(date);
+    const time = dateFormatter(locale, {
+        hour: "numeric",
+        minute: "2-digit",
+        timeZone: "UTC",
+    }).format(date);
     return {
-        text: `On sale ${formatNaiveDateTime(admission.saleStartsAt, "EEE, MMM d · h:mm a")}`,
+        text: `On sale ${day} · ${time}`,
         tone: "muted",
     };
 }
+function dateFormatter(locale, options) {
+    try {
+        return new Intl.DateTimeFormat(locale, options);
+    }
+    catch {
+        return new Intl.DateTimeFormat(DEFAULT_LOCALE, options);
+    }
+}
 function admissionStatus(input) {
     if (input.value === "DOOR" && (input.soldOut || input.saleEnded)) {
         return { text: "Available At Door", tone: "success" };
@@ -287,7 +308,7 @@ export function getAdmissionDisplayState(input) {
         disabled: disabled || Boolean(releaseLabel),
         label: releaseLabel
             ? { ...releaseLabel, tone: "muted" }
-            : admissionSaleLabel(input.admission, zone),
+            : admissionSaleLabel(input.admission, zone, input.locale ?? DEFAULT_LOCALE),
         maxQuantity: maxQuantity(input.admission, input.section),
         postSale: saleEnded,
         showScarcity: showScarcity(input.admission, soldOut, disabled),

package/dist/collection/components/session-services-ticketing/session-services-ticketing.logic.test.js

@@ -162,7 +162,7 @@ describe("session-services-ticketing logic", () => {
             "adm_door",
         ]);
     });
-    it("disables admissions outside their online sale window", () => {
+    it("formats future sale labels in the default en-US locale", () => {
         const data = event({
             admissions: [
                 admission({
@@ -176,7 +176,24 @@ describe("session-services-ticketing logic", () => {
             event: data,
         });
         expect(state.disabled).toBe(true);
-        expect(state.label?.text).toContain("On sale");
+        expect(state.label?.text).toBe("On sale Tue, Jan 1 · 8:00 PM");
+    });
+    it("formats future sale labels in the requested locale", () => {
+        const data = event({
+            admissions: [
+                admission({
+                    saleStartsAt: futureStart,
+                    saleEndsAt: "2030-01-02T20:00:00",
+                }),
+            ],
+        });
+        const state = getAdmissionDisplayState({
+            admission: data.admissions[0],
+            event: data,
+            locale: "fr-FR",
+        });
+        expect(state.disabled).toBe(true);
+        expect(state.label?.text).toBe("On sale mar. 1 janv. · 20:00");
     });
     it("disables dependent releases until the previous release ends", () => {
         const first = admission({