@session-services/web-elements 0.1.28 → 0.1.31

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

@@ -1,8 +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"}`;
 }
@@ -50,9 +52,11 @@ function isAdmissionOnSale(admission, zone) {
 function hasAdmissionCapacity(admission, section) {
     return getAdmissionSelectionCapacity({ admission, section }) > 0;
 }
-function isAdmissionPurchasable(admission, zone, sections) {
+function isAdmissionPurchasable(admission, admissions, zone, sections) {
     if (!hasAdmissionSection(admission, sections))
         return false;
+    if (getAdmissionReleaseLabel(admission, admissions, zone))
+        return false;
     if (!isAdmissionOnSale(admission, zone))
         return false;
     return hasAdmissionCapacity(admission, admissionSection(admission, sections));
@@ -60,17 +64,37 @@ function isAdmissionPurchasable(admission, zone, sections) {
 function hasPurchasableAdmissions(event) {
     const sections = sectionsById(event);
     const zone = eventTimeZone(event);
-    return event.admissions.some((admission) => isAdmissionPurchasable(admission, zone, sections));
+    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" };
@@ -129,7 +153,8 @@ export function visibleAdmissions(event, mode) {
     if (mode !== "door")
         return event.admissions;
     const zone = eventTimeZone(event);
-    return event.admissions.filter((admission) => admission.saleEndsBehavior === "DOOR" &&
+    return event.admissions.filter((admission) => !getAdmissionReleaseLabel(admission, event.admissions, zone) &&
+        admission.saleEndsBehavior === "DOOR" &&
         isNaiveDateTimePast(admission.saleEndsAt, zone));
 }
 function isStackableAdmission(input) {
@@ -263,6 +288,7 @@ function showScarcity(admission, soldOut, disabled) {
 }
 export function getAdmissionDisplayState(input) {
     const zone = eventTimeZone(input.event);
+    const releaseLabel = getAdmissionReleaseLabel(input.admission, input.event.admissions, zone);
     const saleNotStarted = isNaiveDateTimeFuture(input.admission.saleStartsAt, zone);
     const saleEnded = isNaiveDateTimePast(input.admission.saleEndsAt, zone);
     const saleEndedSoldOut = saleEnded && input.admission.saleEndsBehavior === "SOLD_OUT";
@@ -279,8 +305,10 @@ export function getAdmissionDisplayState(input) {
         value: input.admission.saleEndsBehavior,
     });
     return {
-        disabled,
-        label: admissionSaleLabel(input.admission, zone),
+        disabled: disabled || Boolean(releaseLabel),
+        label: releaseLabel
+            ? { ...releaseLabel, tone: "muted" }
+            : admissionSaleLabel(input.admission, zone, input.locale ?? DEFAULT_LOCALE),
         maxQuantity: maxQuantity(input.admission, input.section),
         postSale: saleEnded,
         showScarcity: showScarcity(input.admission, soldOut, disabled),
@@ -340,6 +368,9 @@ export function previewQuoteItems(event) {
     const zone = eventTimeZone(event);
     return event.admissions
         .filter((admission) => {
+        if (getAdmissionReleaseLabel(admission, event.admissions, zone)) {
+            return false;
+        }
         if (admission.sectionId && !ids.has(admission.sectionId))
             return false;
         if (isNaiveDateTimeFuture(admission.saleStartsAt, zone))

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

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { admissionPriceSavings, discountCouponFromSearch, getAdmissionDisplayState, getAdmissionPriceDisplay, getTicketingState, topLevelTicketItems, visibleAdmissions, } from "./session-services-ticketing.logic";
+import { admissionPriceSavings, discountCouponFromSearch, getAdmissionDisplayState, getAdmissionPriceDisplay, getTicketingState, previewQuoteItems, topLevelTicketItems, visibleAdmissions, } from "./session-services-ticketing.logic";
 const futureStart = "2030-01-01T20:00:00";
 const futureEnd = "2030-01-01T23:00:00";
 const pastStart = "2020-01-01T20:00:00";
@@ -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,51 @@ 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({
+            id: "adm_first",
+            name: "First Release",
+            capacity: 100,
+            sold: 20,
+        });
+        const second = admission({
+            id: "adm_second",
+            name: "Second Release",
+            visibility: "AFTER_ADMISSION",
+            visibleAfterAdmissionId: first.id,
+        });
+        const data = event({ admissions: [first, second] });
+        const state = getAdmissionDisplayState({
+            admission: second,
+            event: data,
+        });
+        expect(state.disabled).toBe(true);
+        expect(state.label).toEqual({
+            text: "Available soon",
+            tone: "muted",
+        });
+        expect(previewQuoteItems(data).map((item) => item.admissionId)).toEqual([
+            first.id,
+        ]);
     });
     it("treats sold-out sale endings as sold out instead of a price label", () => {
         const data = event({