@session-services/web-elements 0.1.19 → 0.1.21

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

@@ -0,0 +1,264 @@
+import { describe, expect, it, vi } from "vitest";
+import { SessionsTicketing } from "./session-services-ticketing";
+import { selectionKey, } from "./session-services-ticketing.logic";
+vi.mock("@stencil/core", () => ({
+    Component: () => () => undefined,
+    Element: () => () => undefined,
+    Event: () => () => undefined,
+    Host: "mock-host",
+    Prop: () => () => undefined,
+    State: () => () => undefined,
+    Watch: () => () => undefined,
+    h: () => undefined,
+}));
+const futureStart = "2030-01-01T20:00:00";
+const futureEnd = "2030-01-01T23:00:00";
+const pastStart = "2020-01-01T20:00:00";
+function admission(data = {}) {
+    return {
+        id: "adm_general",
+        name: "General Admission",
+        capacity: 100,
+        available: 100,
+        sold: 0,
+        reserved: 0,
+        limit: 10,
+        order: 1,
+        entryStartsAt: futureStart,
+        entryEndsAt: futureEnd,
+        saleStartsAt: pastStart,
+        saleEndsAt: futureEnd,
+        saleEndsBehavior: "SALE_ENDED",
+        price: {
+            base: 2000,
+            booking: 200,
+            currency: "AUD",
+        },
+        visibility: "ALWAYS",
+        teamId: "team_1",
+        promoterId: "pro_1",
+        eventId: "evt_1",
+        eventSlug: "event",
+        ...data,
+    };
+}
+function event(data = {}) {
+    return {
+        id: "evt_1",
+        name: "Test Event",
+        slug: "event",
+        currency: "AUD",
+        entryStartsAt: futureStart,
+        entryEndsAt: futureEnd,
+        publishAt: pastStart,
+        updatedAt: pastStart,
+        status: "UPCOMING",
+        visibility: "PUBLIC",
+        approval: "APPROVED",
+        teamId: "team_1",
+        promoterId: "pro_1",
+        admissions: [admission()],
+        sections: [],
+        images: {},
+        location: {
+            id: "loc_1",
+            name: "Club",
+            address: "1 Test St",
+            city: "Sydney",
+            country: "AU",
+            latitude: -33.86,
+            longitude: 151.2,
+            timeZone: "Australia/Sydney",
+            createdAt: pastStart,
+            updatedAt: pastStart,
+        },
+        ...data,
+    };
+}
+function quote(data = {}) {
+    return {
+        items: [
+            {
+                id: "item_1",
+                kind: "ADMISSION",
+                admissionId: "adm_general",
+                quantity: 1,
+                price: {
+                    base: 2000,
+                    booking: 200,
+                    currency: "AUD",
+                    discount: 0,
+                    gross: 2200,
+                    net: 2200,
+                    refunded: 0,
+                    total: 2200,
+                },
+            },
+        ],
+        price: {
+            base: 2000,
+            booking: 200,
+            currency: "AUD",
+            discount: 0,
+            gross: 2200,
+            net: 2200,
+            refunded: 0,
+            total: 2200,
+        },
+        ...data,
+    };
+}
+function deferred() {
+    let resolve;
+    const promise = new Promise((done) => {
+        resolve = done;
+    });
+    return { promise, resolve };
+}
+function widget() {
+    const item = new SessionsTicketing();
+    item.eventId = "evt_1";
+    item.event = event();
+    item.selectedItems = new Map();
+    item.quote = null;
+    item.previewQuote = null;
+    item.quoteError = null;
+    item.couponError = null;
+    item.appliedCouponCode = "";
+    item.couponInput = "";
+    item.couponCode = undefined;
+    item.initialPreviewQuote = undefined;
+    item.quoteLoading = false;
+    item.previewLoading = false;
+    item.passcodeDenied = false;
+    item.error = null;
+    item.activePasscode = "";
+    item.cartUpdate = { emit: vi.fn() };
+    item.errorOccurred = { emit: vi.fn() };
+    item.client = {
+        event: {
+            get: vi.fn(),
+        },
+        order: {
+            create: vi.fn(),
+            quote: vi.fn(),
+        },
+    };
+    return item;
+}
+describe("session-services-ticketing component", () => {
+    it("clears stale cart quotes when requoting fails", async () => {
+        const item = widget();
+        item.quote = quote();
+        item.selectedItems = new Map([[selectionKey("adm_general", null), 2]]);
+        item.client.order.quote = vi.fn().mockRejectedValue(new Error("Down"));
+        await item.updateQuote();
+        expect(item.quote).toBeNull();
+        expect(item.quoteError).toBe("Failed to update cart. Please try again.");
+        expect(item.isCheckoutDisabled()).toBe(true);
+    });
+    it("does not commit failed cart coupon applications", async () => {
+        const item = widget();
+        const current = quote();
+        item.quote = current;
+        item.appliedCouponCode = "SAVE10";
+        item.couponInput = "bad";
+        item.selectedItems = new Map([[selectionKey("adm_general", null), 1]]);
+        item.client.order.quote = vi
+            .fn()
+            .mockRejectedValue(new Error("Invalid coupon"));
+        await item.applyCoupon();
+        expect(item.appliedCouponCode).toBe("SAVE10");
+        expect(item.couponInput).toBe("BAD");
+        expect(item.quote).toBe(current);
+        expect(item.couponError).toBe("Failed to apply coupon. Please check the code.");
+        expect(item.client.order.quote).toHaveBeenCalledWith(expect.objectContaining({ couponCode: "BAD" }));
+    });
+    it("keeps preview quote loading separate from cart quote loading", async () => {
+        const item = widget();
+        const next = deferred();
+        item.appliedCouponCode = "SAVE20";
+        item.client.order.quote = vi.fn().mockReturnValue(next.promise);
+        const pending = item.updatePreviewQuote();
+        await Promise.resolve();
+        expect(item.previewLoading).toBe(true);
+        expect(item.quoteLoading).toBe(false);
+        next.resolve({ quote: quote() });
+        await pending;
+        expect(item.previewLoading).toBe(false);
+        expect(item.previewQuote).not.toBeNull();
+    });
+    it("uses initial preview quotes without refetching", async () => {
+        const item = widget();
+        const initial = quote({
+            price: {
+                base: 2000,
+                booking: 200,
+                currency: "AUD",
+                discount: -1000,
+                dispute: 0,
+                gateway: 0,
+                gross: 2200,
+                net: 1200,
+                refunded: 0,
+                shipping: 0,
+                sms: 0,
+                total: 1200,
+            },
+        });
+        item.couponCode = "SAVE20";
+        item.appliedCouponCode = "SAVE20";
+        item.initialPreviewQuote = initial;
+        item.client.order.quote = vi.fn();
+        await item.updatePreviewQuote();
+        expect(item.previewQuote).toBe(initial);
+        expect(item.client.order.quote).not.toHaveBeenCalled();
+    });
+    it("debounces cart quotes after quantity changes", async () => {
+        vi.useFakeTimers();
+        const item = widget();
+        item.client.order.quote = vi.fn().mockResolvedValue({ quote: quote() });
+        await item.updateQuantity("adm_general", null, 1);
+        expect(item.quoteLoading).toBe(true);
+        expect(item.client.order.quote).not.toHaveBeenCalled();
+        await vi.advanceTimersByTimeAsync(150);
+        expect(item.client.order.quote).toHaveBeenCalledOnce();
+        expect(item.quote).not.toBeNull();
+        vi.useRealTimers();
+    });
+    it("labels free checkout quotes as continue", () => {
+        const item = widget();
+        item.quote = quote({
+            price: {
+                base: 0,
+                booking: 0,
+                currency: "AUD",
+                dispute: 0,
+                discount: 0,
+                gateway: 0,
+                gross: 0,
+                net: 0,
+                refunded: 0,
+                shipping: 0,
+                sms: 0,
+                total: 0,
+            },
+        });
+        expect(item.getCheckoutButtonText()).toBe("Continue");
+    });
+    it("classifies only passcode access failures as passcode errors", async () => {
+        const item = widget();
+        item.client.event.get = vi
+            .fn()
+            .mockRejectedValueOnce(Object.assign(new Error("Authentication required"), {
+            code: "UNAUTHORIZED",
+        }))
+            .mockRejectedValueOnce(Object.assign(new Error("Incorrect passcode"), {
+            code: "UNAUTHORIZED",
+        }));
+        await item.loadEventData();
+        expect(item.passcodeDenied).toBe(false);
+        await item.loadEventData();
+        expect(item.passcodeDenied).toBe(true);
+    });
+});

