@session-services/web-elements 0.1.20 → 0.1.21

package/dist/esm/{index-CeXOR4aK.js → index-CNOpF6tk.js}

@@ -1518,4 +1518,4 @@ function transformTag(tag) {
   return tag;
 }
 
-export { Host as H, bootstrapLazy as b, createEvent as c, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-CeXOR4aK.js';
-export { s as setNonce } from './index-CeXOR4aK.js';
+import { b as bootstrapLazy } from './index-CNOpF6tk.js';
+export { s as setNonce } from './index-CNOpF6tk.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["session-services-formatted-text",[[769,"session-services-formatted-text",{"text":[1],"theme":[1],"currentTheme":[32],"segments":[32]},null,{"text":["textChanged"],"theme":["themeChanged"]}]]],["session-services-ticketing",[[769,"session-services-ticketing",{"tenantId":[1,"tenant-id"],"eventId":[1,"event-id"],"apiUrl":[1,"api-url"],"locale":[1],"returnUrl":[1,"return-url"],"theme":[1],"enableAnalytics":[4,"enable-analytics"],"debugAnalytics":[4,"debug-analytics"],"event":[32],"selectedItems":[32],"quote":[32],"loading":[32],"error":[32],"quoteLoading":[32],"quoteError":[32],"checkoutLoading":[32],"currentTheme":[32],"openModalAdmissionId":[32]},null,{"tenantId":["propsChanged"],"eventId":["propsChanged"],"apiUrl":["propsChanged"],"theme":["themeChanged"]}]]]], options);
+  return bootstrapLazy([["session-services-formatted-text",[[769,"session-services-formatted-text",{"text":[1],"theme":[1],"currentTheme":[32],"segments":[32]},null,{"text":["textChanged"],"theme":["themeChanged"]}]]],["session-services-ticketing",[[769,"session-services-ticketing",{"tenantId":[1,"tenant-id"],"eventId":[1,"event-id"],"apiUrl":[1,"api-url"],"locale":[1],"returnUrl":[1,"return-url"],"couponCode":[1,"coupon-code"],"initialAdmissionPrices":[1,"initial-admission-prices"],"initialPreviewQuote":[1,"initial-preview-quote"],"passcode":[1],"stickyCheckout":[4,"sticky-checkout"],"theme":[1],"enableAnalytics":[4,"enable-analytics"],"debugAnalytics":[4,"debug-analytics"],"event":[32],"selectedItems":[32],"quote":[32],"previewQuote":[32],"loading":[32],"error":[32],"quoteLoading":[32],"previewLoading":[32],"quoteError":[32],"couponError":[32],"couponInput":[32],"appliedCouponCode":[32],"passcodeInput":[32],"activePasscode":[32],"passcodeDenied":[32],"selectionPrompt":[32],"checkoutLoading":[32],"currentTheme":[32],"openModalAdmissionId":[32]},null,{"tenantId":["propsChanged"],"eventId":["propsChanged"],"apiUrl":["propsChanged"],"passcode":["propsChanged"],"couponCode":["couponCodeChanged"],"initialAdmissionPrices":["couponCodeChanged"],"initialPreviewQuote":["couponCodeChanged"],"theme":["themeChanged"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/session-services-elements.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-CeXOR4aK.js';
-export { s as setNonce } from './index-CeXOR4aK.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CNOpF6tk.js';
+export { s as setNonce } from './index-CNOpF6tk.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["session-services-formatted-text",[[769,"session-services-formatted-text",{"text":[1],"theme":[1],"currentTheme":[32],"segments":[32]},null,{"text":["textChanged"],"theme":["themeChanged"]}]]],["session-services-ticketing",[[769,"session-services-ticketing",{"tenantId":[1,"tenant-id"],"eventId":[1,"event-id"],"apiUrl":[1,"api-url"],"locale":[1],"returnUrl":[1,"return-url"],"theme":[1],"enableAnalytics":[4,"enable-analytics"],"debugAnalytics":[4,"debug-analytics"],"event":[32],"selectedItems":[32],"quote":[32],"loading":[32],"error":[32],"quoteLoading":[32],"quoteError":[32],"checkoutLoading":[32],"currentTheme":[32],"openModalAdmissionId":[32]},null,{"tenantId":["propsChanged"],"eventId":["propsChanged"],"apiUrl":["propsChanged"],"theme":["themeChanged"]}]]]], options);
+  return bootstrapLazy([["session-services-formatted-text",[[769,"session-services-formatted-text",{"text":[1],"theme":[1],"currentTheme":[32],"segments":[32]},null,{"text":["textChanged"],"theme":["themeChanged"]}]]],["session-services-ticketing",[[769,"session-services-ticketing",{"tenantId":[1,"tenant-id"],"eventId":[1,"event-id"],"apiUrl":[1,"api-url"],"locale":[1],"returnUrl":[1,"return-url"],"couponCode":[1,"coupon-code"],"initialAdmissionPrices":[1,"initial-admission-prices"],"initialPreviewQuote":[1,"initial-preview-quote"],"passcode":[1],"stickyCheckout":[4,"sticky-checkout"],"theme":[1],"enableAnalytics":[4,"enable-analytics"],"debugAnalytics":[4,"debug-analytics"],"event":[32],"selectedItems":[32],"quote":[32],"previewQuote":[32],"loading":[32],"error":[32],"quoteLoading":[32],"previewLoading":[32],"quoteError":[32],"couponError":[32],"couponInput":[32],"appliedCouponCode":[32],"passcodeInput":[32],"activePasscode":[32],"passcodeDenied":[32],"selectionPrompt":[32],"checkoutLoading":[32],"currentTheme":[32],"openModalAdmissionId":[32]},null,{"tenantId":["propsChanged"],"eventId":["propsChanged"],"apiUrl":["propsChanged"],"passcode":["propsChanged"],"couponCode":["couponCodeChanged"],"initialAdmissionPrices":["couponCodeChanged"],"initialPreviewQuote":["couponCodeChanged"],"theme":["themeChanged"]}]]]], options);
 });

package/dist/esm/session-services-formatted-text.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CeXOR4aK.js';
+import { r as registerInstance, h, H as Host } from './index-CNOpF6tk.js';
 
 var tlds = [
 	"aaa",
@@ -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(
@@ -1678,28 +1695,27 @@ const SessionServicesFormattedText = class {
         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") {
@@ -1731,21 +1747,21 @@ const SessionServicesFormattedText = class {
         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"],