@momentco-ai/moment-sdk 0.3.0 → 0.3.2-dev.21

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Added
+
+- `externalEventIdPrefix` on `MomentSdkOpenPayload`, `createMomentButton()`, and `data-external-event-id-prefix` for event-level sync buttons. Live fetches all showings for the upstream event and prompts the user to pick one. Mutually exclusive with `externalEventId`.
+
 ## [0.3.0] - 2026-06-08
 
 ### Added

package/README.md

@@ -106,19 +106,20 @@ For `team` and `brand-playlist`, omit moment/list/ID and source-resolution attri
 
 Place these on any element matching the trigger selector (default: `.moment-sync-trigger`):
 
-| Attribute                  | Required     | Description                                                       |
-| -------------------------- | ------------ | ----------------------------------------------------------------- |
-| `data-moment-team-slug`    | Yes          | Team/brand slug provided by Moment                                |
-| `data-moment-slug`         | For `moment` | Brand-level moment slug (resolved server-side)                    |
-| `data-moment-list-slug`    | For `list`   | List slug                                                         |
-| `data-moment-trigger-type` | No           | `moment` (default), `list`, `team`, or `brand-playlist`           |
-| `data-moment-ids`          | No           | Comma-separated moment IDs (fallback if slugs don't resolve)      |
-| `data-moment-game-id`      | No           | Alias for `data-moment-ids`                                       |
-| `data-moment-calendar`     | No           | Pre-select provider: `google` or `outlook`                        |
-| `data-api-source-id`       | No           | Sync-subscription source ID (pairs with `data-external-event-id`) |
-| `data-external-event-id`   | No           | External event ID from your feed, resolved against the source ID  |
-
-When both `data-api-source-id` and `data-external-event-id` are set, Live resolves the moment server-side — useful when your CMS emits native event IDs instead of Moment slugs.
+| Attribute                       | Required     | Description                                                       |
+| ------------------------------- | ------------ | ----------------------------------------------------------------- |
+| `data-moment-team-slug`         | Yes          | Team/brand slug provided by Moment                                |
+| `data-moment-slug`              | For `moment` | Brand-level moment slug (resolved server-side)                    |
+| `data-moment-list-slug`         | For `list`   | List slug                                                         |
+| `data-moment-trigger-type`      | No           | `moment` (default), `list`, `team`, or `brand-playlist`           |
+| `data-moment-ids`               | No           | Comma-separated moment IDs (fallback if slugs don't resolve)      |
+| `data-moment-game-id`           | No           | Alias for `data-moment-ids`                                       |
+| `data-moment-calendar`          | No           | Pre-select provider: `google` or `outlook`                        |
+| `data-api-source-id`            | No           | Sync-subscription source ID (pairs with external id attributes)   |
+| `data-external-event-id`        | No           | Exact external id (`event_id:showing_id`) resolved against source |
+| `data-external-event-id-prefix` | No           | Upstream event id only — user picks a showing in the embed modal  |
+
+When `data-api-source-id` is set with either `data-external-event-id` (one showing) or `data-external-event-id-prefix` (all showings for an event), Live resolves moments server-side — useful when your CMS emits native event IDs instead of Moment slugs.
 
 ---
 
@@ -150,12 +151,20 @@ sdk.open({
   triggerType: 'moment',
 });
 
-// Source-based resolution (CMS event ID)
+// Source-based resolution (CMS event ID — single showing)
 sdk.open({
   teamSlug: 'your-team-slug',
   triggerType: 'moment',
   apiSourceId: 'your-sync-source-id',
-  externalEventId: 'native-event-12345',
+  externalEventId: '1420:2706',
+});
+
+// Source-based resolution (event with multiple showings — user picks date)
+sdk.open({
+  teamSlug: 'your-team-slug',
+  triggerType: 'moment',
+  apiSourceId: 'your-sync-source-id',
+  externalEventIdPrefix: '1420',
 });
 
 // Follow full team schedule

package/dist/moment-sdk.js

@@ -1,4 +1,4 @@
-(function(h){"use strict";class w{popup=null;pollTimer=null;messageHandler=null;resultReceived=!1;opts;constructor(e){this.opts=e}open(e){this.cleanup(),this.resultReceived=!1;const t=this.buildPopupUrl(e),i=Math.round(window.screenX+(window.outerWidth-500)/2),o=Math.round(window.screenY+(window.outerHeight-700)/2);if(this.popup=window.open(t,"moment-oauth-popup",`width=500,height=700,left=${i},top=${o},menubar=no,toolbar=no,location=yes,status=no`),!this.popup||this.popup.closed){this.sendStatusToIframe("popup-blocked"),this.opts.onPopupBlocked();return}this.sendStatusToIframe("popup-opened"),this.startPolling(),this.messageHandler=n=>{if(n.origin!==this.opts.liveOrigin||n.source!==this.popup)return;const r=n.data;!r||typeof r!="object"||r.source!=="moment-live-embed"||r.type!=="moment.embed.result"||(this.resultReceived=!0,this.sendStatusToIframe("completed"),this.opts.iframeWindow&&this.opts.iframeWindow.postMessage(r,this.opts.liveOrigin),this.opts.onResult(r),this.cleanup())},window.addEventListener("message",this.messageHandler)}cleanup(){if(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.popup&&!this.popup.closed)try{this.popup.close()}catch{}this.popup=null}buildPopupUrl(e){const t=window.location.origin,i=new URLSearchParams({provider:e.provider,teamSlug:e.teamSlug,ids:e.ids.join(","),triggerType:e.triggerType,returnOrigin:t});return e.subscriptionType&&i.set("subscriptionType",e.subscriptionType),`${this.opts.liveBaseUrl}/en/embed/oauth-popup?${i.toString()}`}startPolling(){this.pollTimer=setInterval(()=>{(!this.popup||this.popup.closed)&&(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.resultReceived||(this.sendStatusToIframe("popup-closed"),this.opts.onPopupClosed()),this.cleanup())},500)}sendStatusToIframe(e){if(!this.opts.iframeWindow)return;const t={source:"moment-sdk",type:"moment.embed.oauth.status",status:e};this.opts.iframeWindow.postMessage(t,this.opts.liveOrigin)}}const g="moment-sdk-trigger-styles",T=`
+(function(f){"use strict";class w{popup=null;pollTimer=null;messageHandler=null;resultReceived=!1;opts;constructor(e){this.opts=e}open(e){this.cleanup(),this.resultReceived=!1;const t=this.buildPopupUrl(e),i=Math.round(window.screenX+(window.outerWidth-500)/2),l=Math.round(window.screenY+(window.outerHeight-700)/2);if(this.popup=window.open(t,"moment-oauth-popup",`width=500,height=700,left=${i},top=${l},menubar=no,toolbar=no,location=yes,status=no`),!this.popup||this.popup.closed){this.sendStatusToIframe("popup-blocked"),this.opts.onPopupBlocked();return}this.sendStatusToIframe("popup-opened"),this.startPolling(),this.messageHandler=s=>{if(s.origin!==this.opts.liveOrigin||s.source!==this.popup)return;const r=s.data;!r||typeof r!="object"||r.source!=="moment-live-embed"||r.type!=="moment.embed.result"||(this.resultReceived=!0,this.sendStatusToIframe("completed"),this.opts.iframeWindow&&this.opts.iframeWindow.postMessage(r,this.opts.liveOrigin),this.opts.onResult(r),this.cleanup())},window.addEventListener("message",this.messageHandler)}cleanup(){if(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.popup&&!this.popup.closed)try{this.popup.close()}catch{}this.popup=null}buildPopupUrl(e){const t=window.location.origin,i=new URLSearchParams({provider:e.provider,teamSlug:e.teamSlug,ids:e.ids.join(","),triggerType:e.triggerType,returnOrigin:t});return e.subscriptionType&&i.set("subscriptionType",e.subscriptionType),`${this.opts.liveBaseUrl}/en/embed/oauth-popup?${i.toString()}`}startPolling(){this.pollTimer=setInterval(()=>{(!this.popup||this.popup.closed)&&(this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.resultReceived||(this.sendStatusToIframe("popup-closed"),this.opts.onPopupClosed()),this.cleanup())},500)}sendStatusToIframe(e){if(!this.opts.iframeWindow)return;const t={source:"moment-sdk",type:"moment.embed.oauth.status",status:e};this.opts.iframeWindow.postMessage(t,this.opts.liveOrigin)}}function x(n,e,t=typeof window<"u"?window.location.origin:""){const i=new URLSearchParams;return i.set("teamSlug",e.teamSlug),e.momentSlug&&i.set("momentSlug",e.momentSlug),e.listSlug&&i.set("listSlug",e.listSlug),i.set("triggerType",e.triggerType),e.ids?.length&&i.set("ids",e.ids.join(",")),e.playlistSlugs?.length&&i.set("playlistSlugs",e.playlistSlugs.join(",")),e.calendar&&i.set("calendar",e.calendar),e.apiSourceId&&i.set("subscriptionId",e.apiSourceId),e.externalEventId&&i.set("externalId",e.externalEventId),e.externalEventIdPrefix&&!e.externalEventId&&i.set("externalIdPrefix",e.externalEventIdPrefix),i.set("returnOrigin",t),i.set("embed","1"),`${n}/en/embed/sync?${i.toString()}`}const v="moment-sdk-trigger-styles",S=`
 :where(.moment-sync-trigger) {
   background-color: #1c1917;
   color: #ffffff;
@@ -22,4 +22,4 @@
   outline: 2px solid #1c1917;
   outline-offset: 2px;
 }
-`;function S(){if(typeof document>"u"||document.getElementById(g))return;const s=document.createElement("style");s.id=g,s.textContent=T,document.head.appendChild(s)}const E=".moment-sync-trigger",x="https://live.momentco.ai";class f{opts;liveBaseUrl;liveOrigin;overlay=null;iframe=null;popupBridge=null;messageHandler=null;boundClickHandlers=new Map;activePayload=null;previousFocusedElement=null;previousBodyOverflow="";didManageBodyOverflow=!1;closeTimer=null;constructor(e){this.opts={triggerSelector:E,...e},this.liveBaseUrl=x;try{this.liveOrigin=new URL(this.liveBaseUrl).origin}catch{throw new Error(`[MomentSdk] Invalid VITE_LIVE_BASE_URL: "${this.liveBaseUrl}"`)}S(),this.bindTriggers(),this.emitAnalytics("embed.init")}open(e){const t=this.scopeOpenPayload(e);this.emitAnalytics("embed.open",{teamSlug:t.teamSlug,triggerType:t.triggerType}),this.createModal(t)}close(){this.handleCancel()}rebind(){this.unbindTriggers(),this.bindTriggers()}destroy(){this.cleanup(),this.unbindTriggers()}bindTriggers(){document.querySelectorAll(this.opts.triggerSelector).forEach(t=>{const i=n=>{n.preventDefault(),this.handleTriggerClick(t)},o=this.boundClickHandlers.get(t);o&&t.removeEventListener("click",o),t.addEventListener("click",i),this.boundClickHandlers.set(t,i)})}unbindTriggers(){this.boundClickHandlers.forEach((e,t)=>{t.removeEventListener("click",e)}),this.boundClickHandlers.clear()}handleTriggerClick(e){const t=e.getAttribute("data-moment-team-slug")??"",i=e.getAttribute("data-moment-slug")??void 0,o=e.getAttribute("data-moment-list-slug")??void 0,n=e.getAttribute("data-moment-trigger-type");let r="moment";n!=null&&n!==""&&(n==="moment"||n==="list"||n==="team"||n==="brand-playlist"?r=n:console.warn("[MomentSdk] Invalid data-moment-trigger-type, falling back to 'moment':",n));const d=e.getAttribute("data-moment-ids")??e.getAttribute("data-moment-game-id")??"",c=d?d.split(",").filter(Boolean):[],a=e.getAttribute("data-moment-calendar");let m;a!=null&&a!==""&&(a==="google"||a==="outlook"?m=a:console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:",a));const l=e.getAttribute("data-api-source-id")??void 0,u=e.getAttribute("data-external-event-id")??void 0;if(!t){console.warn("[MomentSdk] Missing data-moment-team-slug on trigger element");return}const p=r==="team"||r==="brand-playlist";this.emitAnalytics("embed.trigger.click",{teamSlug:t,triggerType:r,momentIds:p?[]:c}),this.open({teamSlug:t,momentSlug:i,listSlug:o,triggerType:r,ids:c,calendar:m??void 0,apiSourceId:l,externalEventId:u})}scopeOpenPayload(e){return e.triggerType==="team"||e.triggerType==="brand-playlist"?{teamSlug:e.teamSlug,triggerType:e.triggerType,calendar:e.calendar}:e}createModal(e){this.cleanup(),this.previousFocusedElement=document.activeElement||null,this.activePayload=e;const t=this.buildIframeUrl(e);this.overlay=document.createElement("div"),this.overlay.setAttribute("role","presentation"),Object.assign(this.overlay.style,{position:"fixed",inset:"0",zIndex:"999999",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(2px)",padding:"16px"}),this.overlay.addEventListener("click",l=>{l.target===this.overlay&&this.handleCancel()});const i=l=>{l.key==="Escape"&&this.handleCancel()};document.addEventListener("keydown",i);const o=document.createElement("div");Object.assign(o.style,{position:"relative",width:"100%",maxWidth:"380px",borderRadius:"16px",overflow:"hidden",backgroundColor:"#000000",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column"});const n=document.createElement("div");n.setAttribute("role","dialog"),n.setAttribute("aria-modal","true"),n.setAttribute("aria-label","Calendar sync modal"),n.tabIndex=-1,Object.assign(n.style,{position:"relative",width:"100%",maxHeight:"80vh",borderRadius:"12px",overflow:"auto",backgroundColor:"#ffffff"});const r=document.createElement("button");r.type="button",r.innerHTML='<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>',r.setAttribute("aria-label","Close"),Object.assign(r.style,{position:"absolute",top:"10px",right:"10px",zIndex:"10",border:"none",backgroundColor:"transparent",color:"#999",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",padding:"0"}),r.addEventListener("mouseenter",()=>{r.style.color="#666"}),r.addEventListener("mouseleave",()=>{r.style.color="#999"}),r.addEventListener("click",()=>this.handleCancel()),this.iframe=document.createElement("iframe"),this.iframe.src=t,this.iframe.setAttribute("allow",""),this.iframe.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-forms"),this.iframe.setAttribute("scrolling","no"),Object.assign(this.iframe.style,{width:"100%",border:"none",display:"block",height:"420px",overflow:"hidden",transition:"height 0.15s ease"}),n.appendChild(r),n.appendChild(this.iframe);const d=document.createElement("div");Object.assign(d.style,{display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",padding:"12px 0"});const c=document.createElement("span");c.textContent="Powered by",Object.assign(c.style,{fontFamily:"Inter, system-ui, -apple-system, sans-serif",fontSize:"12px",lineHeight:"16px",color:"#ffffff"});const a=document.createElement("img");a.alt="Moment",a.src=`${this.liveBaseUrl}/brand/moment-text-white.png`,Object.assign(a.style,{height:"auto",width:"67px"}),d.appendChild(c),d.appendChild(a),o.appendChild(n),o.appendChild(d),this.overlay.appendChild(o),document.body.appendChild(this.overlay);const m=l=>{if(l.key!=="Tab")return;const u=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(u.length===0){l.preventDefault(),n.focus();return}const p=u[0],b=u[u.length-1],y=document.activeElement;l.shiftKey&&y===p?(l.preventDefault(),b.focus()):!l.shiftKey&&y===b&&(l.preventDefault(),p.focus())};n.addEventListener("keydown",m),r.focus(),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.didManageBodyOverflow=!0,this.setupMessageListener(),this.overlay._escHandler=i,this.overlay._focusTrapHandler=m}buildIframeUrl(e){const t=new URLSearchParams;return t.set("teamSlug",e.teamSlug),e.momentSlug&&t.set("momentSlug",e.momentSlug),e.listSlug&&t.set("listSlug",e.listSlug),t.set("triggerType",e.triggerType),e.ids?.length&&t.set("ids",e.ids.join(",")),e.calendar&&t.set("calendar",e.calendar),e.apiSourceId&&t.set("subscriptionId",e.apiSourceId),e.externalEventId&&t.set("externalId",e.externalEventId),t.set("returnOrigin",window.location.origin),t.set("embed","1"),`${this.liveBaseUrl}/en/embed/sync?${t.toString()}`}setupMessageListener(){this.messageHandler=e=>{if(e.origin!==this.liveOrigin||e.source!==this.iframe?.contentWindow)return;const t=e.data;if(!(!t||typeof t!="object")){if(t.source==="moment-live-embed"&&t.type==="moment.embed.oauth.start"){const i=t;this.emitAnalytics("oauth.start",{provider:i.provider,teamSlug:i.teamSlug}),this.handleOAuthStart(i);return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.resize"){const i=typeof t.height=="number"?t.height:0;if(i>0&&this.iframe){const o=Math.round(window.innerHeight*.8);this.iframe.style.height=`${Math.min(i,o)}px`}return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.open.url"){const{url:i}=t;i&&typeof i=="string"&&i.startsWith("webcal://")&&window.open(i,"_blank");return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.result"){const i=t;this.handleResult(i)}}},window.addEventListener("message",this.messageHandler)}handleOAuthStart(e){this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.popupBridge=new w({liveBaseUrl:this.liveBaseUrl,liveOrigin:this.liveOrigin,iframeWindow:this.iframe?.contentWindow??null,onResult:t=>{this.handleResult(t)},onPopupBlocked:()=>{this.emitAnalytics("oauth.popup.blocked",{provider:e.provider})},onPopupClosed:()=>{this.emitAnalytics("oauth.popup.closed",{provider:e.provider})}}),this.popupBridge.open(e)}handleResult(e){if(e.result==="success")this.emitAnalytics("subscribe.success",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onSuccess?.(e);else if(e.result==="error")this.emitAnalytics("subscribe.error",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onError?.(e);else if(e.result==="cancelled")return;this.opts.onClose?.(e),this.emitAnalytics("embed.close"),this.closeTimer=setTimeout(()=>this.cleanup(),1500)}handleCancel(){this.emitAnalytics("embed.close");const t={source:"moment-live-embed",type:"moment.embed.result",result:"cancelled",triggerType:this.activePayload?.triggerType??"moment",momentIds:this.activePayload?.ids??[]};this.opts.onClose?.(t),this.cleanup()}cleanup(){if(this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.overlay){const{_escHandler:e,_focusTrapHandler:t}=this.overlay;e&&document.removeEventListener("keydown",e);const i=this.overlay.firstElementChild;i&&t&&i.removeEventListener("keydown",t),this.overlay.remove(),this.overlay=null}this.iframe=null,this.activePayload=null,this.didManageBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.didManageBodyOverflow=!1),this.previousFocusedElement&&typeof this.previousFocusedElement.focus=="function"&&this.previousFocusedElement.focus(),this.previousFocusedElement=null}emitAnalytics(e,t){this.opts.onAnalytics?.({event:e,timestamp:Date.now(),...t})}}function v(s){const e=document.createElement("button");return e.type="button",e.classList.add("moment-sync-trigger"),s.className&&s.className.split(" ").forEach(t=>{t&&e.classList.add(t)}),e.setAttribute("data-moment-team-slug",s.teamSlug),s.momentSlug&&e.setAttribute("data-moment-slug",s.momentSlug),s.listSlug&&e.setAttribute("data-moment-list-slug",s.listSlug),s.triggerType&&e.setAttribute("data-moment-trigger-type",s.triggerType),s.ids?.length&&e.setAttribute("data-moment-ids",s.ids.join(",")),s.calendar&&e.setAttribute("data-moment-calendar",s.calendar),s.apiSourceId&&e.setAttribute("data-api-source-id",s.apiSourceId),s.externalEventId&&e.setAttribute("data-external-event-id",s.externalEventId),e.textContent=s.label??"Add to Calendar",e}if(typeof window<"u"){const s=window;s.MomentSdk=f,s.createMomentButton=v}h.MomentSdk=f,h.createMomentButton=v,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})})(this.MomentSdk=this.MomentSdk||{});
+`;function T(){if(typeof document>"u"||document.getElementById(v))return;const n=document.createElement("style");n.id=v,n.textContent=S,document.head.appendChild(n)}const E=".moment-sync-trigger",I="https://live.dev.momentco.ai";class b{opts;liveBaseUrl;liveOrigin;overlay=null;iframe=null;popupBridge=null;messageHandler=null;boundClickHandlers=new Map;activePayload=null;previousFocusedElement=null;previousBodyOverflow="";didManageBodyOverflow=!1;closeTimer=null;constructor(e){this.opts={triggerSelector:E,...e},this.liveBaseUrl=I;try{this.liveOrigin=new URL(this.liveBaseUrl).origin}catch{throw new Error(`[MomentSdk] Invalid VITE_LIVE_BASE_URL: "${this.liveBaseUrl}"`)}T(),this.bindTriggers(),this.emitAnalytics("embed.init")}open(e){e.externalEventId&&e.externalEventIdPrefix&&console.warn("[MomentSdk] Both externalEventId and externalEventIdPrefix provided; using externalEventId only.");const t=this.scopeOpenPayload(e);this.emitAnalytics("embed.open",{teamSlug:t.teamSlug,triggerType:t.triggerType}),this.createModal(t)}close(){this.handleCancel()}rebind(){this.unbindTriggers(),this.bindTriggers()}destroy(){this.cleanup(),this.unbindTriggers()}bindTriggers(){document.querySelectorAll(this.opts.triggerSelector).forEach(t=>{const i=s=>{s.preventDefault(),this.handleTriggerClick(t)},l=this.boundClickHandlers.get(t);l&&t.removeEventListener("click",l),t.addEventListener("click",i),this.boundClickHandlers.set(t,i)})}unbindTriggers(){this.boundClickHandlers.forEach((e,t)=>{t.removeEventListener("click",e)}),this.boundClickHandlers.clear()}handleTriggerClick(e){const t=e.getAttribute("data-moment-team-slug")??"",i=e.getAttribute("data-moment-slug")??void 0,l=e.getAttribute("data-moment-list-slug")??void 0,s=e.getAttribute("data-moment-trigger-type");let r="moment";s!=null&&s!==""&&(s==="moment"||s==="list"||s==="team"||s==="brand-playlist"||s==="playlist"?r=s:console.warn("[MomentSdk] Invalid data-moment-trigger-type, falling back to 'moment':",s));const a=e.getAttribute("data-moment-ids")??e.getAttribute("data-moment-game-id")??"",m=a?a.split(",").filter(Boolean):[],d=e.getAttribute("data-moment-playlist-slugs")??"",g=d?d.split(",").map(A=>A.trim()).filter(Boolean):[],o=e.getAttribute("data-moment-calendar");let u;o!=null&&o!==""&&(o==="google"||o==="outlook"?u=o:console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:",o));const h=e.getAttribute("data-api-source-id")??void 0,c=e.getAttribute("data-external-event-id")??void 0,p=e.getAttribute("data-external-event-id-prefix")??void 0;if(c&&p&&console.warn("[MomentSdk] Both data-external-event-id and data-external-event-id-prefix are set; using data-external-event-id only."),!t){console.warn("[MomentSdk] Missing data-moment-team-slug on trigger element");return}const P=r==="team"||r==="brand-playlist"||r==="playlist";this.emitAnalytics("embed.trigger.click",{teamSlug:t,triggerType:r,momentIds:P?[]:m}),this.open({teamSlug:t,momentSlug:i,listSlug:l,triggerType:r,ids:m,playlistSlugs:g,calendar:u??void 0,apiSourceId:h,externalEventId:p&&!c?void 0:c,externalEventIdPrefix:c?void 0:p})}scopeOpenPayload(e){return e.triggerType==="playlist"?{teamSlug:e.teamSlug,triggerType:e.triggerType,playlistSlugs:e.playlistSlugs,calendar:e.calendar}:e.triggerType==="team"||e.triggerType==="brand-playlist"?{teamSlug:e.teamSlug,triggerType:e.triggerType,calendar:e.calendar}:e}createModal(e){this.cleanup(),this.previousFocusedElement=document.activeElement||null,this.activePayload=e;const t=this.buildIframeUrl(e);this.overlay=document.createElement("div"),this.overlay.setAttribute("role","presentation"),Object.assign(this.overlay.style,{position:"fixed",inset:"0",zIndex:"999999",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(2px)",padding:"16px"}),this.overlay.addEventListener("click",o=>{o.target===this.overlay&&this.handleCancel()});const i=o=>{o.key==="Escape"&&this.handleCancel()};document.addEventListener("keydown",i);const l=document.createElement("div");Object.assign(l.style,{position:"relative",width:"100%",maxWidth:"380px",borderRadius:"16px",overflow:"hidden",backgroundColor:"#000000",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column"});const s=document.createElement("div");s.setAttribute("role","dialog"),s.setAttribute("aria-modal","true"),s.setAttribute("aria-label","Calendar sync modal"),s.tabIndex=-1,Object.assign(s.style,{position:"relative",width:"100%",maxHeight:"80vh",borderRadius:"12px",overflow:"auto",backgroundColor:"#ffffff"});const r=document.createElement("button");r.type="button",r.innerHTML='<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>',r.setAttribute("aria-label","Close"),Object.assign(r.style,{position:"absolute",top:"10px",right:"10px",zIndex:"10",border:"none",backgroundColor:"transparent",color:"#999",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",padding:"0"}),r.addEventListener("mouseenter",()=>{r.style.color="#666"}),r.addEventListener("mouseleave",()=>{r.style.color="#999"}),r.addEventListener("click",()=>this.handleCancel()),this.iframe=document.createElement("iframe"),this.iframe.src=t,this.iframe.setAttribute("allow",""),this.iframe.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-forms"),this.iframe.setAttribute("scrolling","no"),Object.assign(this.iframe.style,{width:"100%",border:"none",display:"block",height:"420px",overflow:"hidden",transition:"height 0.15s ease"}),s.appendChild(r),s.appendChild(this.iframe);const a=document.createElement("div");Object.assign(a.style,{display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",padding:"12px 0"});const m=document.createElement("span");m.textContent="Powered by",Object.assign(m.style,{fontFamily:"Inter, system-ui, -apple-system, sans-serif",fontSize:"12px",lineHeight:"16px",color:"#ffffff"});const d=document.createElement("img");d.alt="Moment",d.src=`${this.liveBaseUrl}/brand/moment-text-white.png`,Object.assign(d.style,{height:"auto",width:"67px"}),a.appendChild(m),a.appendChild(d),l.appendChild(s),l.appendChild(a),this.overlay.appendChild(l),document.body.appendChild(this.overlay);const g=o=>{if(o.key!=="Tab")return;const u=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(u.length===0){o.preventDefault(),s.focus();return}const h=u[0],c=u[u.length-1],p=document.activeElement;o.shiftKey&&p===h?(o.preventDefault(),c.focus()):!o.shiftKey&&p===c&&(o.preventDefault(),h.focus())};s.addEventListener("keydown",g),r.focus(),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.didManageBodyOverflow=!0,this.setupMessageListener(),this.overlay._escHandler=i,this.overlay._focusTrapHandler=g}buildIframeUrl(e){return x(this.liveBaseUrl,e)}setupMessageListener(){this.messageHandler=e=>{if(e.origin!==this.liveOrigin||e.source!==this.iframe?.contentWindow)return;const t=e.data;if(!(!t||typeof t!="object")){if(t.source==="moment-live-embed"&&t.type==="moment.embed.oauth.start"){const i=t;this.emitAnalytics("oauth.start",{provider:i.provider,teamSlug:i.teamSlug}),this.handleOAuthStart(i);return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.resize"){const i=typeof t.height=="number"?t.height:0;if(i>0&&this.iframe){const l=Math.round(window.innerHeight*.8);this.iframe.style.height=`${Math.min(i,l)}px`}return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.open.url"){const{url:i}=t;i&&typeof i=="string"&&i.startsWith("webcal://")&&window.open(i,"_blank");return}if(t.source==="moment-live-embed"&&t.type==="moment.embed.result"){const i=t;this.handleResult(i)}}},window.addEventListener("message",this.messageHandler)}handleOAuthStart(e){this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.popupBridge=new w({liveBaseUrl:this.liveBaseUrl,liveOrigin:this.liveOrigin,iframeWindow:this.iframe?.contentWindow??null,onResult:t=>{this.handleResult(t)},onPopupBlocked:()=>{this.emitAnalytics("oauth.popup.blocked",{provider:e.provider})},onPopupClosed:()=>{this.emitAnalytics("oauth.popup.closed",{provider:e.provider})}}),this.popupBridge.open(e)}handleResult(e){if(e.result==="success")this.emitAnalytics("subscribe.success",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onSuccess?.(e);else if(e.result==="error")this.emitAnalytics("subscribe.error",{provider:e.provider,triggerType:e.triggerType,momentIds:e.momentIds}),this.opts.onError?.(e);else if(e.result==="cancelled")return;this.opts.onClose?.(e),this.emitAnalytics("embed.close"),this.closeTimer=setTimeout(()=>this.cleanup(),1500)}handleCancel(){this.emitAnalytics("embed.close");const t={source:"moment-live-embed",type:"moment.embed.result",result:"cancelled",triggerType:this.activePayload?.triggerType??"moment",momentIds:this.activePayload?.ids??[]};this.opts.onClose?.(t),this.cleanup()}cleanup(){if(this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.popupBridge&&(this.popupBridge.cleanup(),this.popupBridge=null),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.overlay){const{_escHandler:e,_focusTrapHandler:t}=this.overlay;e&&document.removeEventListener("keydown",e);const i=this.overlay.firstElementChild;i&&t&&i.removeEventListener("keydown",t),this.overlay.remove(),this.overlay=null}this.iframe=null,this.activePayload=null,this.didManageBodyOverflow&&(document.body.style.overflow=this.previousBodyOverflow,this.didManageBodyOverflow=!1),this.previousFocusedElement&&typeof this.previousFocusedElement.focus=="function"&&this.previousFocusedElement.focus(),this.previousFocusedElement=null}emitAnalytics(e,t){this.opts.onAnalytics?.({event:e,timestamp:Date.now(),...t})}}function y(n){const e=document.createElement("button");return e.type="button",e.classList.add("moment-sync-trigger"),n.className&&n.className.split(" ").forEach(t=>{t&&e.classList.add(t)}),e.setAttribute("data-moment-team-slug",n.teamSlug),n.momentSlug&&e.setAttribute("data-moment-slug",n.momentSlug),n.listSlug&&e.setAttribute("data-moment-list-slug",n.listSlug),n.triggerType&&e.setAttribute("data-moment-trigger-type",n.triggerType),n.ids?.length&&e.setAttribute("data-moment-ids",n.ids.join(",")),n.playlistSlugs?.length&&e.setAttribute("data-moment-playlist-slugs",n.playlistSlugs.join(",")),n.calendar&&e.setAttribute("data-moment-calendar",n.calendar),n.apiSourceId&&e.setAttribute("data-api-source-id",n.apiSourceId),n.externalEventId&&e.setAttribute("data-external-event-id",n.externalEventId),n.externalEventIdPrefix&&e.setAttribute("data-external-event-id-prefix",n.externalEventIdPrefix),e.textContent=n.label??"Add to Calendar",e}if(typeof window<"u"){const n=window;n.MomentSdk=b,n.createMomentButton=y}f.MomentSdk=b,f.createMomentButton=y,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})})(this.MomentSdk=this.MomentSdk||{});

package/dist/moment-sdk.mjs

@@ -1,4 +1,4 @@
-class v {
+class y {
   popup = null;
   pollTimer = null;
   messageHandler = null;
@@ -12,18 +12,18 @@ class v {
    */
   open(e) {
     this.cleanup(), this.resultReceived = !1;
-    const t = this.buildPopupUrl(e), i = Math.round(window.screenX + (window.outerWidth - 500) / 2), o = Math.round(window.screenY + (window.outerHeight - 700) / 2);
+    const t = this.buildPopupUrl(e), i = Math.round(window.screenX + (window.outerWidth - 500) / 2), l = Math.round(window.screenY + (window.outerHeight - 700) / 2);
     if (this.popup = window.open(
       t,
       "moment-oauth-popup",
-      `width=500,height=700,left=${i},top=${o},menubar=no,toolbar=no,location=yes,status=no`
+      `width=500,height=700,left=${i},top=${l},menubar=no,toolbar=no,location=yes,status=no`
     ), !this.popup || this.popup.closed) {
       this.sendStatusToIframe("popup-blocked"), this.opts.onPopupBlocked();
       return;
     }
-    this.sendStatusToIframe("popup-opened"), this.startPolling(), this.messageHandler = (n) => {
-      if (n.origin !== this.opts.liveOrigin || n.source !== this.popup) return;
-      const r = n.data;
+    this.sendStatusToIframe("popup-opened"), this.startPolling(), this.messageHandler = (s) => {
+      if (s.origin !== this.opts.liveOrigin || s.source !== this.popup) return;
+      const r = s.data;
       !r || typeof r != "object" || r.source !== "moment-live-embed" || r.type !== "moment.embed.result" || (this.resultReceived = !0, this.sendStatusToIframe("completed"), this.opts.iframeWindow && this.opts.iframeWindow.postMessage(r, this.opts.liveOrigin), this.opts.onResult(r), this.cleanup());
     }, window.addEventListener("message", this.messageHandler);
   }
@@ -63,7 +63,11 @@ class v {
     this.opts.iframeWindow.postMessage(t, this.opts.liveOrigin);
   }
 }
-const f = "moment-sdk-trigger-styles", b = `
+function w(n, e, t = typeof window < "u" ? window.location.origin : "") {
+  const i = new URLSearchParams();
+  return i.set("teamSlug", e.teamSlug), e.momentSlug && i.set("momentSlug", e.momentSlug), e.listSlug && i.set("listSlug", e.listSlug), i.set("triggerType", e.triggerType), e.ids?.length && i.set("ids", e.ids.join(",")), e.playlistSlugs?.length && i.set("playlistSlugs", e.playlistSlugs.join(",")), e.calendar && i.set("calendar", e.calendar), e.apiSourceId && i.set("subscriptionId", e.apiSourceId), e.externalEventId && i.set("externalId", e.externalEventId), e.externalEventIdPrefix && !e.externalEventId && i.set("externalIdPrefix", e.externalEventIdPrefix), i.set("returnOrigin", t), i.set("embed", "1"), `${n}/en/embed/sync?${i.toString()}`;
+}
+const f = "moment-sdk-trigger-styles", x = `
 :where(.moment-sync-trigger) {
   background-color: #1c1917;
   color: #ffffff;
@@ -88,13 +92,13 @@ const f = "moment-sdk-trigger-styles", b = `
   outline-offset: 2px;
 }
 `;
-function y() {
+function T() {
   if (typeof document > "u" || document.getElementById(f)) return;
-  const s = document.createElement("style");
-  s.id = f, s.textContent = b, document.head.appendChild(s);
+  const n = document.createElement("style");
+  n.id = f, n.textContent = x, document.head.appendChild(n);
 }
-const w = ".moment-sync-trigger", T = "https://live.momentco.ai";
-class E {
+const E = ".moment-sync-trigger", S = "https://live.dev.momentco.ai";
+class I {
   opts;
   liveBaseUrl;
   liveOrigin;
@@ -110,20 +114,23 @@ class E {
   closeTimer = null;
   constructor(e) {
     this.opts = {
-      triggerSelector: w,
+      triggerSelector: E,
       ...e
-    }, this.liveBaseUrl = T;
+    }, this.liveBaseUrl = S;
     try {
       this.liveOrigin = new URL(this.liveBaseUrl).origin;
     } catch {
       throw new Error(`[MomentSdk] Invalid VITE_LIVE_BASE_URL: "${this.liveBaseUrl}"`);
     }
-    y(), this.bindTriggers(), this.emitAnalytics("embed.init");
+    T(), this.bindTriggers(), this.emitAnalytics("embed.init");
   }
   /**
    * Programmatically open the sync modal.
    */
   open(e) {
+    e.externalEventId && e.externalEventIdPrefix && console.warn(
+      "[MomentSdk] Both externalEventId and externalEventIdPrefix provided; using externalEventId only."
+    );
     const t = this.scopeOpenPayload(e);
     this.emitAnalytics("embed.open", {
       teamSlug: t.teamSlug,
@@ -151,10 +158,10 @@ class E {
   // ── Private: trigger binding ──────────────────────────────────────
   bindTriggers() {
     document.querySelectorAll(this.opts.triggerSelector).forEach((t) => {
-      const i = (n) => {
-        n.preventDefault(), this.handleTriggerClick(t);
-      }, o = this.boundClickHandlers.get(t);
-      o && t.removeEventListener("click", o), t.addEventListener("click", i), this.boundClickHandlers.set(t, i);
+      const i = (s) => {
+        s.preventDefault(), this.handleTriggerClick(t);
+      }, l = this.boundClickHandlers.get(t);
+      l && t.removeEventListener("click", l), t.addEventListener("click", i), this.boundClickHandlers.set(t, i);
     });
   }
   unbindTriggers() {
@@ -163,39 +170,48 @@ class E {
     }), this.boundClickHandlers.clear();
   }
   handleTriggerClick(e) {
-    const t = e.getAttribute("data-moment-team-slug") ?? "", i = e.getAttribute("data-moment-slug") ?? void 0, o = e.getAttribute("data-moment-list-slug") ?? void 0, n = e.getAttribute("data-moment-trigger-type");
+    const t = e.getAttribute("data-moment-team-slug") ?? "", i = e.getAttribute("data-moment-slug") ?? void 0, l = e.getAttribute("data-moment-list-slug") ?? void 0, s = e.getAttribute("data-moment-trigger-type");
     let r = "moment";
-    n != null && n !== "" && (n === "moment" || n === "list" || n === "team" || n === "brand-playlist" ? r = n : console.warn(
+    s != null && s !== "" && (s === "moment" || s === "list" || s === "team" || s === "brand-playlist" || s === "playlist" ? r = s : console.warn(
       "[MomentSdk] Invalid data-moment-trigger-type, falling back to 'moment':",
-      n
+      s
     ));
-    const d = e.getAttribute("data-moment-ids") ?? e.getAttribute("data-moment-game-id") ?? "", c = d ? d.split(",").filter(Boolean) : [], a = e.getAttribute("data-moment-calendar");
-    let m;
-    a != null && a !== "" && (a === "google" || a === "outlook" ? m = a : console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:", a));
-    const l = e.getAttribute("data-api-source-id") ?? void 0, u = e.getAttribute("data-external-event-id") ?? void 0;
-    if (!t) {
+    const a = e.getAttribute("data-moment-ids") ?? e.getAttribute("data-moment-game-id") ?? "", m = a ? a.split(",").filter(Boolean) : [], d = e.getAttribute("data-moment-playlist-slugs") ?? "", g = d ? d.split(",").map((b) => b.trim()).filter(Boolean) : [], o = e.getAttribute("data-moment-calendar");
+    let u;
+    o != null && o !== "" && (o === "google" || o === "outlook" ? u = o : console.warn("[MomentSdk] Invalid data-moment-calendar, ignoring value:", o));
+    const h = e.getAttribute("data-api-source-id") ?? void 0, c = e.getAttribute("data-external-event-id") ?? void 0, p = e.getAttribute("data-external-event-id-prefix") ?? void 0;
+    if (c && p && console.warn(
+      "[MomentSdk] Both data-external-event-id and data-external-event-id-prefix are set; using data-external-event-id only."
+    ), !t) {
       console.warn("[MomentSdk] Missing data-moment-team-slug on trigger element");
       return;
     }
-    const p = r === "team" || r === "brand-playlist";
+    const v = r === "team" || r === "brand-playlist" || r === "playlist";
     this.emitAnalytics("embed.trigger.click", {
       teamSlug: t,
       triggerType: r,
-      momentIds: p ? [] : c
+      momentIds: v ? [] : m
     }), this.open({
       teamSlug: t,
       momentSlug: i,
-      listSlug: o,
+      listSlug: l,
       triggerType: r,
-      ids: c,
-      calendar: m ?? void 0,
-      apiSourceId: l,
-      externalEventId: u
+      ids: m,
+      playlistSlugs: g,
+      calendar: u ?? void 0,
+      apiSourceId: h,
+      externalEventId: p && !c ? void 0 : c,
+      externalEventIdPrefix: c ? void 0 : p
     });
   }
   /** Drop moment/list/source scoping for brand-level subscription triggers. */
   scopeOpenPayload(e) {
-    return e.triggerType === "team" || e.triggerType === "brand-playlist" ? {
+    return e.triggerType === "playlist" ? {
+      teamSlug: e.teamSlug,
+      triggerType: e.triggerType,
+      playlistSlugs: e.playlistSlugs,
+      calendar: e.calendar
+    } : e.triggerType === "team" || e.triggerType === "brand-playlist" ? {
       teamSlug: e.teamSlug,
       triggerType: e.triggerType,
       calendar: e.calendar
@@ -215,15 +231,15 @@ class E {
       backgroundColor: "rgba(0, 0, 0, 0.5)",
       backdropFilter: "blur(2px)",
       padding: "16px"
-    }), this.overlay.addEventListener("click", (l) => {
-      l.target === this.overlay && this.handleCancel();
+    }), this.overlay.addEventListener("click", (o) => {
+      o.target === this.overlay && this.handleCancel();
     });
-    const i = (l) => {
-      l.key === "Escape" && this.handleCancel();
+    const i = (o) => {
+      o.key === "Escape" && this.handleCancel();
     };
     document.addEventListener("keydown", i);
-    const o = document.createElement("div");
-    Object.assign(o.style, {
+    const l = document.createElement("div");
+    Object.assign(l.style, {
       position: "relative",
       width: "100%",
       maxWidth: "380px",
@@ -234,8 +250,8 @@ class E {
       display: "flex",
       flexDirection: "column"
     });
-    const n = document.createElement("div");
-    n.setAttribute("role", "dialog"), n.setAttribute("aria-modal", "true"), n.setAttribute("aria-label", "Calendar sync modal"), n.tabIndex = -1, Object.assign(n.style, {
+    const s = document.createElement("div");
+    s.setAttribute("role", "dialog"), s.setAttribute("aria-modal", "true"), s.setAttribute("aria-label", "Calendar sync modal"), s.tabIndex = -1, Object.assign(s.style, {
       position: "relative",
       width: "100%",
       maxHeight: "80vh",
@@ -270,44 +286,43 @@ class E {
       height: "420px",
       overflow: "hidden",
       transition: "height 0.15s ease"
-    }), n.appendChild(r), n.appendChild(this.iframe);
-    const d = document.createElement("div");
-    Object.assign(d.style, {
+    }), s.appendChild(r), s.appendChild(this.iframe);
+    const a = document.createElement("div");
+    Object.assign(a.style, {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       gap: "6px",
       padding: "12px 0"
     });
-    const c = document.createElement("span");
-    c.textContent = "Powered by", Object.assign(c.style, {
+    const m = document.createElement("span");
+    m.textContent = "Powered by", Object.assign(m.style, {
       fontFamily: "Inter, system-ui, -apple-system, sans-serif",
       fontSize: "12px",
       lineHeight: "16px",
       color: "#ffffff"
     });
-    const a = document.createElement("img");
-    a.alt = "Moment", a.src = `${this.liveBaseUrl}/brand/moment-text-white.png`, Object.assign(a.style, {
+    const d = document.createElement("img");
+    d.alt = "Moment", d.src = `${this.liveBaseUrl}/brand/moment-text-white.png`, Object.assign(d.style, {
       height: "auto",
       width: "67px"
-    }), d.appendChild(c), d.appendChild(a), o.appendChild(n), o.appendChild(d), this.overlay.appendChild(o), document.body.appendChild(this.overlay);
-    const m = (l) => {
-      if (l.key !== "Tab") return;
-      const u = n.querySelectorAll(
+    }), a.appendChild(m), a.appendChild(d), l.appendChild(s), l.appendChild(a), this.overlay.appendChild(l), document.body.appendChild(this.overlay);
+    const g = (o) => {
+      if (o.key !== "Tab") return;
+      const u = s.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       );
       if (u.length === 0) {
-        l.preventDefault(), n.focus();
+        o.preventDefault(), s.focus();
         return;
       }
-      const p = u[0], h = u[u.length - 1], g = document.activeElement;
-      l.shiftKey && g === p ? (l.preventDefault(), h.focus()) : !l.shiftKey && g === h && (l.preventDefault(), p.focus());
+      const h = u[0], c = u[u.length - 1], p = document.activeElement;
+      o.shiftKey && p === h ? (o.preventDefault(), c.focus()) : !o.shiftKey && p === c && (o.preventDefault(), h.focus());
     };
-    n.addEventListener("keydown", m), r.focus(), this.previousBodyOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this.didManageBodyOverflow = !0, this.setupMessageListener(), this.overlay._escHandler = i, this.overlay._focusTrapHandler = m;
+    s.addEventListener("keydown", g), r.focus(), this.previousBodyOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this.didManageBodyOverflow = !0, this.setupMessageListener(), this.overlay._escHandler = i, this.overlay._focusTrapHandler = g;
   }
   buildIframeUrl(e) {
-    const t = new URLSearchParams();
-    return t.set("teamSlug", e.teamSlug), e.momentSlug && t.set("momentSlug", e.momentSlug), e.listSlug && t.set("listSlug", e.listSlug), t.set("triggerType", e.triggerType), e.ids?.length && t.set("ids", e.ids.join(",")), e.calendar && t.set("calendar", e.calendar), e.apiSourceId && t.set("subscriptionId", e.apiSourceId), e.externalEventId && t.set("externalId", e.externalEventId), t.set("returnOrigin", window.location.origin), t.set("embed", "1"), `${this.liveBaseUrl}/en/embed/sync?${t.toString()}`;
+    return w(this.liveBaseUrl, e);
   }
   // ── Private: message handling ─────────────────────────────────────
   setupMessageListener() {
@@ -326,8 +341,8 @@ class E {
         if (t.source === "moment-live-embed" && t.type === "moment.embed.resize") {
           const i = typeof t.height == "number" ? t.height : 0;
           if (i > 0 && this.iframe) {
-            const o = Math.round(window.innerHeight * 0.8);
-            this.iframe.style.height = `${Math.min(i, o)}px`;
+            const l = Math.round(window.innerHeight * 0.8);
+            this.iframe.style.height = `${Math.min(i, l)}px`;
           }
           return;
         }
@@ -344,7 +359,7 @@ class E {
     }, window.addEventListener("message", this.messageHandler);
   }
   handleOAuthStart(e) {
-    this.popupBridge && (this.popupBridge.cleanup(), this.popupBridge = null), this.popupBridge = new v({
+    this.popupBridge && (this.popupBridge.cleanup(), this.popupBridge = null), this.popupBridge = new y({
       liveBaseUrl: this.liveBaseUrl,
       liveOrigin: this.liveOrigin,
       iframeWindow: this.iframe?.contentWindow ?? null,
@@ -410,17 +425,17 @@ class E {
     });
   }
 }
-function S(s) {
+function P(n) {
   const e = document.createElement("button");
-  return e.type = "button", e.classList.add("moment-sync-trigger"), s.className && s.className.split(" ").forEach((t) => {
+  return e.type = "button", e.classList.add("moment-sync-trigger"), n.className && n.className.split(" ").forEach((t) => {
     t && e.classList.add(t);
-  }), e.setAttribute("data-moment-team-slug", s.teamSlug), s.momentSlug && e.setAttribute("data-moment-slug", s.momentSlug), s.listSlug && e.setAttribute("data-moment-list-slug", s.listSlug), s.triggerType && e.setAttribute("data-moment-trigger-type", s.triggerType), s.ids?.length && e.setAttribute("data-moment-ids", s.ids.join(",")), s.calendar && e.setAttribute("data-moment-calendar", s.calendar), s.apiSourceId && e.setAttribute("data-api-source-id", s.apiSourceId), s.externalEventId && e.setAttribute("data-external-event-id", s.externalEventId), e.textContent = s.label ?? "Add to Calendar", e;
+  }), e.setAttribute("data-moment-team-slug", n.teamSlug), n.momentSlug && e.setAttribute("data-moment-slug", n.momentSlug), n.listSlug && e.setAttribute("data-moment-list-slug", n.listSlug), n.triggerType && e.setAttribute("data-moment-trigger-type", n.triggerType), n.ids?.length && e.setAttribute("data-moment-ids", n.ids.join(",")), n.playlistSlugs?.length && e.setAttribute("data-moment-playlist-slugs", n.playlistSlugs.join(",")), n.calendar && e.setAttribute("data-moment-calendar", n.calendar), n.apiSourceId && e.setAttribute("data-api-source-id", n.apiSourceId), n.externalEventId && e.setAttribute("data-external-event-id", n.externalEventId), n.externalEventIdPrefix && e.setAttribute("data-external-event-id-prefix", n.externalEventIdPrefix), e.textContent = n.label ?? "Add to Calendar", e;
 }
 if (typeof window < "u") {
-  const s = window;
-  s.MomentSdk = E, s.createMomentButton = S;
+  const n = window;
+  n.MomentSdk = I, n.createMomentButton = P;
 }
 export {
-  E as MomentSdk,
-  S as createMomentButton
+  I as MomentSdk,
+  P as createMomentButton
 };

package/dist/types/sdk/__tests__/sync-iframe-url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/sdk/button.d.ts

@@ -10,11 +10,15 @@ export declare function createMomentButton(options: {
     listSlug?: string;
     triggerType?: MomentTriggerType;
     ids?: string[];
+    /** Playlist slugs offered under a `playlist` trigger (picker when >1). */
+    playlistSlugs?: string[];
     calendar?: CalendarProvider;
     /** Sync subscription source id; pairs with `externalEventId` for server-side resolution. */
     apiSourceId?: string;
-    /** External event identifier resolved against `apiSourceId`. */
+    /** External event identifier resolved against `apiSourceId` (exact showing). */
     externalEventId?: string;
+    /** Upstream event id — Live resolves all showings and prompts user to pick. */
+    externalEventIdPrefix?: string;
     label?: string;
     className?: string;
 }): HTMLButtonElement;

package/dist/types/sdk/sync-iframe-url.d.ts

@@ -0,0 +1,3 @@
+import type { MomentSdkOpenPayload } from './types';
+/** Build the Live embed sync iframe URL from an open payload. */
+export declare function buildSyncIframeUrl(liveBaseUrl: string, payload: MomentSdkOpenPayload, returnOrigin?: string): string;

package/dist/types/sdk/types.d.ts

@@ -6,8 +6,11 @@
  * - `list` → subscribe to a curated list of moments
  * - `team` → subscribe to a team / brand schedule (all published moments)
  * - `brand-playlist` → subscribe to the brand's default playlist
+ * - `playlist` → subscribe to one of several specific playlists. When more than
+ *   one slug is supplied, Live fetches each playlist and prompts the user to
+ *   pick which one to sync.
  */
-export type MomentTriggerType = 'moment' | 'list' | 'team' | 'brand-playlist';
+export type MomentTriggerType = 'moment' | 'list' | 'team' | 'brand-playlist' | 'playlist';
 export type CalendarProvider = 'google' | 'outlook';
 export interface MomentSdkInitOptions {
     /** CSS selector for trigger elements. Default: ".moment-sync-trigger" */
@@ -35,6 +38,10 @@ export interface MomentSdkInitOptions {
  *   `externalEventId` for this trigger type.
  * - `brand-playlist` → `teamSlug` only (Live resolves the brand's
  *   `defaultPlaylistId`). Omit the same fields as `team`.
+ * - `playlist` → `teamSlug` plus `playlistSlugs` (one or more playlist slugs).
+ *   With a single slug Live syncs that playlist directly; with several it shows
+ *   a picker. Omit `momentSlug`, `listSlug`, `ids`, `apiSourceId`, and
+ *   `externalEventId` for this trigger type.
  */
 export interface MomentSdkOpenPayload {
     teamSlug: string;
@@ -43,6 +50,13 @@ export interface MomentSdkOpenPayload {
     listSlug?: string;
     triggerType: MomentTriggerType;
     ids?: string[];
+    /**
+     * Playlist slugs to offer under a `playlist` trigger. Live fetches each
+     * playlist's details; with more than one slug it renders a picker so the user
+     * can choose which playlist to sync. Forwarded to the Live embed as the
+     * `playlistSlugs` query param (comma-separated).
+     */
+    playlistSlugs?: string[];
     calendar?: CalendarProvider;
     /**
      * Sync subscription source identifier (the publisher's sync-subscription id).
@@ -54,9 +68,17 @@ export interface MomentSdkOpenPayload {
     /**
      * External event identifier emitted by the publisher's source feed (e.g. the
      * provider's native event id). Resolved against `apiSourceId` to a moment.
+     * Use the composite `event_id:showing_id` format for a single showing.
      * Forwarded to the Live embed as the `externalId` query param.
+     * Mutually exclusive with `externalEventIdPrefix`.
      */
     externalEventId?: string;
+    /**
+     * Upstream event id without showing suffix — Live fetches all showings for
+     * that event and prompts the user to pick one. Forwarded as `externalIdPrefix`.
+     * Mutually exclusive with `externalEventId`.
+     */
+    externalEventIdPrefix?: string;
 }
 /** Backend subscription resource type that the embed will create */
 export type MomentSubscriptionType = 'moment' | 'list' | 'team' | 'playlist';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentco-ai/moment-sdk",
-  "version": "0.3.0",
+  "version": "0.3.2-dev.21",
   "type": "module",
   "description": "Embeddable calendar sync widget for external team websites",
   "author": "Moment Co. <support@momentco.ai> (https://momentco.ai)",
@@ -62,6 +62,7 @@
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "quality": "pnpm run type-check && pnpm run lint && pnpm run format",
+    "test": "vitest run",
     "examples": "pnpm build && node examples/serve.mjs",
     "prepare": "husky"
   },
@@ -72,6 +73,7 @@
     "prettier": "^3.2.5",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.32.1",
-    "vite": "^7.1.5"
+    "vite": "^7.1.5",
+    "vitest": "^3.2.4"
   }
 }