package/dist/components/session-services-formatted-text.js

@@ -1443,7 +1443,7 @@ var tlds = [
 
 const URL_WITH_PROTOCOL = /https?:\/\/[^\s<>"]+/gi;
 const EMAIL = /[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}/gi;
-const INSTAGRAM = /(?<![a-z0-9._%+-])@([a-z0-9][a-z0-9._]{0,29})\b/gi;
+const INSTAGRAM = /@([a-z0-9][a-z0-9._]{0,29})\b/gi;
 const SOUNDCLOUD = /https?:\/\/(?:www\.)?soundcloud\.com\/[a-z0-9_-]+(?:\/[^\s<>"]*)?/gi;
 const DIVIDER = /^[-=]{3,}$/gm;
 let bareDomainPattern = null;
@@ -1461,6 +1461,9 @@ const MAX_TEXT_LENGTH_FOR_BARE_DOMAIN = 2048;
 function cleanUrl(url) {
   return url.replace(/[.,;:!?)]+$/, "");
 }
+function matchIndex(match) {
+  return match.index ?? 0;
+}
 function isSoundCloudUrl(url) {
   try {
     const parsed = new URL(url);
@@ -1469,86 +1472,105 @@ function isSoundCloudUrl(url) {
     return false;
   }
 }
-function findLinks(text) {
-  const matches = [];
-  const usedRanges = [];
-  const isOverlapping = (start, end) => {
-    return usedRanges.some(
-      ([s, e]) => start >= s && start < e || end > s && end <= e || start <= s && end >= e
-    );
+function isLinkMatch(match) {
+  return Boolean(match);
+}
+function isInstagramBoundary(text, index) {
+  if (index === 0) return true;
+  const prev = text[index - 1];
+  return prev ? !/[a-z0-9._%+-]/i.test(prev) : true;
+}
+function soundCloudMatch(_text, match) {
+  const index = matchIndex(match);
+  const url = cleanUrl(match[0]);
+  return {
+    type: "soundcloud",
+    start: index,
+    end: index + url.length,
+    text: url,
+    href: url
   };
-  const addMatch = (match) => {
-    if (!isOverlapping(match.start, match.end)) {
-      matches.push(match);
-      usedRanges.push([match.start, match.end]);
-    }
+}
+function urlMatch(_text, match) {
+  const url = cleanUrl(match[0]);
+  if (isSoundCloudUrl(url)) return void 0;
+  const index = matchIndex(match);
+  return {
+    type: "url",
+    start: index,
+    end: index + url.length,
+    text: url,
+    href: url
   };
-  SOUNDCLOUD.lastIndex = 0;
-  for (const match of text.matchAll(SOUNDCLOUD)) {
-    const index = match.index ?? 0;
-    const url = cleanUrl(match[0]);
-    addMatch({
-      type: "soundcloud",
-      start: index,
-      end: index + url.length,
-      text: url,
-      href: url
-    });
-  }
-  URL_WITH_PROTOCOL.lastIndex = 0;
-  for (const match of text.matchAll(URL_WITH_PROTOCOL)) {
-    const index = match.index ?? 0;
-    const url = cleanUrl(match[0]);
-    if (!isSoundCloudUrl(url)) {
-      addMatch({
-        type: "url",
-        start: index,
-        end: index + url.length,
-        text: url,
-        href: url
-      });
-    }
-  }
-  EMAIL.lastIndex = 0;
-  for (const match of text.matchAll(EMAIL)) {
-    const index = match.index ?? 0;
-    addMatch({
-      type: "email",
-      start: index,
-      end: index + match[0].length,
-      text: match[0],
-      href: `mailto:${match[0]}`
-    });
-  }
-  INSTAGRAM.lastIndex = 0;
-  for (const match of text.matchAll(INSTAGRAM)) {
-    const index = match.index ?? 0;
-    const username = match[1];
-    addMatch({
-      type: "instagram",
-      start: index,
-      end: index + match[0].length,
-      text: match[0],
-      href: `https://instagram.com/${username}`
-    });
-  }
-  if (text.length <= MAX_TEXT_LENGTH_FOR_BARE_DOMAIN) {
-    const bareDomain = getBareDomainPattern();
-    bareDomain.lastIndex = 0;
-    for (const match of text.matchAll(bareDomain)) {
-      const index = match.index ?? 0;
-      const domain = cleanUrl(match[0]);
-      addMatch({
-        type: "url",
-        start: index,
-        end: index + domain.length,
-        text: domain,
-        href: `https://${domain}`
-      });
-    }
+}
+function emailMatch(_text, match) {
+  const index = matchIndex(match);
+  return {
+    type: "email",
+    start: index,
+    end: index + match[0].length,
+    text: match[0],
+    href: `mailto:${match[0]}`
+  };
+}
+function instagramMatch(text, match) {
+  const index = matchIndex(match);
+  if (!isInstagramBoundary(text, index)) return void 0;
+  const username = match[1];
+  return {
+    type: "instagram",
+    start: index,
+    end: index + match[0].length,
+    text: match[0],
+    href: `https://instagram.com/${username}`
+  };
+}
+function bareDomainMatch(_text, match) {
+  const index = matchIndex(match);
+  const domain = cleanUrl(match[0]);
+  return {
+    type: "url",
+    start: index,
+    end: index + domain.length,
+    text: domain,
+    href: `https://${domain}`
+  };
+}
+const BASE_LINK_EXTRACTORS = [
+  { pattern: SOUNDCLOUD, toMatch: soundCloudMatch },
+  { pattern: URL_WITH_PROTOCOL, toMatch: urlMatch },
+  { pattern: EMAIL, toMatch: emailMatch },
+  { pattern: INSTAGRAM, toMatch: instagramMatch }
+];
+function bareDomainExtractor() {
+  return { pattern: getBareDomainPattern(), toMatch: bareDomainMatch };
+}
+function matchesForExtractor(text, extractor) {
+  extractor.pattern.lastIndex = 0;
+  return Array.from(
+    text.matchAll(extractor.pattern),
+    (match) => extractor.toMatch(text, match)
+  ).filter(isLinkMatch);
+}
+function rangesOverlap(a, b) {
+  return a.start < b.end && a.end > b.start;
+}
+function withoutOverlaps(candidates) {
+  const matches = [];
+  const used = [];
+  for (const candidate of candidates) {
+    if (used.some((range) => rangesOverlap(candidate, range))) continue;
+    matches.push(candidate);
+    used.push(candidate);
   }
   return matches.sort((a, b) => a.start - b.start);
 }
+function findLinks(text) {
+  const extractors = text.length <= MAX_TEXT_LENGTH_FOR_BARE_DOMAIN ? [...BASE_LINK_EXTRACTORS, bareDomainExtractor()] : BASE_LINK_EXTRACTORS;
+  return withoutOverlaps(
+    extractors.flatMap((extractor) => matchesForExtractor(text, extractor))
+  );
+}
 function findDividers(text) {
   const dividers = [];
   DIVIDER.lastIndex = 0;
@@ -1573,72 +1595,67 @@ function parseFormattedText(text) {
   if (!text) {
     return [];
   }
-  const links = findLinks(text);
-  const dividers = findDividers(text);
   const segments = [];
-  const markers = [
-    ...links.map((l) => ({
-      type: "link",
-      data: l,
-      start: l.start,
-      end: l.end
-    })),
-    ...dividers.map((d) => ({
-      type: "divider",
-      start: d.start,
-      end: d.end
-    }))
-  ].sort((a, b) => a.start - b.start);
+  const markers = buildMarkers(findLinks(text), findDividers(text));
   let lastEnd = 0;
   let lastWasDivider = false;
   for (const marker of markers) {
     if (marker.start < lastEnd) continue;
-    if (marker.start > lastEnd) {
-      let textContent = text.slice(lastEnd, marker.start);
-      if (lastWasDivider) {
-        textContent = textContent.replace(/^\n+/, "");
-      }
-      if (marker.type === "divider") {
-        textContent = textContent.replace(/\n+$/, "");
-      }
-      if (textContent) {
-        segments.push({ type: "text", content: textContent });
-      }
-    }
-    if (marker.type === "link") {
-      const link = marker.data;
-      if (link.type === "soundcloud") {
-        segments.push({
-          type: "soundcloud",
-          content: link.text,
-          href: link.href
-        });
-      } else {
-        segments.push({
-          type: "link",
-          content: link.text,
-          href: link.href,
-          linkType: link.type
-        });
-      }
-      lastWasDivider = false;
-    } else {
-      segments.push({ type: "divider", content: "" });
-      lastWasDivider = true;
-    }
+    appendTextSegment(segments, text, lastEnd, marker.start, {
+      trimLeading: lastWasDivider,
+      trimTrailing: marker.type === "divider"
+    });
+    segments.push(markerSegment(marker));
     lastEnd = marker.end;
+    lastWasDivider = marker.type === "divider";
   }
-  if (lastEnd < text.length) {
-    let textContent = text.slice(lastEnd);
-    if (lastWasDivider) {
-      textContent = textContent.replace(/^\n+/, "");
-    }
-    if (textContent) {
-      segments.push({ type: "text", content: textContent });
-    }
-  }
+  appendTextSegment(segments, text, lastEnd, text.length, {
+    trimLeading: lastWasDivider,
+    trimTrailing: false
+  });
   return segments;
 }
+function buildMarkers(links, dividers) {
+  return [
+    ...links.map((link) => ({
+      type: "link",
+      data: link,
+      start: link.start,
+      end: link.end
+    })),
+    ...dividers.map((divider) => ({
+      type: "divider",
+      start: divider.start,
+      end: divider.end
+    }))
+  ].sort((a, b) => a.start - b.start);
+}
+function trimTextSegment(content, opts) {
+  const leading = opts.trimLeading ? content.replace(/^\n+/, "") : content;
+  return opts.trimTrailing ? leading.replace(/\n+$/, "") : leading;
+}
+function appendTextSegment(segments, text, start, end, opts) {
+  if (start >= end) return;
+  const content = trimTextSegment(text.slice(start, end), opts);
+  if (content) segments.push({ type: "text", content });
+}
+function markerSegment(marker) {
+  if (marker.type === "divider") return { type: "divider", content: "" };
+  const link = marker.data;
+  if (link.type === "soundcloud") {
+    return {
+      type: "soundcloud",
+      content: link.text,
+      href: link.href
+    };
+  }
+  return {
+    type: "link",
+    content: link.text,
+    href: link.href,
+    linkType: link.type
+  };
+}
 
 const sessionServicesFormattedTextCss = () => `:host{--foreground:oklch(0.145 0 0);--muted-foreground:oklch(0.556 0 0);--primary:oklch(0.42 0.24 264.376);--border:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--radius:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
     "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--internal-foreground:var(--foreground, oklch(0.145 0 0));--internal-muted-foreground:var(--muted-foreground, oklch(0.556 0 0));--internal-primary:var(--primary, oklch(0.42 0.24 264.376));--internal-border:var(--border, oklch(0.922 0 0));--internal-ring:var(--ring, oklch(0.708 0 0));--internal-radius:var(--radius, 0.5rem);--internal-spacing-md:var(--spacing-md, 1rem);--internal-spacing-lg:var(--spacing-lg, 1.5rem);--internal-font-family:var(
@@ -1682,28 +1699,27 @@ const SessionServicesFormattedText$1 = /*@__PURE__*/ proxyCustomElement(class Se
         this.setupTheme();
     }
     disconnectedCallback() {
-        if (this.mediaQueryList) {
-            this.mediaQueryList.removeEventListener("change", this.handleSystemThemeChange);
-        }
+        this.removeThemeListener();
     }
     setupTheme() {
-        if (this.mediaQueryList) {
-            this.mediaQueryList.removeEventListener("change", this.handleSystemThemeChange);
-        }
-        if (this.theme === "system") {
-            // Guard for testing environments (JSDOM) where matchMedia may not exist
-            if (typeof globalThis.matchMedia === "function") {
-                this.mediaQueryList = globalThis.matchMedia("(prefers-color-scheme: dark)");
-                this.currentTheme = this.mediaQueryList.matches ? "dark" : "light";
-                this.mediaQueryList.addEventListener("change", this.handleSystemThemeChange);
-            }
-            else {
-                this.currentTheme = "light";
-            }
-        }
-        else {
+        this.removeThemeListener();
+        if (this.theme !== "system") {
             this.currentTheme = this.theme;
+            return;
         }
+        this.setupSystemTheme();
+    }
+    removeThemeListener() {
+        this.mediaQueryList?.removeEventListener("change", this.handleSystemThemeChange);
+    }
+    setupSystemTheme() {
+        if (typeof globalThis.matchMedia !== "function") {
+            this.currentTheme = "light";
+            return;
+        }
+        this.mediaQueryList = globalThis.matchMedia("(prefers-color-scheme: dark)");
+        this.currentTheme = this.mediaQueryList.matches ? "dark" : "light";
+        this.mediaQueryList.addEventListener("change", this.handleSystemThemeChange);
     }
     handleSystemThemeChange = (e) => {
         if (this.theme === "system") {
@@ -1735,21 +1751,21 @@ const SessionServicesFormattedText$1 = /*@__PURE__*/ proxyCustomElement(class Se
         return (h("div", { key: key, class: "soundcloud-embed" }, h("iframe", { width: "100%", height: "166", scrolling: "no", allow: "autoplay", sandbox: "allow-scripts allow-same-origin allow-popups", src: embedUrl, title: iframeTitle, loading: "lazy" })));
     }
     renderSegment(segment, index) {
-        switch (segment.type) {
-            case "text":
-                return h("span", { key: index }, segment.content);
-            case "link":
-                return this.renderLink(segment, index);
-            case "divider":
-                return h("hr", { key: index, class: "formatted-divider" });
-            case "soundcloud":
-                return this.renderSoundCloudEmbed(segment.href || "", index, segment.content);
-            default:
-                return null;
-        }
+        if (segment.type === "text")
+            return h("span", { key: index }, segment.content);
+        if (segment.type === "link")
+            return this.renderLink(segment, index);
+        if (segment.type === "divider")
+            return h("hr", { key: index, class: "formatted-divider" });
+        return this.renderMediaSegment(segment, index);
+    }
+    renderMediaSegment(segment, index) {
+        if (segment.type !== "soundcloud")
+            return null;
+        return this.renderSoundCloudEmbed(segment.href || "", index, segment.content);
     }
     render() {
-        return (h(Host, { key: '1a7f36efb8cdbd1efdaa97c36b60593a13c99c4e', "data-theme": this.currentTheme }, h("div", { key: 'fce1176ff0ef2ea5c3f1b282ab9a52554491f9bf', class: "formatted-text" }, this.segments.map((segment, index) => this.renderSegment(segment, index)))));
+        return (h(Host, { key: '3b477ff5db918a1b3b6872f48d330305d320ae3b', "data-theme": this.currentTheme }, h("div", { key: 'efe7fc93f9f1c2b38271a30e4a8fdf7306793d6e', class: "formatted-text" }, this.segments.map((segment, index) => this.renderSegment(segment, index)))));
     }
     static get watchers() { return {
         "text": ["textChanged"],